Бормотухи.НЕТ

Вернуться   Бормотухи.НЕТ > Web-мастеру > Сайтостроение > Invision Power Board
Расширенный поиск

Invision Power Board Этот раздел посвящен форуме на движке Invision Power Board

Ответ
 
Опции темы Поиск в этой теме
Старый 11.05.2011, 16:15 Вверх   #1
Опытный пользователь
 
Аватар для Arcesius
Arcesius вне форума
Доп. информация
По умолчанию Выпадающее меню

Всем привет.
У меня проблема с выпадающим меню.

Как обычно при наведении на меню, выпадают подменюшки:
Код:

<li id="dropdown_1" class="left"><span><a href="#">More <img src="{style_images_url}/_custom/dropdown_arrow.png" class="sb-dropdown_arrow" /></a></span>
<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вод
 
Аватар для Злой
Злой вне форума
Доп. информация
По умолчанию

Цитата Сообщение от Arcesius Посмотреть сообщение
В чем может быть проблема?
Проблема скорее всего в том, что селектор id="dropdown_1" может использоваться всего один раз на странице, чтобы можно было использовать несколько раз, id нужно заменить на class, а также заменить в css все селекторы вида .dropdown_1 на #dropdown_1
Способ стопроцентно сработает если в работе меню не участвует яваскрипт, с ним нужны будут более глобальные переделки.
  Ответить с цитированием
Cказали cпасибо:
Старый 11.05.2011, 17:47 Вверх   #3
Опытный пользователь
 
Аватар для Arcesius
Arcesius вне форума
Доп. информация
По умолчанию

Спасибо, ща попробую.
  Ответить с цитированием
Старый 11.05.2011, 18:10 Вверх   #4
Опытный пользователь
 
Аватар для Arcesius
Arcesius вне форума
Доп. информация
По умолчанию

Вот что нашел.

Код:
/** 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;
}
Это в файле "стиль_general.css" Что менять? Или может это не тот css?

Последний раз редактировалось Arcesius; 11.05.2011 в 18:15..
  Ответить с цитированием
Старый 11.05.2011, 18:26 Вверх   #5
Fedoraвод
 
Аватар для Злой
Злой вне форума
Доп. информация
По умолчанию

css файл не полный, как и код менюшки...
по таким обрезкам практически ничего сказать не могу.
  Ответить с цитированием
Старый 11.05.2011, 18:41 Вверх   #6
Опытный пользователь
 
Аватар для Arcesius
Arcesius вне форума
Доп. информация
По умолчанию

Полный:

Код:
/*
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;
	}
  Ответить с цитированием
Ответ

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
[Инструкция] Выпадающее меню на 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


Текущее время: 20:54. Часовой пояс GMT +3.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2019, vBulletin Solutions, Inc. Перевод: zCarot
 

Время генерации страницы 0.08486 секунды с 14 запросами