• Страница 1 из 2
  • 1
  • 2
  • »
Форум » uCoz » Помощь по uCoz » Вертикальное разноцветное меню
Вертикальное разноцветное меню
waak 27.11.2017 в 22:19 1
Готово, вот код, проверять не проверял так как у меня нет таких разделов проверите и отпишите мне.

Код

<div id="us_l_prof">
  <div id="ava_l_prof"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="ССЫЛКА НА НЕТ АВАТАРА"><?endif?></div>
  <div id="namst_l_prof">
  <b><?if($USER_FULL_NAME$)?>$USER_FULL_NAME$<?else?>$USERNAME$<?endif?></b>
  <span><?if($GROUP_ID$=="0")?><a href="$LOGIN_LINK$"><b>Войти</b></a><?else?><i></i><a href="/index/11"><b>Ред.</b></a><?endif?></span>
  </div>
  <div class="clr"></div>
  </div>
  <div id="menu_l">
  <ul>
  <li><a href="http://vsthouse.ru/load/2 "><i></i>VSTi инструменты </a></li>
<?if($SECTION_NAME$="VSTi инструменты")?>
<li><a href="http://vsthouse.ru/load/3 "><i></i>Синтезаторы, сэмплеры</a></li>
<li><a href="http://vsthouse.ru/load/4 "><i></i>Клавишные инструменты</a></li>
<li><a href="http://vsthouse.ru/load/5 "><i></i>Ударные инструменты</a></li>
<li><a href="http://vsthouse.ru/load/7 "><i></i>Струнные инструменты </a></li>
<li><a href="http://vsthouse.ru/load/9"><i></i>Духовые инструменты </a></li>
<li><a href="http://vsthouse.ru/load/6 "><i></i>Бас-синтезаторы </a></li>
<li><a href="http://vsthouse.ru/load/8 "><i></i>Оркестровые инструменты </a></li>
<li><a href="http://vsthouse.ru/search/набор виртуальных инструментов"><i></i>Сборники виртуальных инструментов</a></li>
<?endif?>

  <li><a href="http://vsthouse.ru/load/10"><i style="background-position: center -30px ;"></i>VST</a></li>
   <?if($SECTION_NAME$="VST")?>
   <li><a href="http://vsthouse.ru/load/11"><i style="background-position: center -30px ;"></i>Плагины для сведения и мастеринга</a></li>
    <li><a href="http://vsthouse.ru/load/20"><i style="background-position: center -30px ;"></i>Плагины для работы с вокалом </a></li>
<?endif?>

    <li><a href="http://vsthouse.ru/load/25 "><i style="background-position: center -60px ;"></i>Сэмплы, пресеты</a></li>
     <?if($SECTION_NAME$="Сэмплы, пресеты")?>
<li><a href="http://vsthouse.ru/load/14"><i style="background-position: center -60px ;"></i> Сэмплы </a></li>
<li><a href="http://vsthouse.ru/load/15 "><i style="background-position: center -60px ;"></i> Акапеллы  </a></li>
<li><a href="http://vsthouse.ru/load/21 "><i style="background-position: center -60px ;"></i>  Библиотеки для сэмплеров </a></li>
<li><a href="http://vsthouse.ru/load/38 "><i style="background-position: center -60px ;"></i> Звуковые эффекты  </a></li>
<li><a href="http://vsthouse.ru/load/17 "><i style="background-position: center -60px ;"></i> Пресеты  </a></li>
<li><a href="http://vsthouse.ru/load/36 "><i style="background-position: center -60px ;"></i> MIDI </a></li>
<li><a href="http://vsthouse.ru/load/31 "><i style="background-position: center -60px ;"></i> Импульсы  </a></li>
<li><a href="http://vsthouse.ru/load/40 "><i style="background-position: center -60px ;"></i> Ремикс паки (remix packs)  </a></li>
<?endif?>

  <li><a href="http://vsthouse.ru/load/13 "><i style="background-position: center -90px ;"></i>Приложения</a></li>
  <?if($SECTION_NAME$="Приложения")?>
  <li><a href="http://vsthouse.ru/load/19 "><i style="background-position: center -90px ;"></i>Секвенсоры</a></li>
  <li><a href="http://vsthouse.ru/load/18 "><i style="background-position: center -90px ;"></i>Программы </a></li>
  <li><a href="http://vsthouse.ru/load/28"><i style="background-position: center -90px ;"></i>Аудиоредакторы</a></li>
  <li><a href="http://vsthouse.ru/load/29 "><i style="background-position: center -90px ;"></i>Аудиоконвертеры </a></li>
  <li><a href="http://vsthouse.ru/load/30 "><i style="background-position: center -90px ;"></i>Медиа проигрыватели </a></li>
  <li><a href="http://vsthouse.ru/load/34"><i style="background-position: center -90px ;"></i>Мобильные приложения </a></li>
<?endif?>

  <li><a href=" http://vsthouse.ru/load/24 "><i style="background-position: center -180px ;"></i>Обучение</a></li>
    <?if($SECTION_NAME$="Обучение")?>
  <li><a href="http://vsthouse.ru/load/22 "><i style="background-position: center -180px ;"></i>Видеоуроки на русском</a></li>
  <li><a href="http://vsthouse.ru/load/23 "><i style="background-position: center -180px ;"></i>Видеоуроки на английском</a></li>
  <li><a href="http://vsthouse.ru/video "><i style="background-position: center -180px ;"></i>Видео пользователей</a></li>
  <li><a href="http://vsthouse.ru/load/37  "><i style="background-position: center -180px ;"></i>Платные видеокурсы </a></li>
<?endif?>

    <li><a href="http://vsthouse.ru/gb "><i style="background-position: center -150px ;"></i>Гостевая </a></li>
  <li><a href="http://vsthouse.ru/load/novosti/32"><i style="background-position: center -120px ;"></i>Новости </a></li>
  <li><a href="/forum"><i style="background-position: center -210px ;"></i>Форум</a></li>
  </ul>
  </div>

Так же вам придётся слегка поправить стили так как у вас название большие вам нужно будет поменять несколько строк где указана ширина 250px на 350px
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
elaim 27.11.2017 в 22:42 2
Спасибо! Буду пробовать. До связи ))

Добавлено (27-Ноя-2017, 22:12)
---------------------------------------------
Забыл сказать, что мне МИНИ-ПРОФИЛЬ не нужен. Я так понимаю это можно удалить:

Код
<div id="us_l_prof">
  <div id="ava_l_prof"><?if($USER_AVATAR_URL$)?><img src="$USER_AVATAR_URL$"><?else?><img src="ССЫЛКА НА НЕТ АВАТАРА"><?endif?></div>
  <div id="namst_l_prof">
  <b><?if($USER_FULL_NAME$)?>$USER_FULL_NAME$<?else?>$USERNAME$<?endif?></b>
  <span><?if($GROUP_ID$=="0")?><a href="$LOGIN_LINK$"><b>Войти</b></a><?else?><i></i><a href="/index/11"><b>Ред.</b></a><?endif?></span>
  </div>
  <div class="clr"></div>
  </div>
waak 27.11.2017 в 23:06 3
elaim, Да, Всё что не нужно можно удалить или изменить.
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
elaim 27.11.2017 в 23:26 4
Поставил на сайт http://vsthouse.ru Красиво получилось smile

Подскажите, как сделать, чтобы при переходе в раздел (например - VSTi инструменты), отображались только категории этого раздела. (как на юкоз по стандарту)

Сриншот:

прикрепленный файл
2747794.png(29.2 Kb)
Сообщение отредактировал elaim - Пн, 27.11.2017, 23:39
Ответить
waak 28.11.2017 в 00:28 5
Данное меню вам не подойдёт так как много кода нужно писать подбирать условия и т.д.
проще переделать стандартный вид вывода категорий под этот дизайн и выводить условным оператором который будет автоматом показывать категории которые в этом разделе и скрывать остальные

я могу предложить вам только такой вариант пока

Код

<div id="menu_l">
  <ul>
<?if($SECTION_NAME$="VSTi инструменты")?> <?else?>
<li><a href="http://vsthouse.ru/load/2 "><i></i>VSTi инструменты </a></li> <?endif?>

<?if($SECTION_NAME$="VSTi инструменты")?>
<li><a href="http://vsthouse.ru/load/3 "><i></i>Синтезаторы, сэмплеры</a></li>
<li><a href="http://vsthouse.ru/load/4 "><i></i>Клавишные инструменты</a></li>
<li><a href="http://vsthouse.ru/load/5 "><i></i>Ударные инструменты</a></li>
<li><a href="http://vsthouse.ru/load/7 "><i></i>Струнные инструменты </a></li>
<li><a href="http://vsthouse.ru/load/9"><i></i>Духовые инструменты </a></li>
<li><a href="http://vsthouse.ru/load/6 "><i></i>Бас-синтезаторы </a></li>
<li><a href="http://vsthouse.ru/load/8 "><i></i>Оркестровые инструменты </a></li>
<li><a href="http://vsthouse.ru/search/набор виртуальных инструментов"><i></i>Сборники виртуальных инструментов</a></li>
<?endif?>

  <?if($SECTION_NAME$="VST")?><?else?>
  <li><a href="http://vsthouse.ru/load/10"><i style="background-position: center -30px ;"></i>VST</a></li><?endif?>

   <?if($SECTION_NAME$="VST")?>
   <li><a href="http://vsthouse.ru/load/11"><i style="background-position: center -30px ;"></i>Плагины для сведения и мастеринга</a></li>
    <li><a href="http://vsthouse.ru/load/20"><i style="background-position: center -30px ;"></i>Плагины для работы с вокалом </a></li>
<?endif?>

   <?if($SECTION_NAME$="Сэмплы, пресеты")?> <?else?> <li><a href="http://vsthouse.ru/load/25 "><i style="background-position: center -60px ;"></i>Сэмплы, пресеты</a></li> <?endif?>

     <?if($SECTION_NAME$="Сэмплы, пресеты")?>
<li><a href="http://vsthouse.ru/load/14"><i style="background-position: center -60px ;"></i> Сэмплы </a></li>
<li><a href="http://vsthouse.ru/load/15 "><i style="background-position: center -60px ;"></i> Акапеллы  </a></li>
<li><a href="http://vsthouse.ru/load/21 "><i style="background-position: center -60px ;"></i>  Библиотеки для сэмплеров </a></li>
<li><a href="http://vsthouse.ru/load/38 "><i style="background-position: center -60px ;"></i> Звуковые эффекты  </a></li>
<li><a href="http://vsthouse.ru/load/17 "><i style="background-position: center -60px ;"></i> Пресеты  </a></li>
<li><a href="http://vsthouse.ru/load/36 "><i style="background-position: center -60px ;"></i> MIDI </a></li>
<li><a href="http://vsthouse.ru/load/31 "><i style="background-position: center -60px ;"></i> Импульсы  </a></li>
<li><a href="http://vsthouse.ru/load/40 "><i style="background-position: center -60px ;"></i> Ремикс паки (remix packs)  </a></li>
<?endif?>

  <?if($SECTION_NAME$="Приложения")?><?else?>
  <li><a href="http://vsthouse.ru/load/13 "><i style="background-position: center -90px ;"></i>Приложения</a></li> <?endif?>
  <?if($SECTION_NAME$="Приложения")?>
  <li><a href="http://vsthouse.ru/load/19 "><i style="background-position: center -90px ;"></i>Секвенсоры</a></li>
  <li><a href="http://vsthouse.ru/load/18 "><i style="background-position: center -90px ;"></i>Программы </a></li>
  <li><a href="http://vsthouse.ru/load/28"><i style="background-position: center -90px ;"></i>Аудиоредакторы</a></li>
  <li><a href="http://vsthouse.ru/load/29 "><i style="background-position: center -90px ;"></i>Аудиоконвертеры </a></li>
  <li><a href="http://vsthouse.ru/load/30 "><i style="background-position: center -90px ;"></i>Медиа проигрыватели </a></li>
  <li><a href="http://vsthouse.ru/load/34"><i style="background-position: center -90px ;"></i>Мобильные приложения </a></li>
<?endif?>

<?if($SECTION_NAME$="Обучение")?><?else?>
  <li><a href=" http://vsthouse.ru/load/24 "><i style="background-position: center -180px ;"></i>Обучение</a></li><?endif?>
    <?if($SECTION_NAME$="Обучение")?>
  <li><a href="http://vsthouse.ru/load/22 "><i style="background-position: center -180px ;"></i>Видеоуроки на русском</a></li>
  <li><a href="http://vsthouse.ru/load/23 "><i style="background-position: center -180px ;"></i>Видеоуроки на английском</a></li>
  <li><a href="http://vsthouse.ru/video "><i style="background-position: center -180px ;"></i>Видео пользователей</a></li>
  <li><a href="http://vsthouse.ru/load/37  "><i style="background-position: center -180px ;"></i>Платные видеокурсы </a></li>
<?endif?>
<?if($SECTION_NAME$="$SECTION_NAME$")?><?else?>
    <li><a href="http://vsthouse.ru/gb "><i style="background-position: center -150px ;"></i>Гостевая </a></li>
  <li><a href="http://vsthouse.ru/load/novosti/32"><i style="background-position: center -120px ;"></i>Новости </a></li>
  <li><a href="/forum"><i style="background-position: center -210px ;"></i>Форум</a></li> <?endif?>
  </ul>
  </div>
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
elaim 28.11.2017 в 01:02 6
Поставил. Да, теперь название раздела куда входим пропадает, но все другие разделы продолжают показываться ((
А если действительно этот дизайн подстроить под стандартное меню категорий от юкоза? (Прописать только стили в CSS) Как это провернуть? Хлопотное дело?

У меня в CSS такой код стоял для юкозовского меню. Может проще на его основе сделать?

Код

.catsTable {
width:240px;
overflow: hidden;
border-collapse:0px;
}

.catsTd {
float:left;
width:240px;
height:20px;
color:#9e9ea0;
margin: 0px 0px 10px 0px!important;
}

a.catName:link,
a.catName:visited,
a.catName:active {
margin:0;
float:left;
width:230px;
height:15px;
display:block;
position:absolute;
padding:4px 0px 4px 10px;
font:11px Verdana,Arial,sans-serif;
color:#777;
}

.catsTd a:hover{
color:#fff;
font-weight:bold;
background:#5585ff!important;
}

.catNumData {
float:right;
width:40px;
height:18px;
background:#59B0D4;
position: relative;
padding:5px 0px 0px 0px;

font:9px Verdana,Arial,sans-serif;
text-align:center;
font-weight: bold;
color:#fff;
}

.catDescr{display:none}
waak 28.11.2017 в 02:09 7
Цитата elaim ()
А если действительно этот дизайн подстроить под стандартное меню категорий от юкоза? (Прописать только стили в CSS) Как это провернуть? Хлопотное дело?

Нет не хлопотное если у вас есть знание в HTML и CSS но время понадобится так как в стандартном выводе используется табличная вёрстка а не блочная плюс картинки нужно будет придумать как добавить
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
elaim 28.11.2017 в 13:14 8
Привет! Сделаете адаптацию под систему юкоз (прописать стили CSS)?
В качестве благодарности предоставлю эксклюзивный скрипт. Можете добавить его к себе в платный раздел.
В интернете ничего подобного не нашел. Пришлось обратиться к фрилансерам.
За него фрилансер просил 1000р. Сторговался на 500р )) Сделан грамотно. Но вроде он настроен на мой вид комментариев (тоже предоставлю)

Суть скрипта:
Число Лайков/Дизлайков комментариев отображается сразу при нажатии на соответствующую кнопку, а не после перезагрузки страницы.
waak 28.11.2017 в 15:56 9
Цитата elaim ()
Суть скрипта:
Число Лайков/Дизлайков комментариев отображается сразу при нажатии на соответствующую кнопку, а не после перезагрузки страницы.
Данный скрипт есть у меня и на многих сайтах абсолютно бесплатно вы просто плохо искали.

Так же я делал и другой вариант скрипта подобного типа
Мой скрипт работает и в комментариях и в материалах и при этом ещё и плюс в репутацию даёт пользователю или минус тут зависит от того что нажимает пользователь
Буду благодарен за любую финансовую поддержку!
Яндекс 41001566705372 Вебмани R234675901433 Киви 79094024545

Изготовление сайтов в системе uCoz. Изменение и доработка уже готовых сайтов. Установка шаблонов. Настройка сайтов.
elaim 28.11.2017 в 18:40 10
Цитата waak ()
на многих сайтах абсолютно бесплатно вы просто плохо искали.

Можно ссылки на сайты? Интересно где я недосмотрел wacko

Цитата waak ()
Мой скрипт работает и в комментариях и в материалах и при этом ещё и плюс в репутацию даёт

Где можно взглянуть на этот скрипт?
Сообщение отредактировал elaim - Вт, 28.11.2017, 18:40
Ответить
Форум » uCoz » Помощь по uCoz » Вертикальное разноцветное меню
  • Страница 1 из 2
  • 1
  • 2
  • »
Поиск:
форма для входа