Help creating custom box under navbar

[DFW Auto Club]

I'm using the code in this thread for my 3.8 vb and works perfect. Has anyone done this in vb4.0+ ?

http://www.vbulletin.com/forum/showt...x-under-navbar

[DaRK mAN306]

Hi,

I just finished "upgrading" the codes found in the link you posted to 4.x (demo attached)..
If you are interested, follow these steps:

1. First of all, sign into your Admin CP ..
2. Then, go to "Styles & Templates >> Style Manager" ..
3. After that, choose "Edit Templates" option from your defined vB Style drop-down menu ..
4. Then, Expand the template groups and look for "FORUMHOME" template and edit it ..
5. Once you enter the template, look for:

   <!-- main -->

6. Add this above it:

   <!-- custom block start -->
   <ol id="XtraBox" class="floatcontainer">
   <li class="forumbit_nopost L1" id="catXtra">
   <div class="forumhead foruminfo L1 collapse">
   <h2 class="blockhead" style="border: none;">
   <!-- title start -->
   Title goes here
   <!-- title end -->
   </h2>
   <a class="collapse" id="collapse_c_catXtra" href="{vb:raw  relpath}#top"><img src="{vb:stylevar  imgdir_button}/collapse_40b.png" alt="" title="{vb:rawphrase  collapse_this_category}" /></a>
   <div class="blockbody" id="c_catXtra">
   <div class="blockrow">
   Add your code here
   </div>
   </div>
   </div>
   </li>
   </ol>
   <!-- custom block end -->

   If you don't want the block to be collapsible, use this code instead:

   <!-- custom block start -->
   <ol id="XtraBox" class="floatcontainer">
   <li class="forumbit_nopost L1" id="catXtra">
   <div class="forumhead foruminfo L1">
   <h2 class="blockhead" style="border: none;">
   <!-- title start -->
   Title goes here
   <!-- title end -->
   </h2>
   <div class="blockbody" id="c_catXtra">
   <div class="blockrow">
   Add your code here
   </div>
   </div>
   </div>
   </li>
   </ol>
   <!-- custom block end -->

7. Edit the codes to suite your needs and then "Save" the template ..

This is also XHTML and CSS valid and will keep your homepage validated OK.

I hope that this helps you out .!

[DFW Auto Club]

Thanks for the quick reply! Do you know if it's possible for the box to be placed directly under the navbar in the area I have highlighted in red?

[DaRK mAN306]

Originally Posted by DFW Auto Club

Thanks for the quick reply! Do you know if it's possible for the box to be placed directly under the navbar in the area I have highlighted in red?

Hi again,

In that case, instead of looking for "<!-- main -->" in step 5 look for "{vb:raw navbar}" and add the code in step 6 after it and NOT above it .!

That should place the box directly under the navbar if that's what you mean ..

[DFW Auto Club]

Originally Posted by DaRK mAN306

Hi again,

In that case, instead of looking for "<!-- main -->" in step 5 look for "{vb:raw navbar}" and add the code in step 6 after it and NOT above it .!

That should place the box directly under the navbar if that's what you mean ..

Already tried that and still puts it in the same place. The new vb templates seem to majically overlap. Thanks for you help.

[DaRK mAN306]

Originally Posted by DFW Auto Club

Already tried that and still puts it in the same place. The new vb templates seem to majically overlap. Thanks for you help.

Hi again,

You can try this:

1. First of all, sign into your Admin CP ..
2. Then, go to "Styles & Templates >> Style Manager" ..
3. After that, choose "Edit Templates" option from your defined vB Style drop-down menu ..
4. Then, Expand the template groups and look for "navbar" template and edit it ..
5. Once you enter the template, look for:

   <div class="body_wrapper">

6. Add before it:

   <!-- custom block start -->
   <ol id="XtraBox" class="floatcontainer">
   <li class="forumbit_nopost L1" id="catXtra">
   <div class="forumhead foruminfo L1 collapse">
   <h2 class="blockhead" style="border: none;">
   <!-- title start -->
   Title goes here
   <!-- title end -->
   </h2>
   <a class="collapse" id="collapse_c_catXtra" href="{vb:raw  relpath}#top"><img src="{vb:stylevar  imgdir_button}/collapse_40b.png" alt="" title="{vb:rawphrase  collapse_this_category}" /></a>
   <div class="blockbody" id="c_catXtra">
   <div class="blockrow">
   Add your code here
   </div>
   </div>
   </div>
   </li>
   </ol>
   <!-- custom block end -->
   <br />

7. Edit the codes to suite your needs and then "Save" the template ..

That would place the box between the navbar in the header and the breadcrumb in the main body .!

[ProFifaLeagues]

Top work thanks