Legosp Forum
Shop-Script "Legosp" => Дизайн и шаблоны => Тема начата: FaVi от Августа 02, 2011, 02:16:12 am
-
Сабж в том, чтобы в каталоге товаров рядом для каждой категорией слева была своя иконка или хотя бы одна на всех.
Есть вот так:
(http://img217.imageshack.us/img217/1880/95751577.jpg)
Нужно вот так:
(http://img843.imageshack.us/img843/9858/60510537.jpg)
Подскажите как...
-
было бы супер если бы подсказали куда вставлять <img src=".." ...> ?)
-
{* category navigation tree close menu*}
<ul>
{section name=i loop=$categories_tree}{if $categories_tree[i][3]>0}
<li style="margin-left: {$categories_tree[i][2]*10}px">
{if $categoryID == $categories_tree[i][0]}
{* selected node => point category and don't make a link *}
<img src="http://test1.ru/preview.jpg"><a href="./{$categories_tree[i][4]}" class="selected">{$categories_tree[i][1]}</a>
{else}
{* not selected node => make a link to a category *}
<a href="./{$categories_tree[i][4]}">{$categories_tree[i][1]}</a>
{/if}
</li>
{/if}
{/section}</ul>
{/if}
вот что вышло:
(http://img814.imageshack.us/img814/8923/78234369.jpg)
-
вот класс отвечающий
.mn{
list-style:none;
font-size:1.3em;
margin-bottom:190px;
width:197px;
}
.mn li{
zoom:1;
}
.mn li a{
display:block;
padding:2px 0 2px 27px;
margin-bottom:5px;
zoom:1;
background-repeat:no-repeat;
background-position:5px center;
}
.mn li a:hover, .mn li a.here{
background-color:#E22B79;
color:#fff;
text-decoration:none;
zoom:1;
}
если заменить
.mn li a{
display:inline;
то выходит вот так
(http://img560.imageshack.us/img560/9279/90983646.jpg)
-
всё подключено в head.tpl.html ссылкой на *.css
ваш рисунок будет показываться только коло того меню на котором вы находитесь, то есть выбранное в данное время !
проблема не в том какое меню, а втом что картинка рядом а не какбы внутри
вот пример как необходимо:
(http://img843.imageshack.us/img843/9858/60510537.jpg)
а есть максимум вот так:
(http://img560.imageshack.us/img560/9279/90983646.jpg)