Меню

[koteyka]

Спасибо. Получилось.

[koteyka]

Ни кто не знает, как такое же меню сделать для брендов? В корне чтобы была надпись "БРЕНДЫ", а в выпадающем меню уже шло перечисление брендов. Стили не нужно, там я сам справлюсь.

[nitrol]

на примере вот этой менюшки http://cssmenumaker.com/builder/473315
CSS

#cssmenu2 {  padding: 0;  margin: 0;  border: 0;}#cssmenu2 ul,#cssmenu2 ul li,#cssmenu2 ul ul {  list-style: none;  margin: 0;  padding: 0;}#cssmenu2 ul {  position: relative;  z-index: 597;  float: left;}#cssmenu2 ul li {  float: left;  min-height: 1px;  line-height: 1em;  vertical-align: middle;}#cssmenu2 ul li.hover,#cssmenu2 ul li:hover {  position: relative;  z-index: 599;  cursor: default;}#cssmenu2 ul ul {  visibility: hidden;  position: absolute;  top: 100%;  left: 0;  z-index: 598;  width: 100%;}#cssmenu2 ul ul li {  float: none;}#cssmenu2 ul ul ul {  top: 1px;  left: 99%;}#cssmenu2 ul li:hover > ul {  visibility: visible;}#cssmenu2 ul ul {  top: 1px;  left: 99%;}#cssmenu2 ul li {  float: none;}#cssmenu2 ul {  font-weight: bold;}#cssmenu2 ul ul {  margin-top: 1px;}#cssmenu2 ul ul li {  font-weight: normal;}/* Custom CSS Styles */#cssmenu2 {  border-radius: 5px 0 0 5px;  -moz-border-radius: 5px 0 0 5px;  -webkit-border-radius: 5px 0 0 5px;  background-color: #141414;    background-repeat: repeat-x;  width: 200px;}#cssmenu2:after {  content: '';  display: block;  clear: both;}#cssmenu2 a {  background-color: #141414;   background-repeat: repeat-x;  color: white;  display: block;  font-family: Helvetica, Arial, Verdana, sans-serif;  font-size: 12px;  font-weight: normal;  line-height: 180%;  padding: 13px 20px;  text-decoration: none;}#cssmenu2 ul {  border-right: 2px solid #0fa1e0;  list-style: none;  width: 200px;}#cssmenu2 > ul {  float: left;}#cssmenu2 > ul > li:hover:after {  content: '';  display: block;  width: 0;  height: 0;  position: absolute;  right: 0;  top: 50%;  border-top: 10px solid transparent;  border-bottom: 10px solid transparent;  border-right: 10px solid #0fa1e0;  margin-top: -10px;}#cssmenu2 > ul > li:first-child >a {  border-radius: 5px 0 0 0;  -moz-border-radius: 5px 0 0 0;  -webkit-border-radius: 5px 0 0 0;}#cssmenu2 > ul > li:last-child > a {  border-radius: 0 0 0 5px;  -moz-border-radius: 0 0 0 5px;  -webkit-border-radius: 0 0 0 5px;}#cssmenu2 > ul > li.active a {  box-shadow: inset 0 0 3px black;  -moz-box-shadow: inset 0 0 3px black;  -webkit-box-shadow: inset 0 0 3px black;  background-color: #070707;    background-repeat: repeat-x;}#cssmenu2 > ul > li:hover > a {  background-color: #070707;   background-repeat: repeat-x;  box-shadow: inset 0 0 3px black;  -moz-box-shadow: inset 0 0 3px black;  -webkit-box-shadow: inset 0 0 3px black;}#cssmenu2 .has-sub {  z-index: 1;}#cssmenu2 .has-sub:hover > ul {  display: block;}#cssmenu2 .has-sub ul {  display: none;  position: absolute;  width: 150px;  top: 5px;  left: 100%;}#cssmenu2 .has-sub ul li {  *margin-bottom: -1px;}#cssmenu2 .has-sub ul li a {  background: #0fa1e0;  border-bottom: 1px dotted #6fc7ec;  filter: none;  font-size: 11px;  display: block;  line-height: 120%;  padding: 10px;}#cssmenu2 .has-sub ul li:hover a {  background: #0c7fb0;}#cssmenu2 .has-sub .has-sub:hover > ul {  display: block;}#cssmenu2 .has-sub .has-sub ul {  display: none;  position: absolute;  left: 100%;  top: 0;}#cssmenu2 .has-sub .has-sub ul li a {  background: #0c7fb0;  border-bottom: 1px dotted #6db2d0;}#cssmenu2 .has-sub .has-sub ul li a:hover {  background: #095c80;}

[nitrol]

в шаблон

<!-- Все бренды -->			{* Выбираем в переменную $all_brands все бренды *}			{get_brands var=all_brands}			{if $all_brands}			                                                <div id='cssmenu2'><ul>   <li class='has-sub'><a href='#'><span>Все бренды:</span></a>      <ul>                                                     				{foreach $all_brands as $b}						{if $b->image}			 <li class='has-sub'><a href="brands/{$b->url}"><img src="{$config->brands_images_dir}{$b->image}" alt="{$b->name|escape}"></a></li>					{else}			 <li class='has-sub'><a href="brands/{$b->url}">{$b->name}</a></li>					{/if}				{/foreach}                                </ul>                 </li>         </ul>			</div>			{/if}			<!-- Все бренды (The End)-->

[koteyka]

Спасибо, но не много не то, что я имел в виду. Меню так же должно выпадать вниз. Стилями я его уменьшу и помещу куда мне нужно. Я не могу разобраться как мне слить эти два кода - стандартный

			<!-- Все бренды -->
		{* Выбираем в переменную $all_brands все бренды *}
		{get_brands var=all_brands}
		{if $all_brands}
		<div id="all_brands">
			<h2>Все бренды:</h2>
			{foreach $all_brands as $b}	
				{if $b->image}
				<a href="brands/{$b->url}"><img src="{$config->brands_images_dir}{$b->image}" alt="{$b->name|escape}"></a>
				{else}
				<a href="brands/{$b->url}">{$b->name}</a>
				{/if}
			{/foreach}
		</div>
		{/if}
		<!-- Все бренды (The End)-->

И код вывода меню

<div id="cssmenu">						{* Рекурсивная функция вывода дерева категорий *}			{function name=categories_tree}			{if $categories}			<ul>			{foreach $categories as $c}				{* Показываем только видимые категории *}				{if $c->visible}				<li class='has-sub'>					{if $c->image}<img src="{$config->categories_images_dir}{$c->image}" alt="{$c->name}">{/if}                                 <span><a {if $category->id == $c->id}class="selected"{/if} href="catalog/{$c->url}" data-category="{$c->id}">{$c->name}</a></span>				{categories_tree categories=$c->subcategories}                                 </li>					{/if} 			{/foreach}                        </ul>			{/if}			{/function}			{categories_tree categories=$categories}			</div>

Как я писал, что корневой категорией должна быть просто надпись "БРЕНДЫ", а сами бренды выпадали вниз как подкатегори 1 уровня.
Пока у меня получается, что бренды выводятся как корневые категории в меню. Как их запихнуть в подкатегорию не пойму.

[Kpoxa]

в меню после

{categories_tree categories=$categories}

ввставить

{get_brands var=all_brands}			{if $all_brands}			<ul>				<li><a href="brands/}">Все бренды</a>					<ul>				{foreach $all_brands as $b}						<li>							{if $b->image}<img src="{$config->brands_images_dir}{$b->image}" alt="{$b->name|escape}">{/if}							<a href="brands/{$b->url}">{$b->name}</a>						</li>				{/foreach}					</ul>				</li>			</ul>			{/if}

[koteyka]

Кроха, с Вашим кодом немного не вышло, пришлось добавить класс 'has-sub' в

<li class='has-sub'><a href="brands/}">Все бренды</a>

До того бренды всё равно были как в корне. Но есть одно но, посмотрите http://tumko.ho.ua
Вверху я просто в категориях сделал названия категорий брендами и работает корректно, а слева ниже выбираются именно бренды по Вашему коду. Стили одинаковые и там и там. Почему во втором случае идет сползание?

[Kpoxa]

в стилях #cssmenu2 добавьте position: relative;

[koteyka]

Спасибо, Кроха. Всё вышло.

[Sergey_Veres]

Помогите, как сделать это меню центрированным? Точнее пункты. А то у него выравнивание слева. У меня мало пунктов, а сам сайт широкий, некрасиво ((