Новости Joomla

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

tok

  • Новичок
  • 9
  • 0 / 0
Ребята мб кто сможет помочь, шаблон выбрал не особо удачный для блога уже его переделал существенно, хатя сам не знаком с каскадами и PHP особо. В общем надо сделать также чтобы затемнялся фон в рубрике как и на рубрике главной страницы при переходе на нее.
сам сайт publichack.org

вырезки из шапки (header.php) что активирует меню

Код
<!-- HEADER ENDS -->
<!-- MAIN MENU STARTS -->
<div id="main-menu-out">
  <div id="main-menu">
    <ul id="nav">
      <li class="nav_home <?php if ( is_home()) { echo ' here'; } ?>"><a href="<?php bloginfo('home'); ?>">Main</a></li>
      <?php wp_list_cats('sort_column=id&&optioncount=0&hierarchical=1'); ?>
    </ul>
  </div>
</div>
<!-- MAIN MENU out ENDS -->

и из css

Код
}
#main-menu ul#nav li.here a {
background: #202020;
color: #cccccc;

}

Сам думаю долго буду мучать это дело путем подставок кодов. Так что надеюсь на Вас.
« Последнее редактирование: 28.07.2011, 14:26:52 от tok »
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Замена фона рубрик в навигации
« Ответ #1 : 28.07.2011, 18:32:12 »
Цитировать
В общем надо сделать также чтобы затемнялся фон в рубрике как и на рубрике главной страницы при переходе на нее.
Прочитал 3 раза и не понял чего добиваетесь...
*

tok

  • Новичок
  • 9
  • 0 / 0
Re: Замена фона рубрик в навигации
« Ответ #2 : 28.07.2011, 18:59:40 »
да собственно чтото вроде этого http://spyrestudios.com/demos/stylish-slider/#, в шаблоне получается что только фон кнопки главной страницы затемняется, надо для рубрик такое реализовать тоже, без особых эффектов только фон #202020
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Замена фона рубрик в навигации
« Ответ #3 : 28.07.2011, 19:14:20 »
Пропишите для текущего (класс «current-cat») пункта меню (нажатого и активного в данный момент) стиль background: #202020;
Т.е. получается, что прописав код
Код: css
.current-cat{background: #202020;}
в CSS файле шаблона, будет выделяться активный пункт меню.
Если будет перехлест стилей, то можно пойти от более значимого, прописав
Код: css
#main-menu .current-cat{background: #202020;}
*

tok

  • Новичок
  • 9
  • 0 / 0
Re: Замена фона рубрик в навигации
« Ответ #4 : 28.07.2011, 19:22:27 »
последней строчкой получилось, осталось только цвет текста поменять. спасибо огромное.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
*

tok

  • Новичок
  • 9
  • 0 / 0
Re: Замена фона рубрик в навигации
« Ответ #6 : 28.07.2011, 20:00:51 »
Ага докрутил так
Код
#main-menu .current-cat a{color: #cccccc;}
*

tok

  • Новичок
  • 9
  • 0 / 0
Re: Замена фона рубрик в навигации
« Ответ #7 : 28.07.2011, 21:19:47 »
Кстати не хочет данный способ работать на опере и ие (мазила и хром отображают как надо).
Есть ли способы под выше указанные браузеры? Заранее благодарю.
upd: Cорри моя ошибка. Исправил
« Последнее редактирование: 28.07.2011, 21:23:54 от tok »
*

Efanych

  • Глобальный модератор
  • 4683
  • 644 / 0
  • Меняю свою жизнь на 360°!
Re: Замена фона рубрик в навигации
« Ответ #8 : 28.07.2011, 21:27:59 »
Так чтоб наверняка.
Цитировать
#main-menu .current-cat a:link, #main-menu .current-cat a:visited {color: #cccccc !important;}
Создание сайтов, шаблонов, помощь в решении проблем.
*

tok

  • Новичок
  • 9
  • 0 / 0
Re: Замена фона рубрик в навигации
« Ответ #9 : 28.07.2011, 23:26:01 »
Так чтоб наверняка.
спасибо вам за дополнение, еще вопрос если можно

Мешает одна линия, там же в рубриках, вот код
Код
#main-menu li a {
display: block;
border-left: #E4E4E4 1px solid;
padding: 3px 17px 3px 17px;
line-height: 30px;
font-size: 14px;
        text-align:center;}

собственно этот параметр разделяет пункты столбом, можно как право так и влево ( так border-left: #E4E4E4 1px solid; или так border-right: #E4E4E4 1px solid;), как бы сделать чтобы не было именно по бокам ни слева ни справа, а только между рубрик эта линия.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Re: Замена фона рубрик в навигации
« Ответ #10 : 29.07.2011, 11:56:08 »
Посмотрите внимательней по коду.
У каждого тега <li> у пункта меню есть уникальный класс cat-item- и цыфра.
Найдите нужный пункт и пропишите у него border:none; (ну или border-left:none; или border-right:none;) тогда только у него не будет бордюра.
К примеру:
Код: css
#main-menu li.cat-item-10 a{border:none;}
*

tok

  • Новичок
  • 9
  • 0 / 0
Re: Замена фона рубрик в навигации
« Ответ #11 : 29.07.2011, 12:13:37 »
Посмотрите внимательней по коду.
У каждого тега <li> у пункта меню есть уникальный класс cat-item- и цыфра.
Найдите нужный пункт и пропишите у него border:none; (ну или border-left:none; или border-right:none;) тогда только у него не будет бордюра.
К примеру:
Код: css
#main-menu li.cat-item-10 a{border:none;}

И снова Вас прийдется благодарить ;), пришлось только глянуть id последней рубрики в баре и все. Самая оперативная команда. Прикрутил обратную ссылку в блоге на форум.
« Последнее редактирование: 29.07.2011, 12:18:24 от tok »
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Замена контента при наведении курсора

Автор zilonitiz

Ответов: 2
Просмотров: 2012
Последний ответ 05.08.2018, 12:00:00
от zilonitiz
Выбор количества товаров кнопками + и - от Nevigen замена gif на awesome

Автор epson950

Ответов: 1
Просмотров: 1344
Последний ответ 17.02.2017, 01:11:00
от Alldar
Замена иконок в меню

Автор todin

Ответов: 6
Просмотров: 1435
Последний ответ 12.02.2016, 13:49:34
от umbabaraumba
Смена фона в масштабируемом блочном элементе

Автор Virtualer

Ответов: 0
Просмотров: 1120
Последний ответ 23.01.2016, 14:12:37
от Virtualer
Замена изображений при наведении одно на одно

Автор intedant

Ответов: 6
Просмотров: 1570
Последний ответ 20.11.2015, 20:42:55
от Shustry