0 Пользователей и 1 Гость просматривают эту тему.
  • 8 Ответов
  • 4029 Просмотров
*

Goryhater

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
Нажатая кнопка
« : 26.03.2009, 18:47:17 »
Всем привет, как в CSS прописать состояние нажатой кнопки (то есть нажал на какую-нибудь кнопку меню перешел на нужную страницу, а кнопка осталась нажатой(с изменённым фоном), потом нажал на другую кнопку: прошлая вернулась в первоначальное положение, а новая "нажалась"). Пытаюсь сделать так:
Код
 
   ul#mainlevel-nav li a:visited{
    color: #003399;
background: #FFFFFF;
font-weight:bold;
}

но это почему-то не работает, все кнопки сразу выделены белым цветом..
*

Olg

  • Завсегдатай
  • 1131
  • 83 / 2
Re: Нажатая кнопка
« Ответ #1 : 26.03.2009, 18:58:18 »
Смотрите в сторону #active_menu
*

Goryhater

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
Re: Нажатая кнопка
« Ответ #2 : 26.03.2009, 19:50:09 »
А как должна выглядет функция не подскажете?
a.mainlevel#active_menu:visited{
    color: #003399;
   background: #000;
   font-weight:bold;
   }
так не получается, просто в ксс ещё не силён  :'(
*

Olg

  • Завсегдатай
  • 1131
  • 83 / 2
Re: Нажатая кнопка
« Ответ #3 : 26.03.2009, 20:00:21 »
a.mainlevel:hover, a.mainlevel#active_menu {
...
}
*

Goryhater

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
Re: Нажатая кнопка
« Ответ #4 : 26.03.2009, 20:08:14 »
a.mainlevel:hover, a.mainlevel#active_menu {
...
}
к сожалению это влияет только на боковое меню, а топменю остаётся без изменений (у него ксс суффикс -nav, может его куда-то вставить?)
*

Olg

  • Завсегдатай
  • 1131
  • 83 / 2
Re: Нажатая кнопка
« Ответ #5 : 26.03.2009, 20:15:20 »
Для меню с суффиксом аналогично.
*

Goryhater

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
Re: Нажатая кнопка
« Ответ #6 : 26.03.2009, 20:25:33 »
a.mainlevel#active_menu-nav {
color: #003399;
   background: #FFFFFF;
   font-weight:bold;
}
так тоже не работает, имеет значение что у меня Joomla 1.0.1.5?
*

dimsa

  • Захожу иногда
  • 135
  • 32 / 0
Re: Нажатая кнопка
« Ответ #7 : 26.03.2009, 20:48:56 »
#active_menu-nav

   {
   color: #F68220;
   text-decoration: none;
   background-image: url(../images/menu_activelink.gif);
   background-position: 0px 0px;
   background-repeat: no-repeat;
   display: block;

   }
вот так будет правильно! (кусок кода взял со своего css). у меня работает такая конструкция....  ^-^
Верьте в будущее и оно наступит.
*

Goryhater

  • Осваиваюсь на форуме
  • 37
  • 0 / 0
Re: Нажатая кнопка
« Ответ #8 : 26.03.2009, 21:00:01 »
Спасибо большое, мне подошел этот вариант:

ul#mainlevel-nav li a#active_menu-nav {
color: #003399;
   background: #FFFFFF;
   font-weight:bold;
   } 
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Кнопка "читать далее" на Landing Page

Автор nebabaev

Ответов: 0
Просмотров: 720
Последний ответ 23.03.2018, 23:50:09
от nebabaev
Кнопка пожаловаться, если видео не открывается

Автор leo78

Ответов: 1
Просмотров: 957
Последний ответ 14.10.2017, 19:27:30
от leo78
Кнопка меню

Автор rep

Ответов: 1
Просмотров: 628
Последний ответ 22.12.2016, 19:10:49
от AlekVolsk
Кнопка "Подробнее"

Автор intedant

Ответов: 13
Просмотров: 1959
Последний ответ 30.12.2015, 14:31:11
от effrit
[Решено] Меню с выпадающим списком, съезжает последняя кнопка

Автор Xzizz

Ответов: 3
Просмотров: 860
Последний ответ 25.12.2015, 12:42:36
от Xzizz