logo

Canvas Palette - Сделайте её яркой🎨

Canvas Palette — Перетаскивайте блоки, добавляйте видео, внесите немного цвета — диплом дизайнера не требуется.

Demo Palette Download Palette

Дополнительные типы блоков (EBT) — новый опыт конструктора страниц❗

Дополнительные типы блоков (EBT) — стилизованные, настраиваемые типы блоков: слайдшоу, вкладки, карточки, аккордеоны и многие другие. Встроенные настройки для фона, DOM Box, плагины Javascript.

Демо EBT модули Скачать EBT модули

❗Дополнительные типы параграфов (EPT) — новый опыт работы с параграфами

Дополнительные типы параграфов (EPT) — набор модулей, основанный на аналогичных параграфах.

Демо EPT модули Скачать EPT модули

GLightbox is a pure javascript lightbox (Colorbox alternative without jQuery)❗

It can display images, iframes, inline content and videos with optional autoplay for YouTube, Vimeo and even self-hosted videos.

Demo GLightbox Download GLightbox

Scroll
  1. Главная
  2. Форумы
  3. Drupal CMS
  4. Theming

Активная ссылка

22/02/2025, by Гость (не проверено)
Форумы
Темизация

Добрый день. Подскажите как указать стиль для активной ссылки меню. С помощью псевдокласса :active не получается. Вернее указываю а стиль не меняется. Мне надо чтобы активная ссылка подсвечивалась.

Ставлю вот такие стили.. но ничего не происходит:

#block-menu-menu-header-menu li a:hover,
#block-menu-menu-header-menu li a:active{
    margin-top: 5px;
    padding-top:5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    font-size: 22px;
    text-decoration: underline;
    /*font-weight: bold;*/
    font-family: Tahoma;
    background: #cc0000;
    /*background: url(../images/menu-bg.png) left top repeat-x;*/
    height:30px;
    display: block;
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    border-top: 2px solid rgba(0, 0, 0, 0.5);

Вам не нужно повторять весь css для :hover, достаточно только одного цвета вот так:

#block-menu-menu-header-menu li a{
    margin-top: 5px;
    padding-top:5px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7);
    text-transform: uppercase;
    font-size: 22px;
    text-decoration: underline;
    /*font-weight: bold;*/
    font-family: Tahoma;
    background: #cc0000;
    /*background: url(../images/menu-bg.png) left top repeat-x;*/
    height:30px;
    display: block;
    border-left: 2px solid rgba(0, 0, 0, 0.5);
    border-top: 2px solid rgba(0, 0, 0, 0.5);
}

#block-menu-menu-header-menu li a:hover,
#block-menu-menu-header-menu li a:active{
  color: #ff0000;
}

 

У меня ссылки без активности просто имеют другие стили.. И все равно не получается с помощью :актив задать стиль для активной ссылки...

 

У меня ссылки без активности просто имеют другие стили.. И все равно не получается с помощью :актив задать стиль для активной ссылки...