vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   Modification Requests/Questions (Unpaid) (https://vborg.vbsupport.ru/forumdisplay.php?f=112)
-   -   Swap Header and navbar? (https://vborg.vbsupport.ru/showthread.php?t=290109)

Aline 11-03-2012 02:48 PM

Swap Header and navbar?
 
Hi there i was wandering how do you swap navbar and header?

Like navbar to be on top of the header and header below navbar?
thank you.

Lynne 11-03-2012 04:29 PM

The main page templates (FORUMHOME, SHOWTHREAD, FORUMDISPLAY, etc.) all have this in the template:

HTML Code:

        {vb:raw header}

        {vb:raw navbar}

So, you would need to swap those. However, you would also have to edit the two templates because the header starts with this:
HTML Code:

<div class="above_body"> <!-- closing tag is in template navbar -->
And the navbar has this line:
HTML Code:

</div><!-- closing div for above_body -->
So you would need to edit those two templates to correct those tags.

Alternately, you may want to try to play with the css. Add "top: -100px" to position the navbar and then add "top: 100px" to position the header. That may work out and be easier.

Christos Teriakis 05-22-2013 09:25 AM

Quote:

Originally Posted by Lynne (Post 2378102)
Alternately, you may want to try to play with the css. Add "top: -100px" to position the navbar and then add "top: 100px" to position the header. That may work out and be easier.

Novice here !!:rolleyes: Which stylevars are reffering to the navbar and header to add these values? Or, do I need to add something at additional.css?

Thank you!
Christos

Lynne 05-22-2013 03:46 PM

Just do it to the id tags like this:

#navbar {top: -100px;}
#header {top: 100px;}

You may need to change 100 to a different number depending on your design. And yes, I always add stuff to the additional.css template.

Christos Teriakis 05-22-2013 04:00 PM

Miracle!! .... Miracle !! :)
http://www.adminexpo.com/forum.php
Maybe any idea for this 3 years old post? It has better design.
https://vborg.vbsupport.ru/showthread.php?t=252971

PS: By the chance... For default style the best values are:
Code:

#navbar {top: -50px;}
#header {top: 60px;}

THANK YOU !!!!!!

Simon Lloyd 05-22-2013 09:04 PM

You'll have to mess around with your serach...etc as it's out of place :)

--------------- Added [DATE]1369260685[/DATE] at [TIME]1369260685[/TIME] ---------------

I would have gone a different route and simply edited the templates like forumhome and forumdisplay and moved {vb:raw navbar} right above {vb:raw header}


All times are GMT. The time now is 11:53 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01006 seconds
  • Memory Usage 1,726KB
  • 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
  • (3)bbcode_html_printable
  • (1)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (6)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