Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Programming Discussions
  #1  
Old 09-27-2008, 04:33 PM
dannykilla's Avatar
dannykilla dannykilla is offline
 
Join Date: Jun 2007
Location: Manchester, UK
Posts: 151
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default anyone help with this menu please (CSS)

Hi,

I have copied this menu system from a site and I am trying to get it to work on my forum, but the position is completely off and was wondering if someone could me out please?
I am a complete n00b and was hoping someone could help me get this to look like it does in the image I mocked up on photoshop ?
You can see how it looks at the minute here:

http://www.bcguild.eu

here is the CSS that I have used!

Code:
/* Positioning */
#nav {
position: absolute;top: 24px;center: 3px;margin: 0;}
#nav ul {margin: 0;padding: 0;}
#nav li {margin: 0;padding: 0;float: left;}
#nav li a {float: left;display: block;}
#nav li a:hover, #nav li a#active, #nav li:hover a, #nav li.iehover a {margin-bottom: 0px;}

#nav li ul {margin: 0;padding: 0;position: absolute;bottom: -23px;left: -8px;list-style: none;display: none;}
#nav li#current ul{display: block;z-index: 50;}
#nav li:hover ul, #nav li.iehover ul{display: block;z-index: 60;}
/* @end */
/* common styling */
#nav ul {list-style: none;text-transform: uppercase;}
    #nav ul li {font: normal 12px Arial, Helvetica, sans-serif;}
        #nav ul li a {padding: 5px 23px 5px 22px;color: #FFF;text-decoration: none;border-top: 1px solid #4C7CC3;border-bottom: 1px solid #CCC;background: #039 url(../images/nav-bg.png) top right no-repeat;font-weight: bold;letter-spacing:0.45px;}
        #nav ul li a:hover,
        #nav ul li a#active,
        #nav ul li:hover a,
        #nav ul li.iehover a {border-top: 1px solid #CB4B4B;border-bottom: 1px solid #A31915;margin-bottom: 0px;background: #A31915 url(../images/nav-current-bg.png) top right no-repeat;}
        #nav ul li a.last {background: #039 url(../images/nav-last-bg.png) top right no-repeat;}
        #nav ul li a.last:hover,
        #nav ul li:hover a.last,
        #nav ul li.iehover a.last {border-top: 1px solid #CB4B4B;border-bottom: 1px solid #A31915;margin-bottom: 0px;background: #A31915 url(../images/nav-last-hover.png) top right no-repeat;}
            #nav ul li ul {width: 715px;text-transform: none;background-color: transparent;}
                #nav ul li ul li a {padding: 6px 8px 5px 8px;text-decoration: none;border: none;background: url(../images/subnav-bg.png) transparent 100% 50% no-repeat;font-weight: bold;font-size: 90%;}
                #nav ul li ul{height: 22px;border-bottom: 1px #CCC solid;}
                #nav ul li#current ul{background: #A31915;}
                #nav ul li:hover ul,
                #nav ul li.iehover ul{display: block;z-index: 60;background: #A31915;}
                    #nav ul li:hover ul li a,
                    #nav ul li.iehover ul li a,
                    #nav ul li#current ul li a {padding: 5px 8px 5px 8px;text-decoration: none;border: none;background: url(../images/subnav-bg.png) transparent 100% 50% no-repeat;font-weight: bold;font-size: 90%;}
                    #nav ul li ul li a:hover,
                    #nav ul li.iehover ul li a:hover {border: none;color: #FF9;background: url(../images/subnav-bg.png) transparent 100% 50% no-repeat;}
                    #nav ul li ul li.last a,
                    #nav ul li ul li.last a:hover,
                    #nav ul li#current ul li.last a,
                    #nav ul li.iehover ul li.last a:hover {background: none;}
/* @end */
Thanks
Danny
Attached Images
File Type: jpg likethis.jpg (76.0 KB, 0 views)
Reply With Quote
Reply

Thread Tools
Display Modes

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 01:48 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03358 seconds
  • Memory Usage 2,182KB
  • 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
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_attachment
  • (1)postbit_onlinestatus
  • (1)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_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete