Помощник
|
Как сделать второй стиль для меню |
money121
|
Сообщение
#1
|
||
|
|
||
|
|||
locky-yotu |
22.6.2010, 15:34;
Ответить: locky-yotu
Сообщение
#2
|
|
Например так
.m a[href="/akcia/"] {color:#f00} .m a[href="/akcia/"]:hover {color:#00f} |
|
|
Letmetouchyou |
22.6.2010, 15:34;
Ответить: Letmetouchyou
Сообщение
#3
|
|
<div id="menu"> <div class="m"><a href="/about/" class="menu_a">О компании</a></div> <div class="m"><a href="/news/" class="menu_a">Новости компании</a></div> <div class="m"><a href="/articles/" class="menu_a">Статьи</a></div> <div class="m"><a href="/shop/" class="menu_a">Каталог</a></div> <div class="m"><a href="/akcia/" class="menu_ak">Акции</a></div> <div class="m"><a href="/servise/" class="menu_a">Доставка</a></div> <div class="m"><a href="/usloviya/" class="menu_a">Условия</a></div> <div class="m"><a href="/contact/" class="menu_a">Контакты</a></div> </div> .left {width:289px; height:100%;}
#menu{padding-left: 40px;text-align:left;} .m {font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px;} .m a{color: #ED9823; text-decoration: underline;} .m a:hover{color: #FFF; text-decoration: none;} .menu_ak:link,.menu_ak:visited {text-decoration:none; color:#ff0000} .menu_ak:hover,.menu_ak:active {text-decoration:none; color:#336699} |
|
|
money121
|
Сообщение
#4
|
|
<div id="menu"> <div class="m"><a href="/about/" class="menu_a">О компании</a></div> <div class="m"><a href="/news/" class="menu_a">Новости компании</a></div> <div class="m"><a href="/articles/" class="menu_a">Статьи</a></div> <div class="m"><a href="/shop/" class="menu_a">Каталог</a></div> <div class="m"><a href="/akcia/" class="menu_ak">Акции</a></div> <div class="m"><a href="/servise/" class="menu_a">Доставка</a></div> <div class="m"><a href="/usloviya/" class="menu_a">Условия</a></div> <div class="m"><a href="/contact/" class="menu_a">Контакты</a></div> </div> .left {width:289px; height:100%;} #menu{padding-left: 40px;text-align:left;} .m {font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px;} .m a{color: #ED9823; text-decoration: underline;} .m a:hover{color: #FFF; text-decoration: none;} .menu_ak:link,.menu_ak:visited {text-decoration:none; color:#ff0000} .menu_ak:hover,.menu_ak:active {text-decoration:none; color:#336699} Попорбовал как вы написали, все осталось без изменений, как и было |
|
|
locky-yotu |
22.6.2010, 16:01;
Ответить: locky-yotu
Сообщение
#5
|
|
money121, должно работать. Попробуйте еще добавить стили, которые я написал.
ottaviano, ему надо только для пункта "Акции" |
|
|
money121
|
Сообщение
#6
|
|
То есть мне нужно сделать код как написал Letmetouchyou и еще добавить в стили что написали вы? Или как, я просто совсем зеленый еще в этом деле
|
|
|
locky-yotu |
22.6.2010, 18:32;
Ответить: locky-yotu
Сообщение
#7
|
|
Просто добавить. Правда, это не работает в IE6, но я думаю, он уже не должен никого волновать.
|
|
|
money121
|
Сообщение
#8
|
|
Огромное спасибо! Все получилось! Буду грызть учебник по Html
|
|
|
money121
|
Сообщение
#9
|
|
Вот еще вопрос? Сделать нужно тоже самое но с другим кодом.
<div id="menu"> <div class="m"><a href="/about/" class="menu_a">О компании</a></div> <div class="m"><a href="/news/" class="menu_a">Новости компании</a></div> <div class="m"><a href="/articles/" class="menu_a">Статьи</a></div> <div class="m"><a href="/shop/" class="menu_a">Каталог</a></div> <div class="m"><a href="/akcia/" class="menu_a">Акции</a></div> <div class="m"><a href="/servise/" class="menu_a">Доставка</a></div> <div class="m"><a href="/usloviya/" class="menu_a">Условия</a></div> <div class="m"><a href="/contact/" class="menu_a">Контакты</a></div> </div> #menu{
text-align:left; padding-left:40px; padding-top:50px; } .m{ font-weight: normal; font-family: Times New Roman; font-size: 16pt; padding-top:10px; } a.menu_a {text-decoration: none; border-bottom: 1px dotted #ED9823;} a.menu_a:hover {text-decoration: none; border-bottom: 1px dotted #FFF; color: #FFF;} ~.m a{color: #ED9823; text-decoration: underline;} ~.m a:hover{color: #FFF; text-decoration: none;} |
|
|
locky-yotu |
23.6.2010, 8:52;
Ответить: locky-yotu
Сообщение
#10
|
|
Так же.
У меня тоже вопрос, почему вы не выделяете код спец-тегами для подсветки синтаксиса? Это вроде какое-никакое уважение к тем, кто оказывает помощь... [IMG]http://s3.amazonaws.com/floomby/6_23_2010/Q8PL2Z5Jb0aRzini70hutA.png[/IMG] |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат | 55 | arendator | 35051 | Сегодня, 2:12 автор: arendator |
|
Rebex.io – Ваша инновационная платформа для обмена криптовалюты! | 3 | Rebex | 956 | Вчера, 20:50 автор: Rebex |
|
Посоветуйте массажер для спины и шеи | 10 | Boymaster | 896 | Вчера, 18:02 автор: Boymaster |
|
Как в пушсетках покупают по 100-200 тысяч кликов за день? | 2 | Boymaster | 684 | Вчера, 17:52 автор: Boymaster |
|
Обучение Email Рассылкам + Софт Для Автоматизации (100к в сутки с сервера) | 10 | zennoboss | 4658 | Вчера, 5:20 автор: Skyworker |
Текстовая версия | Сейчас: 25.4.2024, 6:31 |