Меню

[eax]

Доброго времени суток! Друзья, помогите пожалуйста http://dutyfree116.com/  на этом сайте сверху меню кнопки активными не могу сделать, .active .focus .visited ни один код не работает, там у меня код не #menu стоит, а .links. Помогите пожалуйста. Заранее спасибо!!!

[Tom]

https://github.com/myopencart/ocStore/commit/ba5ba913201c33a6a9a2238e60f0eb8a0f94d011

[eax]

https://github.com/myopencart/ocStore/commit/ba5ba913201c33a6a9a2238e60f0eb8a0f94d011

Спасибо, только вот проблема в том что у меня это как бы не #menu а .links, #menu с левой стороны, вот как для .links его сделать я не знаю.

[Tom]

Что мешает сделать не в ссылках а в меню эти несколько пунктов???
 

<div id="menu">

  <ul>

<li><a href="ССЫЛКА НА СТРАНИЦУ">ПУНКТ МЕНЮ</a></li> <---- В меню навигации слева (в начале)

    <?php foreach ($categories as $category) { ?>

    <li><?php if ($category['active']) { ?>

<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>

<?php } else { ?>

<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

<?php } ?>

 

      <?php if ($category['children']) { ?>

      <div>

              <?php for ($i = 0; $i < count($category['children']);) { ?>

        <ul>

          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

          <?php for (; $i < $j; $i++) { ?>

          <?php if (isset($category['children'][$i])) { ?>

          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

          <?php } ?>

          <?php } ?>

        </ul>

        <?php } ?>

      </div>

      <?php } ?>

    </li>

    <?php } ?>

<li><a href="ССЫЛКА НА СТРАНИЦУ">ПУНКТ МЕНЮ</a></li> <---- В меню навигации справа (в конце)

  </ul>

</div>

[eax]

 

Что мешает сделать не в ссылках а в меню эти несколько пунктов???

 

<div id="menu">

  <ul>

<li><a href="ССЫЛКА НА СТРАНИЦУ">ПУНКТ МЕНЮ</a></li> <---- В меню навигации слева (в начале)

    <?php foreach ($categories as $category) { ?>

    <li><?php if ($category['active']) { ?>

<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>

<?php } else { ?>

<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

<?php } ?>

 

      <?php if ($category['children']) { ?>

      <div>

              <?php for ($i = 0; $i < count($category['children']) ;) { ?>

        <ul>

          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

          <?php for (; $i < $j; $i++) { ?>

          <?php if (isset($category['children'][$i])) { ?>

          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

          <?php } ?>

          <?php } ?>

        </ul>

        <?php } ?>

      </div>

      <?php } ?>

    </li>

    <?php } ?>

<li><a href="ССЫЛКА НА СТРАНИЦУ">ПУНКТ МЕНЮ</a></li> <---- В меню навигации справа (в конце)

  </ul>

</div>

 

Еще 1 вопрос, это же в stylesheet делать? или в header.tpl?

[Tom]

В обоих файлах.Там то что красным это те строки которые заменяются теми строками что выделены зелёным.

[DDoc]

Я сделал как написано тут

http://forum.searchengines.ru/showthread.php?t=781950

снес все и поставил свое красивое меню, в итоге проблема -как быть ссылками, вернее их то можно просто поставить глядя в браузере на адреса  открывающихся окон,

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

[DDoc]

Томи, что скажете?)

[Tom]

Что я должен сказать? Сделайте академически.

[DDoc]

Что я должен сказать? Сделайте академически.

Мнение по поводу таких манипуляций)

[DDoc]

Вы бы сделали по другому :?

такие манипуляции чреваты?

или разницы нет?

[Tom]

В четвёртом сообщении сверху под спойлером лежит абсолютно кошерный код (академический).

[DDoc]

Я видел. C php проблемка

[DDoc]

Попробую завтра, посмотрим что из этого получится

[Tom]

Я видел. C php проблемка

Это кусок кода из header.tpl 

[eax]

 

Что мешает сделать не в ссылках а в меню эти несколько пунктов???

 

<div id="menu">

  <ul>

<li><a href="ССЫЛКА НА СТРАНИЦУ">ПУНКТ МЕНЮ</a></li> <---- В меню навигации слева (в начале)

    <?php foreach ($categories as $category) { ?>

    <li><?php if ($category['active']) { ?>

<a href="<?php echo $category['href']; ?>" class="active"><?php echo $category['name']; ?></a>

<?php } else { ?>

<a href="<?php echo $category['href']; ?>"><?php echo $category['name']; ?></a>

<?php } ?>

 

      <?php if ($category['children']) { ?>

      <div>

              <?php for ($i = 0; $i < count($category['children']) ;) { ?>

        <ul>

          <?php $j = $i + ceil(count($category['children']) / $category['column']); ?>

          <?php for (; $i < $j; $i++) { ?>

          <?php if (isset($category['children'][$i])) { ?>

          <li><a href="<?php echo $category['children'][$i]['href']; ?>"><?php echo $category['children'][$i]['name']; ?></a></li>

          <?php } ?>

          <?php } ?>

        </ul>

        <?php } ?>

      </div>

      <?php } ?>

    </li>

    <?php } ?>

<li><a href="ССЫЛКА НА СТРАНИЦУ">ПУНКТ МЕНЮ</a></li> <---- В меню навигации справа (в конце)

  </ul>

</div>

 

мешает то что #Menu это слева, а код .links был изначально в самом верху сайта, я его перенес по ниже, если изменять #menu то изменяется только слева, а там совсем разные слова написаны, вот эту проблему решить не могу.

[Tom]

Меню  это то что сверху.Ещё выше ссылки.Вот на демо.

 

http://demo.myopencart.ru/

[eax]

Меню  это то что сверху.Ещё выше ссылки.Вот на демо.

 

http://demo.myopencart.ru/

Да вот так, и как ссылки сделать активными? Слева мое меню( здесь оно сверху) трогать не надо, только чисто ссылки. и надо бы их изменить.

[DDoc]

Еще 1 вопрос, это же в stylesheet делать? или в header.tpl?

в steelsheet для класса .links добавьте css эффекты при наведении мыши, например,

http://htmlbook.ru/faq/kak-izmenit-vid-ssylki-pri-navedenii-na-nee-kursora-mysh

 

PS Зашел на Ваш сайт, вроде и так все работает

[eax]

в steelsheet для класса .links добавьте css эффекты при наведении мыши, например,

http://htmlbook.ru/faq/kak-izmenit-vid-ssylki-pri-navedenii-na-nee-kursora-mysh

 

PS Зашел на Ваш сайт, вроде и так все работает

А мне вот надо как слева меню, что бы в активе был после того как уже нажала на ссылку, задний фон что бы в активе был, как это можно было бы сделать?

[DDoc]

А мне вот надо как слева меню, что бы в активе был после того как уже нажала на ссылку, задний фон что бы в активе был, как это можно было бы сделать?

Например, если на ссылку Виски навести меняется цвет шрифта, правда это еле заметно

[Tom]

http://htmlbook.ru/faq/kak-izmenit-vid-ssylki-pri-navedenii-na-nee-kursora-mysh

 

О чём эта ссылка?  Здесь описан так называемый HOVER .

[DDoc]

http://htmlbook.ru/faq/kak-izmenit-vid-ssylki-pri-navedenii-na-nee-kursora-mysh

 

О чём эта ссылка?  Здесь описан так называемый HOVER .

О том, что такие штуки можно организовать с помощью псевдоклассов css, если не знаешь как это работает в jquery

[eax]

Например, если на ссылку Виски навести меняется цвет шрифта, правда это еле заметно

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

[Tom]

http://htmlbook.ru/css/active