Автор Тема: Как сделать активную ссылку в главном меню  (Прочитано 7300 раз)

Dionis_NA

  • Гость
Ребята, есть диз http://www.komport.com.ua/promo/index.html хочу сверстать такой же на основе стандартного css_default-full и пока столкнулся с проблемой что не знаю как задать чтобы броузер видел активную ссыль, то есть если человек на главной то она выделена черным фоном а текст белый, остальные белый фон а текст черный при  наведении на другой пункт главного меню он выделялся другим цветом как тут http://www.komport.com.ua/promo/index.html

Я думаю что надо копать здесь но не пойму как задать чтобы работало на Лего
#header .div4 {
padding-left: 0px;
padding-right: 0px;
height: 40px;
background: white;
color: black;



}
#header .div4 img {
float: left;
margin-right: 5px;
}
#header .div4 a {
padding: 12px 0px 12px 0px;
margin-left: 10px;
margin-right: 10px;
display: inline-block;
color: #ffffff;
text-align: center;
text-decoration: none;
font-size: 16px;
font-family: Verdana, Geneva, sans-serif;
background: #000000;
width:120px;
}
Помогите плз

Dionis_NA

  • Гость
Re: Как сделать активную ссылку в главном меню
« Ответ #1 : Апреля 17, 2012, 06:47:08 pm »
Очень помог slamm за это ему большое спасибо оказываеться надо править самые ссылки
Цитировать
slamm 18:13
что бы сделать активным пункт меню, нужно через условие делать а не через стиль, наподобие
{if isset($smarty.get.news)}class="active"{/if} - то есть если мы будем на страничке новости то кнопка новости будет подсвечена.

А в КСС добавить клас .active с нужными параметрами
« Последнее редактирование: Апреля 17, 2012, 07:51:14 pm от Dionis_NA »

Dionis_NA

  • Гость
Re: Как сделать активную ссылку в главном меню
« Ответ #2 : Апреля 17, 2012, 08:51:51 pm »
Для того чтобы главная тоже была активной задаем ей вот такие параметры в index.tpl.html  <a href="./"{if $main_content_template == "home.tpl.html"} class="active"{/if}>{$smarty.const.LINK_TO_HOMEPAGE}</a>  в КСС задаем параметры .active {
font-size: 17px;
color: white;
width: 115px;
background: black;
}

для остальных ссылок ставим параметры <a href="./{if $smarty.const.CONF_CHPU}about/{else}index.php?aux_page=aux1{/if}"{if $smarty.get.aux_page == aux1} class="active"{/if}>{$smarty.const.ADMIN_ABOUT_PAGE}</a>
  {if $smarty.const.CONF_NEWS_ONHOME eq 0}<a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news&news={/if}"{if isset($smarty.get.news)} class="active"{/if}>{$smarty.const.ADMIN_NEWS}</a>{/if}
  {if $smarty.const.CONF_PAGES_ONHOME eq 0}<a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_PAGES}/{else}index.php?pages&pages={/if}"{if isset($smarty.get.pages)} class="active"{/if}>{$smarty.const.ADMIN_PAGES}</a>{/if}
   <a href="./{if $smarty.const.CONF_CHPU}pricelist/{else}index.php?show_price=yes{/if}"{if isset($smarty.get.show_price)} class="active"{/if}>{$smarty.const.STRING_PRICELIST}</a>
   <a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}"{if isset($smarty.get.contact)} class="active"{/if}>{$smarty.const.STRING_CONTACT_INFORMATION}</a>

Спасибо большое за совет slamm'у

lis66

  • Гость
Re: Как сделать активную ссылку в главном меню
« Ответ #3 : Апреля 20, 2012, 05:10:20 pm »

Всем привет всё работает ,подскажите как сделать её активной,
<a href="./service/"{if isset($smarty.get.service)}class="active"{/if}>  Доставка и Оплата</a>
ни как не хочет
« Последнее редактирование: Апреля 20, 2012, 05:19:51 pm от lis66 »

lis66

  • Гость
Re: Как сделать активную ссылку в главном меню
« Ответ #4 : Апреля 20, 2012, 06:41:22 pm »
СПАСИБО всё получилось