Автор Тема: Создание Меню  (Прочитано 3481 раз)

Оффлайн FOX

  • Пользователь
  • **
  • Сообщений: 89
    • Просмотр профиля
    • Надувные лодки ARGO
Создание Меню
« : Ноября 21, 2011, 04:40:07 pm »
Доброго времени суток.
Разрабатываю собственный шаблон. Уровень знаний пока ограничен: HTML+CSS.
Столкнулся с проблемой организации меню на сайте. Уже несколько дней рою интернет - все безуспешно.
Задачи:

В верхнем меню организовать выделение активного пункта. Т.е если мы находимся на "Главная" к данному пункту меню применяется стиль аналогичный стилю "ahover" и ссылка становится не активной.

Что есть на данный момент:

<div id="top-menu-body">
  <a href="./">{$smarty.const.LINK_TO_HOMEPAGE}</a>
  <a href="info/stati/">Статьи</a>
  {if $smarty.const.CONF_NEWS_ONHOME ne 0}<a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news&news={/if}">{$smarty.const.ADMIN_NEWS}</a>{/if}
 <a href="info/oplata-dostavka/">Оплата и доставка</a>
  <a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}">{$smarty.const.STRING_CONTACT_INFORMATION}</a>
<a href="info/otzivi/">Отзывы</a>
      </div>

Стили:
#menu a{

padding: 0 7px 2px 7px;
border-left: 2px solid #c4c5c4;
border-right: 2px solid #c4c5c4;
color: #f3e9cd;
cursor: pointer;
font-weight: bold;
display: inline-block;
text-decoration: none;}

#menu a:hover {
    background: #3a443a;
    text-decoration:none;}

_____________________
Предупреждение!
Используйте BB коды для форматирования текста и выделения кода.
« Последнее редактирование: Ноября 21, 2011, 04:53:07 pm от slamm »

searchingman

  • Гость
Re: Создание Меню
« Ответ #1 : Ноября 21, 2011, 06:59:35 pm »

Оффлайн FOX

  • Пользователь
  • **
  • Сообщений: 89
    • Просмотр профиля
    • Надувные лодки ARGO
Re: Создание Меню
« Ответ #2 : Ноября 22, 2011, 02:43:51 pm »
Спасибо за подсказку ;)
Топик помог. Вот что получилось:

<a href="./" {if $main_content_template == "home.tpl.html"} class="select"{/if}>{$smarty.const.LINK_TO_HOMEPAGE}</a>
     
  <a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_NEWS}/{else}index.php?news&news= {/if}"{if $main_content_template == "news.tpl.html"} class="select"{/if}>{$smarty.const.ADMIN_NEWS}</a>
     
      <a href="./{if $smarty.const.CONF_CHPU}{$smarty.const.REDIRECT_PAGES}/{else}index.php?pages&pages={/if}"{if $main_content_template == "pages.tpl.html"} class="select"{/if}>{$smarty.const.ADMIN_PAGES}</a>
       
      <a href="info/oplata-dostavka/"{if ($main_content_template == "aux_page.tpl.html")&& ($aux_id == "3")}class="select"{/if}>Оплата и доставка</a>
                                       
  <a href="./{if $smarty.const.CONF_CHPU}contact/{else}index.php?contact{/if}"{if $main_content_template == "contact.tpl.html"} class="select"{/if}>{$smarty.const.STRING_CONTACT_INFORMATION}</a>
     
     <a href="info/otzivu/"{if ($main_content_template == "aux_page.tpl.html")&& ($aux_id == "1")}class="select"{/if}>Отзывы</a>
Единственная проблема - не получилось победить:
<a href="./{if $smarty.const.CONF_CHPU}about/{else}index.php?aux_page=aux1{/if}">{$smarty.const.ADMIN_ABOUT_PAGE}</a>Добавлял условие:
<a href="./{if $smarty.const.CONF_CHPU}about/{else}index.php?aux_page=aux1{/if}"{if ($main_content_template == "aux_page.tpl.html")&& ($aux_page == "aux1")}class="select"{/if}>{$smarty.const.ADMIN_ABOUT_PAGE}</a>В папке cfg никакого файла с именем aux1 нет.


Оффлайн FOX

  • Пользователь
  • **
  • Сообщений: 89
    • Просмотр профиля
    • Надувные лодки ARGO
Re: Создание Меню
« Ответ #3 : Ноября 22, 2011, 03:10:03 pm »
Ну, с верхним в принципе разобрались.
Прошу помощи в прикручивании левого меню. Нужно сделать типа  как здесь:
http://forum.shop-script.org/index.php?topic=374.0
Изначально меню свернуто.
Т.е. есть 3 основных  категории  выполнены в виде блоков с фоновым градиентом.
В каждой из категорий по N подкатегорий. В подкатегориях по N  товаров. Причем товары тоже должны отображаться в меню.

df666

  • Гость
Re: Создание Меню
« Ответ #4 : Декабря 06, 2011, 08:04:37 am »

В папке cfg никакого файла с именем aux1 нет.



core/aux_pages/