Jump to content

Recommended Posts

Здравствуйте, нужна ваша помощь с 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;
}

Share this post


Link to post
Share on other sites

А при чём здесь стили шаблона,если в архиве  в 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

  • +1 1

Share this post


Link to post
Share on other sites

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

<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-го уровня по ширине?

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.