Как сделать подчеркивание активного пункта меню средствами CSS ?

Тема в разделе "Веб-дизайн", создана пользователем Olexiy_in_UKR, 8 фев 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. Olexiy_in_UKR

    Olexiy_in_UKR

    Регистр.:
    2 дек 2007
    Сообщения:
    197
    Симпатии:
    756
    Собственно сабж.

    Есть сайт

    Перейти по ссылке


    Нужно сделать так что бы тот пункт меню в котором находится серфер был подчеркнут и/или выделен другим цветом.

    Помогите. оч надо!
    Спасибо!

    ЗЫ Диз взял шаблонный (Wordpress) сам в дизайне не разбираюсь:ah:
     
  2. PHP_Master

    PHP_Master

    Регистр.:
    3 фев 2008
    Сообщения:
    2.647
    Симпатии:
    591
    HTML:
    a:active {text-decoration: underline;}
    a:active {color: #000;}
    Первое - подчёркивание, второе - цвет.

    Выбери нужное.
     
  3. Olexiy_in_UKR

    Olexiy_in_UKR

    Регистр.:
    2 дек 2007
    Сообщения:
    197
    Симпатии:
    756
    Это я все прописал, но проблема в том что в момент когда ссылка нажимается она меняет и цвет и становится подчеркнутой, а мне надо что бы она и оставалась такой пока я нахожусь в данном пункте меню.
     
  4. Tias

    Tias

    Регистр.:
    26 дек 2007
    Сообщения:
    438
    Симпатии:
    147
  5. Olexiy_in_UKR

    Olexiy_in_UKR

    Регистр.:
    2 дек 2007
    Сообщения:
    197
    Симпатии:
    756
    Почитать почитал, но для меня это темный лес :(
    Надо было выбирать тему в которой уже была бы встроена эта фича, на сколько я понял )
     
  6. nicktanz

    nicktanz Создатель

    Регистр.:
    4 фев 2009
    Сообщения:
    10
    Симпатии:
    1
    Собсно, а что за движок? :)
     
  7. CryAngel

    CryAngel Создатель

    Регистр.:
    23 янв 2009
    Сообщения:
    24
    Симпатии:
    2
    Очень плохо, что темный лес. Потому что там может понадобиться немного знаний пхп. В общем случае активной странице присваивается класс current-cat.
    таким образом добавь в css запись

    .current-cat {
    text-decoration: underline !important;
    color: #FFFFFF !important;
    }

    #FFFFFF - тут подставляешь свой цвет.
    !important - обязательно надо оставить, иначе цвет может появляться не во всех случаях. :)

    Удачи.
     
  8. likbez

    likbez Писатель

    Регистр.:
    29 авг 2006
    Сообщения:
    7
    Симпатии:
    0
    Quick Reply The following errors occurred with your submission
      1. У вас нет прав для выполнения этого действия. Пожалуйста, обновите страницу и войдите снова, прежде чем попробовать повторить действие.

    можно вот как:
    #links, #footer, #menu, #menu li a
    { background: #FFF url(menu.png);
    color: #D1D3D7;
    border-color: #D7D7D7;
    }

    #links a, #footer a, #links a:hover, #footer a:hover
    { background: transparent;
    color: #D1D3D7;
    }
     
  9. Tias

    Tias

    Регистр.:
    26 дек 2007
    Сообщения:
    438
    Симпатии:
    147
    ну почему же, там нет ничего сложного... вот итоговый код:

    PHP:
    <li <? if($_SERVER['REQUEST_URI']=='/урл1.php'):?>id="active"<? endif?>><a href="/урл1.php"><span>Новости</span></a></li>     
    <li <? if($_SERVER['REQUEST_URI']=='/урл2.php'):?>id="active"<? endif?>><a href="/урл2.php"><span>Статьи</span></a></li>
    просто меняй урл1 и урл2 на те урлы, которые прописаны в твоём меню, и когда пользователь будет находится на этих адресах то тегам li, этих урлов, будет добавляться параметры id="active", а дальше уже идёт обычный css.
     
  10. Acden

    Acden

    Регистр.:
    12 янв 2008
    Сообщения:
    200
    Симпатии:
    12
    Если я вас правильно понял, то просто нужно применить стиль для посещённой ссылки:

    Код:
    a:visited {
    что вам нужно оставит неизменным
    }
    
     
Статус темы:
Закрыта.