Здравствуйте. Подскажите пожалуйста, как сделать ссылки с цветовым фоном, меняющимся при наведении? Пример можно увидеть здесь, в боковых панелях.
Ссылки с фоном
Страница: 1
Сообщений 1 страница 18 из 18
Поделиться1Ср, 29 Июн 2011 11:48:32
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
Поделиться2Ср, 29 Июн 2011 11:50:42
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11569
- Последний визит:
Сегодня 16:04:03
Laktonika 
ну точно так же как и color:
ток тут background-color:
Поделиться3Ср, 29 Июн 2011 12:04:10
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
Deff
Да понятно... Но, когда я из исходного кода вытаскиваю такие ссылки (с примера) и без изменений вставляю на тестовик - штука меняется, и такое отнюдь не только с тем примером, что я дала.
ВОТ тестовик с установленным кодом.
Поделиться4Ср, 29 Июн 2011 12:10:20
- Cтарожил
- Зарегистрирован: Ср, 31 Окт 2007
- Сообщений: 3178
- Уважение: +445
- Позитив: +206
- Пол: Мужской
- Последний визит:
Вс, 4 Дек 2011 20:01:22
Laktonika написал(а):
штука меняется, и такое отнюдь не только с тем примером, что я дала.
что за штука? 
фон что ли!?
на тестовом у тебя нормально меняется! с серого на белый..
Поделиться5Ср, 29 Июн 2011 12:17:20
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
АЛЬБ
А ты посмотри на форму... На примере все, как надо, а на тестовике фон как бе выше и ссылки по вертикали не посередине.
Поделиться6Ср, 29 Июн 2011 12:27:12
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11569
- Последний визит:
Сегодня 16:04:03
Laktonika Сделала бы при наведении чтобы немного фон был темней окружения
к примеру так:
<style>
.nav {margin: 4px;}
.nav a{display: block; color:#000000; background-color: #d5d6d6;vertical-align: middle; text-align: center; width:155px; padding: 6px 4px 2px 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #FFF7DE;text-shadow:#000 1px 1px 3px;color:#000000}
</style>
Отредактировано Deff (Ср, 29 Июн 2011 13:15:19)
Поделиться7Ср, 29 Июн 2011 12:28:42
- Cтарожил
- Зарегистрирован: Ср, 31 Окт 2007
- Сообщений: 3178
- Уважение: +445
- Позитив: +206
- Пол: Мужской
- Последний визит:
Вс, 4 Дек 2011 20:01:22
Laktonika попробуй замени..
Код:
<style>
.nav {margin: 4px;}
.nav a{display: block; color:#000000; background-color: #d5d6d6; width:155px; padding: 4px; margin: 1px; text-decoration: none}
.nav a:hover{background-color: #ffffff; color:#000000}
</style>
<div class="nav">
<a href="http://strong.rusff.ru/viewtopic.php?id=6">занятые внешности</a>
<a href="http://strong.rusff.ru/viewtopic.php?id=8">список персонажей</a>
<a href="http://strong.rusff.ru/viewforum.php?id=7">шаблоны анкет</a>
<a href="http://strong.rusff.ru/viewforum.php?id=19">реклама</a>
<a href="http://strong.rusff.ru/viewtopic.php?id=62">баннерообмен</a>
<a href="http://strong.rusff.ru/viewtopic.php?id=12">правила</a>
<a href="http://strong.rusff.ru/viewtopic.php?id=272#p45825">список способностей</a>
<a href="http://strong.rusff.ru/viewtopic.php?id=2">вопросы гостей</a>
<a href="http://strong.rusff.ru/viewtopic.php?id=22">объявления</a>
</div>Поделиться8Ср, 29 Июн 2011 12:40:07
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
Deff написал(а):
Laktonika Сделала бы при наведении чтобы немного фон был тесмней окружения
к примеру так:
Не это важно
АЛЬБ
Все осталось по-прежнему
Поделиться9Ср, 29 Июн 2011 12:41:34
- Cтарожил
- Зарегистрирован: Ср, 31 Окт 2007
- Сообщений: 3178
- Уважение: +445
- Позитив: +206
- Пол: Мужской
- Последний визит:
Вс, 4 Дек 2011 20:01:22
Laktonika написал(а):
Все осталось по-прежнему
обнови страницу пару раз..
у меня так
Отредактировано АЛЬБ (Ср, 29 Июн 2011 12:43:46)
Поделиться10Ср, 29 Июн 2011 12:42:10
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
АЛЬБ
Обновляла, ничего
Поделиться11Ср, 29 Июн 2011 12:53:34
- Cтарожил
- Зарегистрирован: Ср, 31 Окт 2007
- Сообщений: 3178
- Уважение: +445
- Позитив: +206
- Пол: Мужской
- Последний визит:
Вс, 4 Дек 2011 20:01:22
Laktonika написал(а):
АЛЬБОбновляла, ничего
где то у тебя стоит тег центра.. в другом скрипте! я в этом не силён.. подожди ребят.. 
Поделиться12Чт, 30 Июн 2011 01:09:02
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Laktonika
Сделайте скриншот того, что видите Вы.
Поделиться13Чт, 30 Июн 2011 12:31:41
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
Отредактировано Laktonika (Чт, 30 Июн 2011 12:33:19)
Поделиться14Чт, 30 Июн 2011 12:49:18
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11569
- Последний визит:
Сегодня 16:04:03
Laktonika На этом форуме http://artest.rusff.info/ у меня сейчас точно так в трёх браузерах:
Мозилла 3.6-50; ИE 6-8; и Опера 9.6-11.10
Поделиться15Чт, 30 Июн 2011 13:26:24
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
Deff
У мен опера 11.50
Поделиться16Чт, 30 Июн 2011 21:04:47
- Cтарожил
- Зарегистрирован: Ср, 31 Окт 2007
- Сообщений: 3178
- Уважение: +445
- Позитив: +206
- Пол: Мужской
- Последний визит:
Вс, 4 Дек 2011 20:01:22
Deff написал(а):
Laktonika На этом форуме http://artest.rusff.info/ у меня сейчас точно так в трёх браузерах:
Мозилла 3.6-50; ИE 6-8; и Опера 9.6-11.10
слова в меню ей нужны не по центру! а слева.. 
Поделиться17Чт, 30 Июн 2011 21:47:17
- Заслуженный
- Зарегистрирован: Вс, 12 Дек 2010
- Сообщений: 785
- Уважение: +94
- Позитив: +214
- Последний визит:
Сегодня 00:32:08
АЛЬБ
Наоборот
Короче, мне надо точно так, как в примере в первом посте
Поделиться18Пт, 1 Июл 2011 04:10:11
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
Код:
<style type="text/css">
.nav {
padding: 5px;
width: 155px;
background-color: #e3e5e7;
}
.nav a {
display: block;
text-align: center;
color: #000000 !important;
background-color: #d5d6d6;
padding: 2px;
margin: 1px;
text-decoration: none;
}
.nav a:hover {
background-color: #ffffff;
color:#000000;
}
</style>
<div class="nav">
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
<a href="Адрес Гиперссылки">Заменяющий текст</a>
</div>Отредактировано rps (Пт, 1 Июл 2011 05:06:04)
Страница: 1