X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Замучался с активными ссылками, Css, Помогите плиз
gemkeepers
gemkeepers
Topic Starter сообщение 3.2.2010, 21:21; Ответить: gemkeepers
Сообщение #1


Старожил
******

Группа: Active User
Сообщений: 1222
Регистрация: 7.4.2009
Поблагодарили: 116 раз
Репутация:   26  


На сайте меню из "ссылок-закладок", т.е. только выбранная закладка должна закрываться бакраундом, который прописан в цсс.

Суть проблемы: код плохой, главная страница(первая закладка) активирована всегда классом navSelected мануально:
<li class="navSelected"><a href="сайт.ру"><span>Главная</span></a></li>

При переходе на другую закладку, так же главная помеченной и остается, остальные не помечаются.

css строки отвечающие за пометку ссылки по практике на одну закладку
ul#menu li.navSelected a, ul#menu li.current-cat a, ul#menu li.current-cat-parent a {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
ul#menu li.navSelected a span, ul#menu li.current-cat a span, ul#menu li.current-cat-parent a span {background:url(../images/bgnavRight.gif) no-repeat top right;}


пробовал заменить все а на а:active но не помогло..

весь css:
ul#menu {margin-left: 10px;}
    ul#menu li {float:left; margin-right: 5px;}
    ul#menu li a {display: block; color:#475c68; font-size: 1.25em; font-weight: bold; text-decoration: none; height: 45px; padding: 0 0 0 20px; float:left;}
    ul#menu li a:hover {color:#00a2ff;}
    ul#menu li a span {display: block; padding:12px 20px 31px 0px;}
    
    ul#menu li a:hover {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
    ul#menu li a span:hover{background:url(../images/bgnavRight.gif) no-repeat top right;}
    
    ul#menu li.navSelected a, ul#menu li.current-cat a, ul#menu li.current-cat-parent a {background: url(../images/bgnavLeft.gif) no-repeat; color:#fff}
    ul#menu li.navSelected a:hover, ul#menu li.current-cat a:hover {color:#f2f2f2;}
    ul#menu li.navSelected a span, ul#menu li.current-cat a span, ul#menu li.current-cat-parent a span {background:url(../images/bgnavRight.gif) no-repeat top right;}


html:
<ul id="menu">
            <li class="navSelected"><a href="сайт.ру"><span>Главная</span></a></li>

    <li><a href="" title=""><span>О компании</span></a>
</li>


за хороший ответ, хороший плюсик!

Сообщение отредактировал gemkeepers - 3.2.2010, 21:25
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 4.2.2010, 0:11; Ответить: Alex_RD
Сообщение #2


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


В начале а:active отвечает за ссылку в тот момент когда по ней кликнули, и к подсветке текущего пункта меню (текущей страницы) отношения никакого не имеет.
Если статика, просто снимаем класс "navselected" c главной и ставим на нужный пункт. Если на cms, все зависит от cms


--------------------


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gemkeepers
gemkeepers
Topic Starter сообщение 4.2.2010, 1:01; Ответить: gemkeepers
Сообщение #3


Старожил
******

Группа: Active User
Сообщений: 1222
Регистрация: 7.4.2009
Поблагодарили: 116 раз
Репутация:   26  


(Alex_RD @ 4.2.2010, 0:11) *
В начале а:active отвечает за ссылку в тот момент когда по ней кликнули, и к подсветке текущего пункта меню (текущей страницы) отношения никакого не имеет.
Если статика, просто снимаем класс "navselected" c главной и ставим на нужный пункт. Если на cms, все зависит от cms



DLE... Ну тогда и ладно.. раз уж так

Сообщение отредактировал gemkeepers - 4.2.2010, 1:10
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alex_RD
Alex_RD
сообщение 4.2.2010, 8:10; Ответить: Alex_RD
Сообщение #4


Бывалый
****

Группа: User
Сообщений: 299
Регистрация: 25.11.2008
Поблагодарили: 131 раз
Репутация:   34  


(gemkeepers @ 4.2.2010, 3:01) *
DLE... Ну тогда и ладно.. раз уж так

ну если dle делаем так
<ul id="menu">
      <li [aviable=main]class="navSelected"[/aviable]><a href="сайт.ру"><span>Главная</span></a></li>
      <li>[category=1]class="navSelected"[/category]<a href="" title=""><span>О компании</span></a>
      <li>[category=2]class="navSelected"[/category]<a href="" title=""><span>Раздел сайта</span></a>
      <li>[category=3]class="navSelected"[/category]<a href="" title=""><span>Раздел сайта</span></a>
</li>

[aviable=main] [/aviable] - показываем класс выделения только на главной странице (соответственно пункт меню будет выделен только на главной)
[category=x] [/category] - показываем класс выделения только в категории с ID = x (соответственно пункт меню будет выделен только в этой категории)

Упреждая ваш вопрос, для статических страниц так сделать нельзя (можно указать только для всех статических страниц)

про эти теги можно посмотреть в онлайн-документации dle

Сообщение отредактировал Alex_RD - 4.2.2010, 9:52


--------------------
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Эффективное продвижение сайтов естественными ссылками | Крауд-маркетинг
Ссылки с форумов, сервисов вопросов-ответов и т.д.
7 iworkshop 662 Вчера, 20:54
автор: iworkshop
Открытая тема (нет новых ответов) Размещу статьи с ссылками на азарт, адалт, БАДы и прочие серые тематики на 130-ти сайтах с тиц до 8400
Регулярные акции и скидки!
15 batya 3355 Вчера, 13:41
автор: batya
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1009 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) ВНИМАНИЕ: Крауд-маркетинг продвижение сайтов естественными ссылками
0 Dima_ 366 7.12.2017, 16:36
автор: Dima_
Открытая тема (нет новых ответов) Обменяюсь ссылками стройка ремонт дом дача
0 stalkerk 377 3.12.2017, 16:39
автор: stalkerk


 



RSS Текстовая версия Сейчас: 13.12.2017, 1:49
Дизайн