vb.org Archive - how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ?

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ? (https://vborg.vbsupport.ru/showthread.php?t=277499)

Kim Welch

01-25-2012 12:40 AM

how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ?

how do you create a custom grid for a 3 column layout that is 160px / 540px / 300px ?

(vBulletin version 4.1.9 Patch Level 1.)

nerbert

01-25-2012 01:11 AM

I built a page with a left column (referred to as side column). Maybe it will give you an idea.

Code:

<style type="text/css">

<!--

.side_column {

        width:250px;

        clear:none;

        float:left;

}



.side_column_container {

        margin-top:12px;

        width:250px;

}



.right_block {

        margin:0px 0px 0px -290px;

        float:right;

        width:100%;

        padding:0px;

        display:block;

}



.right_block_container {

        margin:12px 0px 0px 290px;

        display:block;

        padding:0px;

}

</style>

HTML Code:

<div  class="right_block">

        <div class="right_block_container">



                HTML for right block



         </div>

</div>



<div class="side_column">

          <div class="side_column_container">



                HTML for left column



          </div>

</div>

Float your right column over first then the center body, then float the left column to the left

Kim Welch

01-25-2012 04:13 AM

is there a way to create a custom grid through the Grid Manager in the vBulletin CMS panel?

Typhon

06-05-2013 11:29 AM

I also what to know if this is possible so that I can squeeze content in between a 160 and 300 ad columns?

All times are GMT. The time now is 03:52 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00945 seconds Memory Usage 1,716KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)bbcode_code_printable (1)bbcode_html_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (4)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: