|
|
Invision Power Board Этот раздел посвящен форуме на движке Invision Power Board |
|
Опции темы | Поиск в этой теме |
11.05.2011, 16:15 Вверх | #1 | |||
Опытный пользователь
|
Выпадающее меню
Всем привет.
У меня проблема с выпадающим меню. Как обычно при наведении на меню, выпадают подменюшки: Код: <ul> <li><a href="http://www.twitter.com/username" title="Twitter"><img src="{style_images_url}/_custom/icon-social_twitter.png" alt="Twitter" /> Follow Us on Twitter</a></li> <li><a href="http://www.facebook.com/page" title="Facebook"><img src="{style_images_url}/_custom/icon-social_facebook.png" alt="Facebook" /> Like Us on Facebook</a></li> <li><a href="http://www.youtube.com/page" title="Youtube"><img src="{style_images_url}/_custom/icon-social_youtube.png" alt="Youtube" /> Subscribe on Youtube</a></li> </ul> </li> Менял dropdown_1 на dropdown_2 , в этом случае меню сразу развернутое. В чем может быть проблема? Может скрипт как то переделать с одного скина (в котором все нормально) на этот? Буду очень благодарен кто мне поможет. Мне очень это надо. Примечание: в одном из скинов после добавления нескольких таких пунктов меню с выпадающими ссылками, все нормально. в другом вот такая проблема как описано выше. |
|||
Последний раз редактировалось Arcesius; 11.05.2011 в 16:19.. |
||||
11.05.2011, 16:33 Вверх | #2 | |||
Fedoraвод
|
Проблема скорее всего в том, что селектор id="dropdown_1" может использоваться всего один раз на странице, чтобы можно было использовать несколько раз, id нужно заменить на class, а также заменить в css все селекторы вида .dropdown_1 на #dropdown_1
Способ стопроцентно сработает если в работе меню не участвует яваскрипт, с ним нужны будут более глобальные переделки. |
|||
Cказали cпасибо: |
11.05.2011, 18:10 Вверх | #4 | |||
Опытный пользователь
|
Вот что нашел.
Код:
/** dropdown **/ .sb-dropdown { position: relative; } .sb-dropdown-on { } .sb-dropdown-off { } /* head */ .sb-dropdown span { margin: 0px; } /* submenu */ .sb-dropdown ul { background: #484f5b; border: 1px solid #616977; border-top: 0; border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); width: 190px; position: absolute; z-index: 10000; margin: 0; margin-top: -3px; padding: 4px; font-size: 13px !important; } .sb-dropdown ul li { margin: 0 !important; padding: 0 !important; text-align: left !important; } .sb-dropdown ul li a { background: transparent !important; border-radius: 4px 4px 4px 4px !important; -moz-border-radius: 4px 4px 4px 4px !important; -webkit-border-bottom-left-radius: 4px !important; -webkit-border-bottom-right-radius: 4px !important; -webkit-border-top-left-radius: 4px !important; -webkit-border-top-right-radius: 4px !important; margin: 0 !important; padding: 6px !important; } .sb-dropdown ul li a:hover { background: #505764 !important; color: #fff !important; } .sb-dropdown ul li a:active { background: #3c434f !important; color: #000 !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .sb-dropdown ul li a img { position: relative; margin-top: -2px; margin-right: 2px; opacity: 0.5; } .sb-dropdown ul li a:hover img { opacity: 1; } .sb-dropdown_arrow { position: relative; margin-top: -1px; margin-left: 1px; } |
|||
Последний раз редактировалось Arcesius; 11.05.2011 в 18:15.. |
||||
11.05.2011, 18:41 Вверх | #6 | |||
Опытный пользователь
|
Полный:
Код:
/* SKIN BY WWW.SKINBOX.NET */ /************************************************************************/ /* WRAPPER */ /************************************************************************/ #top-container { margin: 10px auto; } .viewport-1920 #top-container, .viewport-1920 #wrapper { width: 1500px; } .viewport-1600 #top-container, .viewport-1600 #wrapper { width: 1300px; } .viewport-1440 #top-container, .viewport-1440 #wrapper { width: 1200px; } .viewport-1280 #top-container, .viewport-1280 #wrapper { width: 1100px; } .viewport-1024 #top-container, .viewport-1024 #wrapper { width: 990px; } .viewport-1920 { background-image: url('{style_images_url}/_backgrounds/bg-1920.jpg'); } .viewport-1600 { background-image: url('{style_images_url}/_backgrounds/bg-1600.jpg'); } .viewport-1440 { background-image: url('{style_images_url}/_backgrounds/bg-1440.jpg'); } .viewport-1280 { background-image: url('{style_images_url}/_backgrounds/bg-1280.jpg'); } .viewport-1024 { background-image: url('{style_images_url}/_backgrounds/bg-1024.jpg'); } #container { float: left; padding: 0 0 0 10px; width: 98%; margin: 0 auto; } #wrapper { margin: 0 auto 10px auto; background: #3b3f4a url({style_images_url}/_custom/bg-wrapper.png) repeat-x top center; border: 1px solid #0d1014; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #right-content { background: transparent; position: relative; top: 0; right: 0; width: 275px; float: right; color: #313840; padding: 10px 0; } #left-content { margin: 0 auto 0 10px; background: #e2e5e8; padding: 0; border: 1px solid #fff; border-top: 0; border-right: 0; min-height: 800px; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; margin-right: 275px; } /************************************************************************/ /* BACKGROUNDS */ /************************************************************************/ #bg-wrapper-top { width: 100%; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #bg-wrapper-bottom { background: url({style_images_url}/_custom/bg-wrapper-bottom.png) repeat-x bottom left; width: 100%; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #bg-wrapper-left { background: url({style_images_url}/_custom/bg-wrapper-left.png) repeat-y top left; width: 100%; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #bg-wrapper-right { background: url({style_images_url}/_custom/bg-wrapper-right.png) repeat-y top right; width: 100%; border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; -webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; } #bg-content-top { background: url({style_images_url}/_custom/bg-content-top.png) repeat-x top left; width: 100%; border-radius: 8px 8px 8px 0; -moz-border-radius: 8px 8px 8px 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } #bg-content-left { background: url({style_images_url}/_custom/bg-content-left.png) repeat-y top left; width: 100%; border-radius: 0 8px 8px 0; -moz-border-radius: 0 8px 8px 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 8px; } #bg-content-right { background: url({style_images_url}/_custom/bg-content-right.png) repeat-y top right; width: 100%; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } #bg-sidebar-block-top { background: url({style_images_url}/_custom/bg-sidebar_top.png) repeat-x top left; width: 100%; } /************************************************************************/ /* SIDEBAR */ /************************************************************************/ #sidebar_block { background: transparent url({style_images_url}/_custom/bg-sidebar_bottom.png) repeat-x bottom left; color: #a2a7b6; list-style: none; text-shadow: -1px -1px 1px #000; font-size: 0.9em; } #sidebar_block h2 { background: transparent url({style_images_url}/_custom/bg-sidebar_header.png) repeat-x top left; border-bottom: 1px solid #24262f; font-size: 1.2em; padding: 8px 15px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.15); color: #17191e; font-weight: normal; margin: 0; } #sidebar_inner { padding: 8px; } #userlinks ul li { display: block; color: #c0c3cf; text-shadow: -1px -1px 1px #000; } #userlinks ul li a { background: #323642 url({style_images_url}/_custom/userlinks_normal.png) repeat-y top right; display: block; padding: 7px 0 7px 15px; text-decoration: none; color: #c0c3cf; text-shadow: -1px -1px 1px #000; } #userlinks ul li a:hover { background: #323642 url({style_images_url}/_custom/userlinks_hover.png) repeat-y top right; color: #fff; text-shadow: 0 0 5px rgba(255, 255, 255, 0.8); } #userlinks ul li a:active { background: #323642 url({style_images_url}/_custom/userlinks_active.png) repeat-y top right; color: #606471; text-shadow: -1px -1px 0 #000; } #userlinks ul li a img { padding-right: 5px; } .userlinks_photo { position: relative; margin-top: -1px; margin-right: 5px; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; border: 1px solid #34363b; padding: 1px; background: #b6b8bd; width: 16px; height: 16px; } #userlinks_bullet { background: #262b31 url({style_images_url}/_custom/bg-userlinks.png) repeat-x top left; border: 1px solid #4a4d55; border-top: 0; border-left: 0; margin: 0 0 15px 0; padding: 10px 15px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } #userlinks_bullet a { background: transparent url({style_images_url}/_custom/bullet.png) no-repeat center left; display: block; padding: 4px 10px 4px 20px; text-decoration: none; color: #c0c3cf; } #userlinks_bullet a:hover { background: transparent url({style_images_url}/_custom/bullet_hover.png) no-repeat center left; color: #fff; text-shadow: 0 0 5px rgba(255, 255, 255, 0.8); } #userlinks_bullet a:active { background: transparent url({style_images_url}/_custom/bullet_active.png) no-repeat center left; color: #606471; text-shadow: -1px -1px 0 #000; } /************************************************************************/ /* USERLINKS MARGIN */ /************************************************************************/ #sidebar_block_margin { background: transparent; color: #a2a7b6; list-style: none; text-shadow: -1px -1px 1px #000; font-size: 0.9em; margin: 0 8px 8px 8px; } #userlinks_margin ul { background: #23282e; border: 1px solid #686b73; border-top: 0; border-left: 0; margin-bottom: 8px; padding: 2px; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; } #userlinks_margin ul li { display: block; } #userlinks_margin_top { background: #797f8e url({style_images_url}/_custom/bg-userlinks-margin-top.png) repeat-x top right; padding: 6px 10px; display: block; color: #1c212f; font-size: 1.1em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); border-radius: 2px 2px 0 0; -moz-border-radius: 2px 2px 0 0; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; } #userlinks_margin ul li a { background: #323642 url({style_images_url}/_custom/userlinks_normal.png) repeat-y top right; display: block; padding: 7px 0 7px 10px; text-decoration: none; color: #c0c3cf; text-shadow: -1px -1px 1px #000; } #userlinks_margin ul li a:hover { background: #323642 url({style_images_url}/_custom/userlinks_hover.png) repeat-y top right; color: #fff; } #userlinks_margin ul li a:active { background: #323642 url({style_images_url}/_custom/userlinks_active.png) repeat-y top right; color: #606471; } #userlinks_margin ul li a img { padding-right: 5px; } /************************************************************************/ /* TWITTER */ /************************************************************************/ #twitter ul li { display: block; text-shadow: -1px -1px 1px #000; } #twitter ul li a { background: url({style_images_url}/_custom/twitter_normal.png) repeat-y top right; display: block; padding: 7px 0 7px 15px; text-decoration: none; color: #a9d5df; text-shadow: -1px -1px 1px #000; } #twitter ul li a img { position: relative; margin: -1px 5px 0 0; } #twitter ul li a:hover { background: url({style_images_url}/_custom/twitter_hover.png) repeat-y top right; color: #fff; } #twitter ul li a:active { background: url({style_images_url}/_custom/twitter_active.png) repeat-y top right; color: #a9d5df; } /************************************************************************/ /* FACEBOOK */ /************************************************************************/ #facebook ul li { display: block; text-shadow: -1px -1px 1px #000; } #facebook ul li a { background: url({style_images_url}/_custom/facebook_normal.png) repeat-y top right; display: block; padding: 7px 0 7px 15px; text-decoration: none; color: #9db4ec; text-shadow: -1px -1px 1px #000; } #facebook ul li a img { position: relative; margin: -1px 5px 0 0; } #facebook ul li a:hover { background: url({style_images_url}/_custom/facebook_hover.png) repeat-y top right; color: #fff; } #facebook ul li a:active { background: url({style_images_url}/_custom/facebook_active.png) repeat-y top right; color: #9db4ec; } /************************************************************************/ /* DIGG */ /************************************************************************/ #digg ul li { display: block; text-shadow: -1px -1px 1px #000; } #digg ul li a { background: url({style_images_url}/_custom/digg_normal.png) repeat-y top right; display: block; padding: 7px 0 7px 15px; text-decoration: none; color: #ecdca5; text-shadow: -1px -1px 1px #000; } #digg ul li a img { position: relative; margin: -1px 5px 0 0; } #digg ul li a:hover { background: url({style_images_url}/_custom/digg_hover.png) repeat-y top right; color: #fff; } #digg ul li a:active { background: url({style_images_url}/_custom/digg_active.png) repeat-y top right; color: #ecdca5; } /************************************************************************/ /* ROWS */ /************************************************************************/ .row3, .row3 td { background: #e3e7ec url({style_images_url}/_custom/row3.png) repeat-x top left; border-top: 1px solid #bcc1c7; text-transform: uppercase; font-size: 11px; color: #5a5e63; padding: 9px 8px 8px 6px !important; } .lastpost { background: #d2d6db url({style_images_url}/_custom/gradient_top.png) repeat-x top left; border: 1px solid #fff; border-top: 0; border-left: 0; padding: 3px 10px; font-weight: bold; font-family: arial; font-size: 10px; margin-right: 3px; color: #5a5e63; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.6); border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; -webkit-border-bottom-left-radius: 12px; -webkit-border-bottom-right-radius: 12px; -webkit-border-top-left-radius: 12px; -webkit-border-top-right-radius: 12px; } .lastpost_img { float: right; opacity: 0.6; position: relative; margin-top: -2px; } .lastpost_img:hover { opacity: 1; } .lastpost_img:active { opacity: 0.6; } table.ipb_table tr .stats { text-align: right; } table.ipb_table tr .stats_idx { text-align: center; text-transform: lowercase; font-size: 1.1em; background: #fff url({style_images_url}/_custom/row_stats.png) repeat-y top left; } table.ipb_table tr .stats_idx:hover { text-align: center; text-transform: lowercase; font-size: 1.1em; background: #fff url({style_images_url}/_custom/row_stats.png) repeat-y top left; } /************************************************************************/ /* GUEST WELCOME MESSAGE */ /************************************************************************/ #left-content_welcome { margin: 0 275px 8px 10px; padding: 0; } .welcome { text-shadow: -1px -1px 0px #000; background: #161616 url({style_images_url}/_custom/bg-main-welcome.gif) repeat-y top center; padding: 19px 20px 15px 20px; border: 1px solid #666971; border-top: 0; border-left: 0; border-radius: 8px 8px 8px 8px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; } .welcome span { font-weight: bold; color: #fff; font-size: 1.2em; text-shadow: -1px -1px 0px #000; } .welcome p { font-size: 1.2em; line-height: 1.5em; color: #acb0b9; display: inline; } .welcome a { color: #fff; } .welcome_img { float: left; display: inline; margin: 15px 15px 0 10px; } .welcome_buttons { margin-top: 20px; } .input_submit_welcome, .input_submit_welcome_alt { background: #98a1ac url({style_images_url}/_custom/topic_button.png) repeat-x top left; color: #333b45; border: 1px solid #222a32; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.35); border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); padding: 5px 14px; font-size: 1.2em; } a.input_submit_welcome:hover, a.input_submit_welcome:active, a.input_submit_welcome { color: #333b45; text-decoration: none; } .input_submit_welcome:hover { background-color: #858e99; } .input_submit_welcome:active, .input_submit_welcome_alt:active { background: #858e99 url({style_images_url}/_custom/topic_button_active.png) repeat-x top left; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .input_submit_welcome_alt { background-color: #67707d; color: #2a3542; } a.input_submit_welcome_alt:hover, a.input_submit_welcome_alt:active, a.input_submit_welcome_alt { color: #2a3542; text-decoration: none; } .input_submit_welcome_alt:hover { background-color: #565e6a; } .input_submit_welcome_alt:active { background-color: #565e6a; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.3); } .hideit { float: right; display: inline; font-weight: normal; text-shadoe: -1px -1px 0 #000; font-size: 0.8em; position: relative; margin-top: -11px; margin-right: -13px; } .hideit a { background: #1a1b22 url({style_images_url}/_custom/bg-toplight.png) repeat-x top left; padding: 3px 8px; text-decoration: none !important; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; color: #fff; opacity: 0.7; } .hideit a:hover { opacity: 1; color: #fff; } .hideit a:active { opacity: 0.6; } .hideit img { position: relative; margin-top: -1px; } /************************************************************************/ /* SHOW / HIDE SIDEBAR */ /************************************************************************/ .shide-sidebar { position: absolute; left: -21px; top: 190px; float: right; display: inline; z-index: 9999; } .shide-sidebar:hover { opacity: 0.8; } .shide-sidebar:active { opacity: 0.6; } /************************************************************************/ /* SUPER UBER DUPER ALL IN ONE JAVASCRIPT */ /************************************************************************/ #sb-toplink { background: transparent url({style_images_url}/_custom/toplink.png) no-repeat center center; display: none; position: fixed; right: 5px; bottom: 5px; text-decoration: none; border: 0; padding: 15px; } #sb-toplink:hover { opacity: 0.8; } #sb-toplink:active { opacity: 0.5; } /** credit box **/ #sb-login-box, #sb-credits-box { display: none; } #sb-credits-box-inner { padding: 20px; font-size: 1em; line-height: 165%; } #sb-credits-box-inner h4 { font-size: 1.1em; padding: 0 0 5px 0; margin: 0; display: inline-block; } #sb-credits-box-center { font-size: 1.3em; text-align: center; } /** dropdown **/ .sb-dropdown { position: relative; } .sb-dropdown-on { } .sb-dropdown-off { } /* head */ .sb-dropdown span { margin: 0px; } /* submenu */ .sb-dropdown ul { background: #484f5b; border: 1px solid #616977; border-top: 0; border-radius: 0 4px 4px 4px; -moz-border-radius: 0 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 4px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1); width: 190px; position: absolute; z-index: 10000; margin: 0; margin-top: -3px; padding: 4px; font-size: 13px !important; } .sb-dropdown ul li { margin: 0 !important; padding: 0 !important; text-align: left !important; } .sb-dropdown ul li a { background: transparent !important; border-radius: 4px 4px 4px 4px !important; -moz-border-radius: 4px 4px 4px 4px !important; -webkit-border-bottom-left-radius: 4px !important; -webkit-border-bottom-right-radius: 4px !important; -webkit-border-top-left-radius: 4px !important; -webkit-border-top-right-radius: 4px !important; margin: 0 !important; padding: 6px !important; } .sb-dropdown ul li a:hover { background: #505764 !important; color: #fff !important; } .sb-dropdown ul li a:active { background: #3c434f !important; color: #000 !important; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } .sb-dropdown ul li a img { position: relative; margin-top: -2px; margin-right: 2px; opacity: 0.5; } .sb-dropdown ul li a:hover img { opacity: 1; } .sb-dropdown_arrow { position: relative; margin-top: -1px; margin-left: 1px; } /* background switcher */ #background-switcher { padding: 8px; font-size: 1em; } #background-switcher h3 { margin: 10px 0; padding: 0; font-size: 1.1em; font-weight: normal !important; background: transparent; } #background-switcher a { background: #161616 url({style_images_url}/_custom/bg-toplight.png) repeat-x top left; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; text-decoration: none; padding: 5px 10px 4px 8px; margin: 4px 2px; display: inline-block; } #background-switcher a:hover { background: #1e1e1e url({style_images_url}/_custom/bg-toplight.png) repeat-x top left; text-decoration: none; } #background-switcher a:active { background: #1e1e1e url({style_images_url}/_custom/bg-toplight_active.png) repeat-x top left; text-decoration: none; } #background-switcher a img { background: #000; padding: 2px; margin-right: 4px; margin-top: -2px; position: relative; border: 1px solid #1f1f1f; height: 16px; width: 16px; border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-bottom-left-radius: 2px; -webkit-border-bottom-right-radius: 2px; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; } /* shide */ #sb-anim-welcome { padding: 0 0px 13px 5px; } /** Classes applied to shide trigger when the element is shown (on) or not (off) **/ .welcome.sb-shide-element-on .trigger-on { display: inline; } .welcome.sb-shide-element-on .trigger-off { display: none; } .welcome.sb-shide-element-off .trigger-off { display: inline; } .welcome.sb-shide-element-off .trigger-on { display: none; } #dropdown_1 ul { display: none; } #background-picker { display: none; } .sb-storable { display: none; } /************************************************************************/ /* MISC */ /************************************************************************/ .logo { text-align: left; position: relative; margin-left: -15px; margin-top: 18px; float:left; } .logo:active { opacity: 0.5; } .spacing { height: 30px; } .spacing2 { height: 10px; } .mname{ font-weight: normal; font-size: 1.8em; padding: 2px 2px 0 8px; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); } .mname a, .mname a.active, mname a.visited{ color: #444; text-decoration: none; } .mname a:hover{ color: #000; text-decoration: underline; } .lighttext{ font-weight: normal; font-size: 0.9em; text-transform: uppercase; color: #aaaaaa; text-shadow: 1px 1px 0px rgba(255, 255, 255, 1); } .bottomlight { background: transparent url({style_images_url}/_custom/bottomlight.png) no-repeat bottom center; height: 50px; } /************************************************************************/ /* BRANDING - PLEASE DO NOT REMOVE */ /************************************************************************/ .viewport-1920 .branding_skin { width: 1500px; } .viewport-1600 .branding_skin { width: 1300px; } .viewport-1440 .branding_skin { width: 1200px; } .viewport-1280 .branding_skin { width: 1100px; } .viewport-1024 .branding_skin { width: 990px; } .branding_skin { margin: 0 auto 20px auto; padding: 0; color: #fff; } .branding_skin a { color: #fff; text-decoration: none; } .branding_skin a:hover { color: #fff; text-decoration: underline; } .branding_moreinfo { position: relative; margin-top: -1px; opacity: 0.5; } .branding_moreinfo:hover { opacity: 0.8; } .branding_moreinfo:active { opacity: 0.5; } .branding_logo { float: right; opacity: 0.7; } .branding_logo:hover { opacity: 1; } .branding_logo:active { opacity: 0.7; } |
|||
|
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
[Инструкция] Выпадающее меню на CSS (без Javascript) | Serberg | Сайтостроение | 3 | 22.10.2011 07:05 |
[Вопрос] Выпадающее меню | BlackEnergy | DataLife Engine | 3 | 12.07.2011 14:08 |
[Вопрос] Меню | f0wl | vBulletin 4.x | 1 | 27.10.2010 10:39 |
[Вопрос] выпадающее меню vbulletin 4.x.x. | abuGabi | vBulletin 4.x | 1 | 17.06.2010 09:29 |
Мой кабинет(в navbar`е) - выпадающее меню с быстрым доступом | Serberg | Инструкции по vBulletin | 0 | 28.04.2009 15:01 |