Jump to content
Sign in to follow this  
LancX

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

Recommended Posts

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

удалено

Share this post


Link to post
Share on other sites

Может быть

<!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>

Share this post


Link to post
Share on other sites

удалено

Share this post


Link to post
Share on other sites

а где точка впереди слеш?

<a href="./index.php?route=information/

без точки ссылка в никуда....

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

Share this post


Link to post
Share on other sites

удалено

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.