Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 07-21-2012, 09:05 PM
SpawnedX SpawnedX is offline
 
Join Date: Apr 2011
Posts: 35
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Navbar Customizing

Could someone point me in the right direction to doing a slight redesign in the style I am using here: http://www.dsmnation.com

You see how Forum and Classified links are text? I want them to look more like the default style which has an image background making it look like a button and when you highlight the button it changes colors.
Reply With Quote
  #2  
Old 07-21-2012, 09:22 PM
peugeot405's Avatar
peugeot405 peugeot405 is offline
 
Join Date: Feb 2010
Posts: 312
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

in style variable editor look under the navbar section and edit the settings depending on who you want it to look.

you'll also have to play around width, height, padding en margins
Reply With Quote
  #3  
Old 07-21-2012, 10:40 PM
SpawnedX SpawnedX is offline
 
Join Date: Apr 2011
Posts: 35
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you, I got that all figured out.

I have one more issue, I want to put a | between all the sub-menu items without putting one before the first option or after the last. Any ideas on the best way to accomplish this?
Reply With Quote
  #4  
Old 07-22-2012, 07:37 AM
peugeot405's Avatar
peugeot405 peugeot405 is offline
 
Join Date: Feb 2010
Posts: 312
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by SpawnedX View Post
Thank you, I got that all figured out.

I have one more issue, I want to put a | between all the sub-menu items without putting one before the first option or after the last. Any ideas on the best way to accomplish this?
you can put a line between them by adding this to additional css:

Code:
.navtabs ul li {
    border-right: 1px solid #FFFFFF;
}
but it also puts a line after the last one, i don't think there's a way to avoid that.
Reply With Quote
  #5  
Old 07-25-2012, 07:59 PM
SimonB SimonB is offline
 
Join Date: Jun 2012
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I also have a navbar style issue I'd like resolved and Peugeot405 (great car BTW) has always been most helpful elsewhere for me.

As you can see in the image I'd like the link that has been selected for the popup menu to be reversed (i.e in white, rather than the same colour as the rest of the navbar links)

I'm guessing another CSS tweak rather than a stylvar issue?

Thanks
Attached Images
File Type: jpg Capture.JPG (27.9 KB, 0 views)
Reply With Quote
  #6  
Old 07-25-2012, 09:17 PM
peugeot405's Avatar
peugeot405 peugeot405 is offline
 
Join Date: Feb 2010
Posts: 312
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by SimonB View Post
I also have a navbar style issue I'd like resolved and Peugeot405 (great car BTW) has always been most helpful elsewhere for me.

As you can see in the image I'd like the link that has been selected for the popup menu to be reversed (i.e in white, rather than the same colour as the rest of the navbar links)

I'm guessing another CSS tweak rather than a stylvar issue?

Thanks

see of adding this in additional css helps simonB:

Code:
.navtabs li.selected li:hover a.popupctrl {
    background-color: #A71212;
    border-color: #FFFFFF;
    text-decoration: none;
    color: #ffffff;
}
.navtabs li.selected li:hover a.popupctrl.active, .navtabs li.selected li a.popupctrl.active {
    background-color: #A71212;
    border-color: #A71212;
    border-radius: 3px 3px 0 0;
    color: #ffffff;
    text-decoration: none;
}
And thanks for the nice comment you wrote about me, really appriciate it.
Reply With Quote
  #7  
Old 07-27-2012, 08:33 PM
SimonB SimonB is offline
 
Join Date: Jun 2012
Posts: 52
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thanks Peugeot405... works like a charm.

Can I ask, do you use firebug or something to play around with settings? I wish I had the ability to fully interpret what it's telling me. I have been able to resolve a few issues with it but the one you just resolved had me stumped.

Simon
Reply With Quote
  #8  
Old 07-27-2012, 09:53 PM
peugeot405's Avatar
peugeot405 peugeot405 is offline
 
Join Date: Feb 2010
Posts: 312
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I do use firebug very often, SimonB. It's something i learned here on vb.org.
It helped me to solve a lot of issues too.

I have a private testsite, so i can play around with settings, using firebug and by making changes directly in the templates.
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 09:32 AM.


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.07791 seconds
  • Memory Usage 2,247KB
  • Queries Executed 14 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (2)bbcode_code
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (8)post_thanks_box
  • (8)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (8)post_thanks_postbit_info
  • (8)postbit
  • (1)postbit_attachment
  • (8)postbit_onlinestatus
  • (8)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • postbit_attachment
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete