Горизонтально меню

LancX · 18 березня 2013

Как сделать чтобы в горизонтальном меню при нажатии на раздел, он показывался как активны? Где это меняется в css файле?

Evdak · 18 березня 2013

зависит от конкретного css.

а вообще, в браузерах давно есть фича "Просмотр кода элемента" или "Исследовать элемент" и т.д., которая позволяет не только узнать строчку в css, но и поиграться со значениями

Strelez · 18 березня 2013

Наряду с a:link, a:hover, a:visited существует в css и псевдокласс a:active, который и назначает стиль активной (т.е. "нажатой") ссылке - htmlbook.ru вам в помощь.

LancX · 18 березня 2013

До замены в header.tpl ссылки в главном меню все как бы работает, а после замены уже нет. Видимо что-то в коде убирается.

LancX · 18 березня 2013

Кто подскажет?

LancX · 18 березня 2013

Может быть

<!DOCTYPE html>
<html dir="<?php echo $direction; ?>" lang="<?php echo $lang; ?>">
<head>
<meta charset="UTF-8" />
<title><?php echo $title; ?></title>
<base href="<?php echo $base; ?>" />
<?php if ($description) { ?>
<meta name="description" content="<?php echo $description; ?>" />
<?php } ?>
<?php if ($keywords) { ?>
<meta name="keywords" content="<?php echo $keywords; ?>" />
<?php } ?>
<?php if ($icon) { ?>
<link href="<?php echo $icon; ?>" rel="icon" />
<?php } ?>
<?php foreach ($links as $link) { ?>
<link href="<?php echo $link['href']; ?>" rel="<?php echo $link['rel']; ?>" />
<?php } ?>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/stylesheet.css" />
<?php foreach ($styles as $style) { ?>
<link rel="<?php echo $style['rel']; ?>" type="text/css" href="<?php echo $style['href']; ?>" media="<?php echo $style['media']; ?>" />
<?php } ?>
<script type="text/javascript" src="catalog/view/javascript/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/jquery-ui-1.8.16.custom.min.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/ui/themes/ui-lightness/jquery-ui-1.8.16.custom.css" />
<script type="text/javascript" src="catalog/view/javascript/jquery/ui/external/jquery.cookie.js"></script>
<script type="text/javascript" src="catalog/view/javascript/jquery/colorbox/jquery.colorbox.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/colorbox/colorbox.css" media="screen" />
<script type="text/javascript" src="catalog/view/javascript/jquery/tabs.js"></script>
<script type="text/javascript" src="catalog/view/javascript/common.js"></script>
<?php foreach ($scripts as $script) { ?>
<script type="text/javascript" src="<?php echo $script; ?>"></script>
<?php } ?>
<!--[if IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie7.css" />
<![endif]-->
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="catalog/view/theme/default/stylesheet/ie6.css" />
<script type="text/javascript" src="catalog/view/javascript/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript">
DD_belatedPNG.fix('#logo img');
</script>
<![endif]-->
<?php echo $google_analytics; ?>
</head>
<body>
<div id="container">
<div id="header">
 <?php if ($logo) { ?>
 <div id="logo"><a href="<?php echo $home; ?>"><img src="<?php echo $logo; ?>" title="<?php echo $name; ?>" alt="<?php echo $name; ?>" /></a></div>
 <?php } ?>
 <?php echo $language; ?>
 <?php echo $currency; ?>
 <?php echo $cart; ?>
 <div id="search">
   <div class="button-search"></div>
   <?php if ($filter_name) { ?>
   <input type="text" name="filter_name" value="<?php echo $filter_name; ?>" />
   <?php } else { ?>
   <input type="text" name="filter_name" value="<?php echo $text_search; ?>" onclick="this.value = '';" onkeydown="this.style.color = '#000000';" />
   <?php } ?>
 </div>

<div class="links">
 <a href="<?php echo $home; ?>"><?php echo $text_home; ?></a>
 <a href="/index.php?route=information/information&information_id=4">О Нас</a>
 <a href="/index.php?route=information/information&information_id=6">Доставка</a>
 <a href="/index.php?route=information/information&information_id=3">Контакты</a>
 <a href="/index.php?route=account/login">Личный кабинет</a>

</div>
 </div>

<?php if ($categories) { ?>
<div id="menu">
 <ul>
   <?php foreach ($categories as $category) { ?>
 <?php } ?>
 <li>
<a href="<?php echo $home; ?>"><?php echo $text_home; ?></a>
</li>
<li>
<a href="/index.php?route=information/information&information_id=4">О нас</a>
</li>

<li>
<a href="/index.php?route=information/information&information_id=6">Доставка</a>
</li>

<li>
<a href="/index.php?route=information/information&information_id=3">Контакты</a>
</li>

<li>
<a href="/index.php?route=account/login">Личный кабинет</a>
</li>


 </ul>
</div>
<?php } ?>
<div id="notification"></div>

LancX · 18 березня 2013

а где точка впереди слеш?
<a href="./index.php?route=information/
без точки ссылка в никуда....

Они и без точки работали. А вот как заставить чтобы ссылка при нажатии и после нахождении на этой страницы была активна сделать?

LancX · 18 березня 2013

#menu > ul > li > a.active {
background: #(цвет фона кнопки);
color: #(цвет надписи кнопки);
}

Ну в файле stylesheet.css это и так прописано с самого начала. Я его не трогал. До изменения в стандартном шаблоне кнопки были активны при нахождении на странице, после замены уже нет. Меня только в header.tpl, видимо в нем где-то прописывается.

LancX · 18 березня 2013

ты меня счас пытаешься лечить?

Нет. Я просто говорю что там такой код который Вы указали прописан, но это почему-то не работает. Я хочу узнать почему.

Вхід

Горизонтально меню

Recommended Posts

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Надіслати

Поділитися на інших сайтах

Створіть аккаунт або увійдіть для коментування

Створити обліковий запис

Вхід

Зараз на сторінці 0 користувачів

Покупцям

Розробникам

Корисна інформація

Останні розширення

Important Information