X   Сообщение сайта
(Сообщение закроется через 2 секунды)

Здравствуйте, гость ( Вход | Регистрация )

 
Ответить в данную темуНачать новую тему
> Менюшка (CSS)
eklips
сообщение 2010-08-24, 21:17
Сообщение #1
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


Здравствуйте! Вопрос собственно по 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
сообщение 2010-08-24, 21:26
Сообщение #2
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


в чём вопрос? не понятно
Перейти в начало страницы
+Цитировать сообщение
eklips
сообщение 2010-08-24, 22:03
Сообщение #3
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


Есть код меню, но его нужно заменить на тот который я привёл ниже.
Перейти в начало страницы
+Цитировать сообщение
sanes
сообщение 2010-08-24, 22:14
Сообщение #4
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


eklips, к CSS надо прикладывать HTML Нижнее меню в элеанор меняешь?
Перейти в начало страницы
+Цитировать сообщение
eklips
сообщение 2010-08-24, 22:20
Сообщение #5
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


sanes, нет, верхнее зелёненькое как на сайте хочу влепить в ту галерею, что ты скидывал вчера ))
Косо криво получается
Перейти в начало страницы
+Цитировать сообщение
sanes
сообщение 2010-08-24, 22:24
Сообщение #6
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


в любом случае нужен код HTML+CSS
Перейти в начало страницы
+Цитировать сообщение
eklips
сообщение 2010-08-24, 22:34
Сообщение #7
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


Вот 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 -->


Сообщение отредактировал eklips - 2010-08-24, 22:35
Перейти в начало страницы
+Цитировать сообщение
sanes
сообщение 2010-08-24, 22:40
Сообщение #8
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


Ну во-первых элементы меню разные. В первом просто перечислны ссылки, во втором это маркерованый список
Перейти в начало страницы
+Цитировать сообщение
eklips
сообщение 2010-08-24, 22:44
Сообщение #9
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


У меня в принципе почти получилось, вот только левую и правую часть не могу прикрепить..... уголки эти
Перейти в начало страницы
+Цитировать сообщение
sanes
сообщение 2010-08-24, 22:48
Сообщение #10
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


что у тебя в итоге получилось? (код)
Перейти в начало страницы
+Цитировать сообщение
eklips
сообщение 2010-08-24, 22:48
Сообщение #11
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


/* 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
сообщение 2010-08-24, 22:54
Сообщение #12
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


не.. так не пойдёт. наключай код в тэги [ code ] потом скидывай в фомате css+html я до сих пор понять немогу.. это нужное, то не нужное, из этого это.. короче ХЗ

Сообщение отредактировал sanes - 2010-08-24, 22:54
Перейти в начало страницы
+Цитировать сообщение
eklips
сообщение 2010-08-24, 23:11
Сообщение #13
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


index.php там html привязка к main.css

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

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

Вроде всё ))

Прикрепленные файлы
Прикрепленные файлы  index.php ( 5.98 килобайт ) Скачиваний: 1
Прикрепленные файлы  main.css ( 9.43 килобайт ) Скачиваний: 1
Прикрепленные файлы  gallery.html ( 11.83 килобайт ) Скачиваний: 2
Прикрепленные файлы  templatemo_style.css ( 7.54 килобайт ) Скачиваний: 1
 
Перейти в начало страницы
+Цитировать сообщение
sanes
сообщение 2010-08-25, 0:18
Сообщение #14
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


Цитата (eklips @ 2024-03-28 22:07)
В gallery.html нужно, чтобы было такое же меню как в index.php
может наоборот? это какой элемент? меню, блок... ладно, не буду флудить, ничего не понимаю.
Перейти в начало страницы
+Цитировать сообщение
eklips
сообщение 2010-08-25, 0:35
Сообщение #15
Eleanor TEMP USER
Иконка группы

Группа: Eleanor user
Сообщений: 198
Регистрация: 2010-05-19
Версия системы: RC5

Репутация:   нет  
Всего: нет


нет, не наоборот.
http://www.ravelin.crimea.ua вот на этом сайте верхнее меню зелёное.
Перейти в начало страницы
+Цитировать сообщение
sanes
сообщение 2010-08-25, 0:52
Сообщение #16
Аноним
Иконка группы

Группа: Пользователи
Сообщений: 1 180
Регистрация: 2008-12-29
Из: Волгоград

Репутация:   нет  
Всего: 4


ну приведи ссылки в формат
<ul>
<li>...</li>
</il>
Перейти в начало страницы
+Цитировать сообщение

Ответить в данную темуНачать новую тему
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0

 
RSS Текстовая версия 0.0365 сек.    11 запросов    GZIP включен    Сейчас: 2024-03-28, 22:07