CMS Eleanor - Поиск
Полная версия этой страницы: Официальный форум Eleanor CMS » Менюшка (CSS)
Официальный форум Eleanor CMS » Для вебмастеров и владельцев сайтов » Комната веб-дизайнеров
eklips
Здравствуйте! Вопрос собственно по CSS. Крутил вертел в итоге всё равно не пришёл к нужному результату.

Вобщем есть такод кусочек кода (это менюшка):

/* menu */

#templatemo_menu {
	float: right;
background : #31a115 url("../images/menu_bg.png"); 
background-repeat: repeat x;

}

#templatemo_menu ul {
	margin: 0px 0 0 0;
	padding: 0px;
}

#templatemo_menu ul li {
	padding: 0px;
	margin: 0px;
	display: inline;
}

#templatemo_menu ul li a {
float : left; 
padding : 0 13px; 
height : 44px; 
line-height : 46px; 
color : #ffffff; 
outline : none; 
background : transparent url("../images/menu_link.png") no-repeat right top; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 1.1em; 
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
	color : #ffffff; 
background : #e9b13a url("../images/menu_link.png") repeat-x right -52px; 
}

/* end of menu */


Его надо как-то заменить на вот этот:


#menuhead, #menuhead .dleft, #menuhead .dright { 
height : 52px; 
} 
#menuhead { 
background : #31a115 url("../images/menu_bg.png") repeat-x top; 
} 
#menuhead .dleft { 
background-image : url("../images/night/menu_left.png"); 
padding-left : 229px; 
} 
#menuhead .dright { 
background-image : url("../images/night/menu_right.png"); 
padding-right : 17px; 
} 
#menuhead a:link, #menuhead a:visited { 
float : left; 
padding : 0 13px; 
height : 52px; 
line-height : 46px; 
color : #ffffff; 
outline : none; 
background : transparent url("../images/menu_link.png") no-repeat right top; 
font-family : Arial, Helvetica, sans-serif; 
font-weight : bold; 
font-size : 1.1em; 
} 
#menuhead a:hover { 
color : #ffffff; 
background : #e9b13a url("../images/menu_link.png") repeat-x right -52px; 
} 


Буду очень благодарен за помошь.
sanes
в чём вопрос? не понятно
eklips
Есть код меню, но его нужно заменить на тот который я привёл ниже.
sanes
eklips, к CSS надо прикладывать HTML Нижнее меню в элеанор меняешь?
eklips
sanes, нет, верхнее зелёненькое как на сайте хочу влепить в ту галерею, что ты скидывал вчера ))
Косо криво получается
sanes
в любом случае нужен код HTML+CSS
eklips
Вот html нужного мне кода:

<div id="menuhead"><div class="dleft"><div class="dright">
	<a href="index.html" title="Главная">Главная</a>
	<a href="page/uslugi.html" title="Дополнительные услуги">Услуги</a>
        <a href="forum/index.php?app=gallery&module=cats&do=sc&cat=1" title="Фотографии гостиницы Равелин">Фото</a>
	<a href="page/nomer.html" title="Номерной фонд и цены">Цены</a>
	<a href="bron/index.php?act=Reg&CODE=00" title="Бесплатное бронирование номеров">Бронь</a>
	<a href="news/otziv.html" title="Отзывы о гостинице">Отзывы</a>
	
	<a href="page/osobenosti.html" title="Почему мы лучшие? ">Наши особенности</a>

	<noindex><a href="contacts/form.html" title="Задать нам вопрос" rel="nofollow">Задать вопрос</a></noindex>
	
	
</div></div></div>



Вот ненужного:

<div id="templatemo_menu">
            <ul>
                <li><a href="index.html">Главная</a></li>
                <li><a href="page/nomer.html">Цены</a></li>
                <li><a href="news/otziv.html">Отзывы</a></li>
                <li><a href="contacts/form.html">Задать вопрос</a></li>
            </ul>    	
    	</div> <!-- end of templatemo_menu -->
sanes
Ну во-первых элементы меню разные. В первом просто перечислны ссылки, во втором это маркерованый список
eklips
У меня в принципе почти получилось, вот только левую и правую часть не могу прикрепить..... уголки эти
sanes
что у тебя в итоге получилось? (код)
eklips
/* menu */

#templatemo_menu, #templatemo_menu .dleft, #templatemo_menu .dright {
height : 52px;
}

#templatemo_menu {
    float: right;
background : #31a115 url("../images/menu_bg.png");
background-repeat: repeat x;

}

#templatemo_menu .dleft {
background-image : url("../images/night/menu_left.png");
padding-left : 229px;
}

#templatemo_menu ul {
    margin: 0px 0 0 0;
    padding: 0px;
}

#templatemo_menu ul li {
    padding: 0px;
    margin: 0px;
    display: inline;
}

#templatemo_menu ul li a {
float : left;
padding : 0 13px;
height : 44px;
line-height : 46px;
color : #ffffff;
outline : none;
background : transparent url("../images/menu_link.png") no-repeat right top;
font-family : Arial, Helvetica, sans-serif;
font-weight : bold;
font-size : 1.1em;
}

#templatemo_menu li a:hover, #templatemo_menu li .current {
    color : #ffffff;
background : #e9b13a url("../images/menu_link.png") repeat-x right -52px;
}

/* end of menu */
sanes
не.. так не пойдёт. наключай код в тэги [ code ] потом скидывай в фомате css+html я до сих пор понять немогу.. это нужное, то не нужное, из этого это.. короче ХЗ
eklips
index.php там html привязка к main.css

gallery.html это привязка к templatemo_style.css

В gallery.html нужно, чтобы было такое же меню как в index.php

Вроде всё ))
sanes
Цитата (eklips @ 2021-01-28 06:27)
В gallery.html нужно, чтобы было такое же меню как в index.php
может наоборот? это какой элемент? меню, блок... ладно, не буду флудить, ничего не понимаю.
eklips
нет, не наоборот.
http://www.ravelin.crimea.ua вот на этом сайте верхнее меню зелёное.
sanes
ну приведи ссылки в формат
<ul>
<li>...</li>
</il>
Для просмотра полной версии этой страницы, пожалуйста, пройдите по ссылке.