Система управления контентом SantaFox

Santafox CMS

  • Начало
  • Помощь
  • Поиск
  • Календарь
  • Вход
  • Регистрация

  • Система управления контентом SantaFox »
  • Работа с SantaFox »
  • Модуль "Меню" »
  • Помощь с шаблоном меню
  • Показать непрочитанные сообщения
« предыдущая тема следующая тема »
  • Печать
Страницы: [1]

Автор Тема: Помощь с шаблоном меню  (Прочитано 2416 раз)

0 Пользователей и 1 Гость просматривают эту тему.

welcomeadam

  • Гость
Помощь с шаблоном меню
« : 27 Сентябрь 2014, 18:16:58 »
Добрый день!

Скажите, пожалуйста, как реализовать подобное меню?

Код: [Выделить]
<div class="tabs">
 
 
        <ul class="i-tab">
            <li>iTab item1</li>
            <li>iTab item2</li>
            <li>iTab item3</li>
            <li>iTab item4</li>
            <li>iTab item5</li>
        </ul>
       
       
   
       <ul class="tab-content">
           <li>Tab content 1</li>
           <li>Tab content 2</li>
           <li>Tab content 3</li>
           <li>Tab content 4</li>
           <li>Tab content 5</li>
       </ul>
       
       
  </div>
Записан

Оффлайн Rinat

  • Старый лис
  • *****
  • Сообщений: 601
  • Авторитет: 36
    • Просмотр профиля
Re: Помощь с шаблоном меню
« Ответ #1 : 28 Сентябрь 2014, 17:00:10 »
Не совсем понятен вопрос...
Записан

welcomeadam

  • Гость
Re: Помощь с шаблоном меню
« Ответ #2 : 28 Сентябрь 2014, 19:42:36 »
Цитата: Rinat от 28 Сентябрь 2014, 17:00:10
Не совсем понятен вопрос...

Согласен :). Как отразить данный код в шаблоне вывода меню? Самостоятельно разобраться не смог, первый блок <ul class="i-tab"> пункты первого уровня, а <ul class="tab-content"> второго уровня. Все это горизонтальное меню, см. скриншот.

Записан

Оффлайн Rinat

  • Старый лис
  • *****
  • Сообщений: 601
  • Авторитет: 36
    • Просмотр профиля
Re: Помощь с шаблоном меню
« Ответ #3 : 30 Сентябрь 2014, 01:21:39 »
Второй или другой уровень меню можно задать с помощью  <!-- @@nextlevel -->
Вот тут инфа:
http://wiki.santafox.ru/doku.php/doku.php?id=constructor:menu
Записан

Оффлайн Rinat

  • Старый лис
  • *****
  • Сообщений: 601
  • Авторитет: 36
    • Просмотр профиля
Re: Помощь с шаблоном меню
« Ответ #4 : 30 Сентябрь 2014, 01:25:05 »
В вашем случае как-то так:

<!-- @begin -->   
  <ul class="i-tab">
 <!--@@nextlevel-->
        <ul class="tab-content">
 
     <!-- @link -->
            <li>iTab item1</li>
 <!--@@nextlevel-->
           <li>Tab content 1</li>
       
ну и по аналогии, другим переменным надо уровни проставить.
« Последнее редактирование: 30 Сентябрь 2014, 01:27:59 от Rinat »
Записан

welcomeadam

  • Гость
Re: Помощь с шаблоном меню
« Ответ #5 : 30 Сентябрь 2014, 19:01:45 »
Цитата: Rinat от 30 Сентябрь 2014, 01:25:05
В вашем случае как-то так:

<!-- @begin -->   
  <ul class="i-tab">
 <!--@@nextlevel-->
        <ul class="tab-content">
 
     <!-- @link -->
            <li>iTab item1</li>
 <!--@@nextlevel-->
           <li>Tab content 1</li>
       
ну и по аналогии, другим переменным надо уровни проставить.

Не получается. Ниже код вывода меню и что формируется на сайте.

Код: [Выделить]
<!-- @begin -->   
  <ul class="i-tab">
<!--@@nextlevel-->
        <ul class="tab-content">
<!-- @link -->
            <li><a href="%link%" title="%link%" class="selected">%name_value%</a></li>
<!--@@nextlevel-->
           <li><a href="%link%" title="%link%" class="selected">%name_value%</a></li>
<!-- @activelink -->
<li><a href="%link%" title="%text%">%name_value%</a></li>
<!--@@nextlevel-->
           <li><a href="%link%" title="%link%" class="selected">%name_value%</a></li>
<!-- @passiveactive -->
<li><a href="%link%" title="%text%">%name_value%</a></li>
<!--@@nextlevel-->
           <li><a href="%link%" title="%link%" class="selected">%name_value%</a></li>
<!-- @end -->
</ul>
<!--@@nextlevel-->
</ul>


Код: [Выделить]
<ul class="i-tab">

<li class="active"><a href="uslugi.html?cid=9" title="">Парикмахерские услуги</a></li>

        <ul class="tab-content">

           <li style="display: block;"><a href="uslugi.html?cid=10" title="uslugi.html?cid=10" class="selected">Стрижки</a></li>

           <li><a href="uslugi.html?cid=11" title="uslugi.html?cid=11" class="selected">Стрижки горячими ножницами</a></li>

</ul>
 
            <li><a href="uslugi.html?cid=3" title="uslugi.html?cid=3" class="selected">Косметология</a></li>

        <ul class="tab-content">

           <li><a href="uslugi.html?cid=12" title="uslugi.html?cid=12" class="selected">Косметология 1</a></li>

           <li><a href="uslugi.html?cid=13" title="uslugi.html?cid=13" class="selected">Косметология 2</a></li>

</ul>
 
            <li><a href="uslugi.html?cid=4" title="uslugi.html?cid=4" class="selected">Макияж</a></li>
 
            <li><a href="uslugi.html?cid=5" title="uslugi.html?cid=5" class="selected">Маникюр, педикюр</a></li>
 
            <li><a href="uslugi.html?cid=6" title="uslugi.html?cid=6" class="selected">Массаж</a></li>

</ul>
Записан

Оффлайн Rinat

  • Старый лис
  • *****
  • Сообщений: 601
  • Авторитет: 36
    • Просмотр профиля
Re: Помощь с шаблоном меню
« Ответ #6 : 30 Сентябрь 2014, 19:42:46 »
Вам нужно чтобы формировался код, который в вашем первом посте?
Боюсь, что это невозможно и не совсем логично...
Записан

Оффлайн Rinat

  • Старый лис
  • *****
  • Сообщений: 601
  • Авторитет: 36
    • Просмотр профиля
Re: Помощь с шаблоном меню
« Ответ #7 : 30 Сентябрь 2014, 19:43:42 »
А как на картинке - вполне возможно, с помощью css сделать такой вид вашего меню
Записан

  • Печать
Страницы: [1]
« предыдущая тема следующая тема »
  • Система управления контентом SantaFox »
  • Работа с SantaFox »
  • Модуль "Меню" »
  • Помощь с шаблоном меню
  • Показать непрочитанные сообщения
 

SMF 2.0.11 | SMF © 2011, Simple Machines
Flatline Theme Made By: NBK*Twitch
Go To Top