View Single Post
  #2  
Old 03-06-2014, 09:10 AM
tbworld tbworld is offline
 
Join Date: Oct 2008
Posts: 2,126
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Currently the navtabs are floated to the left or to the right as they are built using relative positioning, since you can add additional tabs from the navigational menu.

Fixed Layout
-------------
For a fixed width layout, there is no reason you cannot apply absolute positioning to the tabs through CSS. Of course you might have to modify it (slightly) every time you add a new 'navtab'.

So for example the 'forum' tab you could absolute position:
Code:
/* Add this to your additional.css template */
/*"vbtab_forum" is the identity field in the navigational manager */

.navtabs li#vbtab_forum {  
  position: absolute;
  right: 300px;
}
Fluid Layout - Cheat
---------------------
For a simple fluid layout, still allowing the 'navtabs' to float left (default), you could simple add a hidden dummy 'navtab', alter the CSS on that navtab to accommodate the width of your image then position your image over the hidden 'navtab'. However, keeping it in the center of your screen could be challenging to figure out. Altering the global 'navtab' width should resolve this issue.

Best Approach - Advanced
-------------------------------
The best approach is to modify the 'navbar' template and create two wrappers for the 'navtabs' positioning them to the left and the right. Then designating the 'navtabs' to either float left or float right, either by assigning the float direction via CSS to the 'navtab' using the HTML ID attribute or by adding a new field in the navigation table and use it to indicate float direction for the 'navtab' -- and applying this field's data as a variable to the navtab template to be used by the directional wrappers. (Sounds more complicated then it is.)

Anyway, I hope this gives you a starting point.
Reply With Quote
Благодарность от:
CAG CheechDogg
 
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01089 seconds
  • Memory Usage 1,767KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD_SHOWPOST
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)bbcode_code
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_box
  • (1)post_thanks_box_bit
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_onlinestatus
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • reputationlevel
  • showthread
Included Files:
  • ./showpost.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showpost_start
  • bbcode_fetch_tags
  • bbcode_create
  • postbit_factory
  • showpost_post
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • showpost_complete