Помощник
|
Как сделать второй стиль для меню |
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] |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 12 | Boymaster | 1933 | Вчера, 21:03 автор: MisterBit |
|
✅ sms.chekons.com - ⭐ Сервис для получения SMS на реальные номера USA "Non-VoIP, безлим SMS, API" ⭐ Сервис для получения SMS на реальные номера USA |
13 | Chekon | 4078 | 18.4.2024, 11:48 автор: Chekon |
|
Rebex.io – Ваша инновационная платформа для обмена криптовалюты! | 1 | Rebex | 690 | 17.4.2024, 11:50 автор: Rebex |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4822 | 17.4.2024, 1:19 автор: sergio11 |
|
Какой % отказов нормален для сайта? | 11 | Aloof | 2823 | 16.4.2024, 12:48 автор: diviner99 |
Текстовая версия | Сейчас: 20.4.2024, 12:14 |