Рекомендуемые сообщения

Jozo    5

Здравствуйте, нужна ваша помощь с css

Имеется тема hyla (бесплатная) + это дополнение

 

Как применить стиль меню из темы на 3-тий уровень меню? 

Кусок кода css из темы именно для меню. Подогнать по размерам и т.п. я смогу и сам,а вот как именно сделать,чтобы менюшка была такая же светлая(как в шаблоне) ,а не черная как в default я не знаю

/* menu */
#menu {
	background: url('../image/menu-bg.png');
	height: 39px;
	margin-bottom: 15px;
	-webkit-box-shadow: 0 0 10px 1px #E0E0E0;
	-moz-box-shadow: 0 0 10px 1px #E0E0E0;
	box-shadow: 0 0 10px 1px #E0E0E0;
}
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 980px;
	margin-right: auto;
    margin-left: auto;
}
#menu > ul > li {
	position: relative;
	float: left;
	z-index: 20;
	padding: 6px 5px 5px 0px;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
	font-size: 12px;
	font-weight: bold;
	color: #EEEEEE;
	line-height: 14px;
	text-decoration: none;
	display: block;
	padding: 6px 10px 6px 10px;
	margin-bottom: 5px;
	z-index: 6;
	position: relative;
	text-transform: uppercase;
	text-shadow: 0px 1px 0px #333333;
}
#menu > ul > li:hover > a {
	text-shadow: 0px 1px 20px #FFFFFF;
}
#menu > ul > li > div {
	display: none;
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	top: 42px;
	padding: 5px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: 0 0 3px 1px #DDDDDD;
	-moz-box-shadow: 0 0 3px 1px #DDDDDD;
	box-shadow: 0 0 3px 1px #DDDDDD;
}
#menu > ul > li:hover > div {
	display: table;
}
#menu > ul > li > div > ul {
	display: table-cell;
}
#menu > ul > li ul + ul {
	padding-left: 20px;
}
#menu > ul > li ul > li > a {
	text-decoration: none;
	padding: 4px;
	color: #FFFFFF;
	display: block;
	white-space: nowrap;
	min-width: 120px;
}
#menu > ul > li ul > li > a:hover {
	color: #333333;
}
#menu > ul > li > div > ul > li > a {
	color: #777777;
}

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    2 085

А при чём здесь стили шаблона,если в архиве  в header.tpl  у этого под-меню прописаны свои стили????

 

 

.submenu{
    background: url('catalog/view/theme/default/image/menu.png') repeat scroll 0 0 transparent;
        border: 1px solid #000000;
    border-radius: 0px 5px 5px 0px;
    margin-top:-23px;
    left:140px;
    position:absolute;
    min-width:140px;
    display:none;
}
 

Следовательно  и фон задний вот этот

 

http://demo.opencart.com/catalog/view/theme/default/image/menu.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Jozo    5

Спасибо, начал править возникли все равно вопросы

<style>
.submenu{
	background: #FFFFFF;
	position: absolute;
	z-index: 5;
	top: 30px;
	padding: 5px;
	-webkit-border-radius: 2px 2px 2px 2px;
	-moz-border-radius: 2px 2px 2px 2px;
	-khtml-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	-webkit-box-shadow: 0 0 3px 1px #DDDDDD;
	-moz-box-shadow: 0 0 3px 1px #DDDDDD;
	box-shadow: 0 0 3px 1px #DDDDDD;
	
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 .submenu {
 top: 0px;
 left: 190px;
 }

    }
</style>

 

Почему текст стал цвета фона? (белый)

Почему не пропадает 3 уровень если убрать с него мышку?

Почему 3 уровень отображается в той позиции которой нужно при раскрытии 2 родительских элементов меню,а если раскрывать первый то 3-тий уровень смещен вправо немного?

Как изменить длину 3-го уровня по ширине?

Помогите решить эти проблемы, буду очень признателен

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    2 085

А это уже к автору модуля!)))

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу