Верстка - menu.blog.tpl

Вопросы
Есть три ссылки: все, коллективные, персональные.

Как мне сделать, чтобы активная ссылка была другого цвета? Т.е. я знаю, как это делается, но относительно этого шаблона мне непонятно. Насколько я понял, за фон активной ссылки отвечает класс .sel, пробовал так:

.sel a:link,
.sel a:visited,
.sel a:active {color: #454545;}

.sel a:hover {color: #454545;}


Не получилось. Ну, больше никаких идей.

14 комментариев

avatar

а так пробовал?
.sel a:link,
.sel a:visited,
.sel a:active {color: #454545 !important;}
  • skif
  • 0
  • ↓
avatar
попробовал — не выходит.
Кстати, заметил такое явление, как перекрытие одних классов другими. Я в css не супер дока, но это интересно, почему так получается. Перемещаю классы чуть выше в этом же файле — и работает! =)

Но проблема остается открытой.
avatar
попробуй Firebug — очень полезная штука для обнаружения кто чем перекрывается. Ну и не только этим полезная.
avatar
Приведите HTML-код самой ссылки. Класс .sel — он в обрамляющем блоке, или внутри тега <a…?
  • ivc
  • 0
  • ↓
avatar

обрамляющий, вообщем, вот код одной ячейки

{assign var="sel" value=""}
        {if $sMenuItemSelect=='index'}
                {assign var="sel" value="sel "}
        {/if}
        <TD class="{$sel}width10"></TD>
        <b><TD class="{$sel}subitem1 center" style='padding-right: 15px;padding-left: 15px;'>
                <A class=tags_f href="{$DIR_WEB_ROOT}"><b>Р’СЃРµ</b></A> {if ($iCountTopicsNew)>0}<span style="color: #339900; font-size:15px;font-family:arial, sans-serif;">+{$iCountTopicsNew}</span>{/if}
        </TD></b>
        <TD class="{$sel}border2px width10"></TD>

жирным выделил собственно то самое.
avatar

млин, жирный в коде не работает..((

Меня интересует принцип работы вот этого участка:

{assign var="sel" value=""}
        {if $sMenuItemSelect=='index'}
                {assign var="sel" value="sel "}
        {/if}

Ну и вышеизложенный вопрос, разумеется.
avatar

$sMenuItemSelect это переменная, которая у тебя задается в экшенах. Например тут.
Если значение этой переменной == «index», то переменной «sel» присваивается значение «sel „, в другом случае переменная пустая.
Далее по коду эта переменная выводится тут:
<TD class="{$sel}width10"></TD>
Если ее значение = sel, то элемент td принадлежит двум css классам: sel и width10
<TD class="sel width10"></TD>
Если она пустая, то класс только width10
<TD class="width10"></TD>
avatar

Парсер скушал кавычки.
присваивается значение "sel":)
avatar
оо, спасибо, вы просто гений! Я вертелся вертелся вокруг этой мысли, но ни к чему конкретному так и не пришел.

Т.е. когда ссылка активна, к примеру, мы выбрали «персональные», то это значит index, и переменной sel присваивается значение sel, что мы находим в css, меняем и ничего не получаем О_о
фуф…
avatar
Не уверен, что понял суть вопроса, но отвечу на всякий случай. За цвет фона активной ссылки подменю отвечают строки в файле global.css примерно 494 строка

.sel {
background:#8cd474!important;
}
Как можно поменять цвета оформления livestreet можно посмотреть на моем сайте мультиблог.ру Если интересно могу выложить свой global.css с изменениями.
avatar
это я знаю, я сказал, что не дока в css (особенно что касается дивной верстки), но и не тупак полнейший =)
avatar
Я же и сказал, что не уверен, что понял суть вопроса до конца…тупаком тоже никого не обзывал и не намекал. Напиши пожалуйста поподробнее, что означает «чтобы активная ссылка была другого цвета». Там ведь в меню 4 ссылки «Все», «Коллективные», «Персональные», «ТОР», нажимаешь на одну из них — фон этого поля становится другим вместе с подменю «Хорошие», «Новые», «Плохие». Я просто не понял что ты хочешь изменить.
avatar
НУ вот выбрал ты «персональные», фон изменился. Мне нужно, чтобы менялся не только фон, но и цвет шрифта, текста, ссылки, чего угодно. Т.е. цвет неактивной ссылки один, а активной — другой.

И еще я написал, что обычным способом это не получается, но с другой стороны, я вполне мог ступить и чего то не так сделать, вот поэтому и спрашиваю. Все нормально, я не претензией ;)
avatar
Теперь понял, буду экспериментировать, если что получится — напишу.
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.