|
|
Регистрация Восстановить пароль |
Повторная активизация e-mail |
Регистрация | Задать вопрос |
Заплачу за решение |
Новые сообщения |
Сообщения за день |
Расширенный поиск |
Правила |
Всё прочитано |
|
|
Опции темы | Поиск в этой теме |
17.04.2010, 19:45 | #1 |
Регистрация: 17.04.2010
Сообщений: 7
|
Активная кнопка через CSS, возможно ли?
Всем привет! Не могу самостоятельно решить вопрос, собственно решил что пора здесь зарегиться, не пинайте))
Сделал кнопку через CSS, вот код: .sdog {float:left; height:70px; width:108px; background-image: url(/wp-content/themes/hartz/img/small/s_dog_on.gif); background-repeat:no-repeat; } .sdog:link, .sdog:visited { background-image: url(/wp-content/themes/hartz/img/small/s_dog.gif); } .sdog:hover { background-image: url(/wp-content/themes/hartz/img/small/s_dog_on.gif); } кнопка с предзагрузкой :hover картинки, вопрос: как реализовать видимость активной ссылки?? как здесь: _http://www.trixie.by/ активная кнопка имеет оранжевый фон, приче тут еще реализован интересный эффект "волны", как его реализовать это тоже вопрос. Буду благодарен за ответы специалистов. Последний раз редактировалось OZ-Style; 18.04.2010 в 16:24. |
17.04.2010, 20:38 | #2 |
Заблокирован
Регистрация: 10.04.2010
Сообщений: 145
|
.sdog:active не спасает?
|
17.04.2010, 22:58 | #3 |
Регистрация: 17.04.2010
Сообщений: 7
|
нет, :active почему то не работает, забыл написать об этом.
|
17.04.2010, 23:33 | #4 |
Заблокирован
Регистрация: 10.04.2010
Сообщений: 145
|
Попробуйте прописать псевдокласc :focus, только уберите :visited. Может, сработает. Просто :visited будет автоматом переопределять стиль и фокуса видно не будет.
|
18.04.2010, 00:45 | #5 |
Регистрация: 17.04.2010
Сообщений: 7
|
сейчас попробуем..
кстати, :active работает только в момент нажатия, отпускаешь - отменяется. Последний раз редактировалось OZ-Style; 18.04.2010 в 00:54. |
18.04.2010, 01:18 | #6 |
Заблокирован
Регистрация: 10.04.2010
Сообщений: 145
|
|
18.04.2010, 05:03 | #7 |
Участник клуба
Регистрация: 19.01.2009
Сообщений: 1,453
|
Делается через простой javascript.
|
18.04.2010, 10:38 | #8 |
Форумчанин
Регистрация: 10.02.2008
Сообщений: 178
|
к черту javascript если это легко реализуемо при помощи css, тем более с предзагрузкой
|
18.04.2010, 12:18 | #9 |
Регистрация: 17.04.2010
Сообщений: 7
|
сегодня буду пробовать методом позиционирование фона,
задача преждняя (в 1 посте). Вот, увидел реализованное меню через css на одном сайте, вообще ужаснулся, как сделать такой эффект (я бы назвал эффект волны): _http://www.trixie.by/ Просмотрел код, это 100% сделано на css, как??? |
18.04.2010, 16:12 | #10 |
Форумчанин
Регистрация: 10.02.2008
Сообщений: 178
|
задачу плохо описали - я понимаю что Вам понятно и все очевидно ...
вобщем исходите из псевдоселекторов link - применяется к ссылкам, которые еще не посещались пользователем hover - стиль ссылки при наведении на него курсора мыши visited - применяется к ссылкам, уже посещенные пользователем для автозагрузки - изображения используемые в качестве фона к ссылкам объединяйте в css-спрайты |
|
Похожие темы | ||||
Тема | Автор | Раздел | Ответов | Последнее сообщение |
Отображение одной страницы в другой через css | student2008 | HTML и CSS | 2 | 02.04.2010 11:37 |
Создание динамики через css в HTA | MCLotos | HTML и CSS | 2 | 13.03.2010 11:51 |
Плавающая кнопка - возможно ли | kzld | Microsoft Office Excel | 2 | 02.02.2010 10:32 |
Редактирование css через форму с сервера | mcbes | PHP | 3 | 22.02.2009 05:41 |
Требуется CSS/PHP программист (Возможно Java) | EvgeniyGamer | Фриланс | 1 | 02.12.2008 18:13 |