• Страница 1 из 1
  • 1
Модератор форума: likbezz, Flesh  
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Настройка модулей системы от uCoz. » Можно ли привязать к каждой категории каталога свою картинку (Вопросы по каталогам и спискам категорий)
Можно ли привязать к каждой категории каталога свою картинку
Дата: Воскресенье, 18.07.2010, 17:12 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Спрашивает Roland-Hyper (от 09-Июл-2010, 01:44:53 | Сообщение # 124)

Quote (Roland-Hyper)
Здравствуйте. Подскажите пожалуйста можно ли привязать к каждой категории каталога свою картинку, так чтобы при вставке кода $CATEGORIES$ над названием каждой категории была соответствующая картинка.
Категорий очень много, вручную всё это делать неудобно. Может есть какой то метод типа Image$CID$.jpg только для $CATEGORIES$. Чтоб залить все картинки пронумерованные по ID категории и они сами подставились...

Upd: Нашёл решение через информеры. Но информеры тоже нужно вставлять хоть конечно и меньше работы.
Можно ли как то сделать тоже самое без участия информеров?



 
Дата: Воскресенье, 18.07.2010, 17:14 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Roland-Hyper,

Quote (Roland-Hyper)
Здравствуйте. Подскажите пожалуйста можно ли привязать к каждой категории каталога свою картинку, так чтобы при вставке кода $CATEG0RIES$ над названием каждой категории была соответствующая картинка.

Как вы себе это представляете ...? ...
Напрямую, что бы вот так просто - вставил $CATEG0RIES$ - появились картинки - нет.

Варианты есть.
Всё меню $CATEG0RIES$ - по сути своей - таблица - с индивидуальными по ID - ячейками.

Code
<td style="width: 100%;" class="catsTd" id="cid16" valign="top"><a href="http://likbezz.ucoz.ru/load/16" class="catName">Работа с файлами</a> <span class="catNumData" style="unicode-bidi: embed;">[2]</span><div class="catDescr">Работа с файлами</div></td>

- можно отрываться от этого.
То есть скриптом - вставлять в ячейку картинку с адресом = ID этой ячейки.

Code
<img src="/cid16.gif" width="16" height="16" />

Вариант 2
К каждой категории можно прописать описание, при создании - в ПУ - это описание выводится вот здесь:

Code
<td style="width: 100%;" class="catsTd" id="cid16" valign="top"><a href="http://likbezz.ucoz.ru/load/16" class="catName">Работа с файлами</a> <span class="catNumData" style="unicode-bidi: embed;">[2]</span><div class="catDescr">Работа с файлами</div></td>

Можно и от этого взять старт.

Вариант три:
Прописать каждой ячейки с ID - фоновую картинку. и поместить соответствующие стили в соответствующий шаблон. А ссылкам - отступ слева назначить.

Quote (CSS)
#cid16{background:url('/ico.gif') no-repeat 0 1px;height:16px;padding-left:16px;}

Вариантов много, если подумать - эти я придумал только что - просто посмотрев исходник $CATEG0RIES$ - наверняка есть и более красивые и правильные решения.

Факт, в том, что нет готового решения подходящего кому либо на сто процентов.
И у любого решения есть свои плюсы и минусы.
Какое подойдет вам - решать только вам.

Flesh

 
Дата: Пятница, 01.03.2013, 19:19 |
leo
Сержант
Группа: Пользователи
Сообщений: 28
Награды: 0
Репутация: 0
Статус: Offline


Здравствуйте! А подскажите как сделать $CATEG0RIES$ с картинкой ползунком как на скрине

Вот ксс

Код
.submenu_items .submenu_items__item{float:left;height:80px;width:9%;padding-left:1%}
.b-submenu__separator{background:url("/img/submenu_separator.gif") 0 0 no-repeat;width:6px;height:12px;position:absolute;right:0;top:6px}
.submenu_items .submenu_items__item-current .b-submenu__separator{right:-15px}
.submenu_items{height:auto;padding-bottom:10px;margin-top:0;overflow:visible;width:auto;position:relative;z-index:100}
.submenu_items__short{margin-right:0}
.submenu_items .submenu_items__item{height:26px;padding-top:3px;padding-left:14px;padding-right:23px;width:auto;position:relative;margin-right:0;z-index:101}
.submenu_items__item a{display:block;float:left;font:bold 13px Arial,Tahoma,Sans-Serif}
.submenu_items__item a.submenu_items__item-link:link,.submenu_items__item a.submenu_items__item-link:visited{text-decoration:none;border-bottom:1px solid #037dd3}
.submenu_items__item a.submenu_items__item-link:hover,.submenu_items__item a.submenu_items__item-link:active{text-decoration:none}
.submenu_items__item a{color:#037dd3}
.submenu_items .submenu_items__item-current{background:url("/img/curbg.png") repeat-x scroll 0 0 #f38500;padding-left:0;padding-right:0;margin-right:14px;margin-left:8px;padding-top:0;height:28px;margin-bottom:1px}
.submenu_items .submenu_items__item-current .submenu_items__item-link{color:#fff;text-decoration:none}
.submenu_items__item-current-pad{overflow:hidden;height:28px;position:relative;padding-left:8px;padding-right:7px}
.submenu_items__item-current a.submenu_items__item-link{text-decoration:none;border:0}
.submenu_items__item-current-l,.submenu_items__item-current-r{position:absolute;top:0;height:32px;width:5px;z-index:100}
.submenu_items__item-current-l{background:url("/img/submenu-left-cur.png") no-repeat scroll 0 0 transparent;left:0}
.submenu_items__item-current-r{background:url("/img/submenu-right-cur.png") no-repeat scroll 0 0 transparent;right:0}
.submenu_items .submenu_items__item-current a.submenu_items__item-link{height:24px;line-height:21px;border:0}
.menu_bubbles{position:relative;clear:both;position:absolute;top:0;overflow:hideen;z-index:101}
.submenu_items__item-current-bottom{background:url("/img/botcur.png") no-repeat scroll center bottom transparent;height:9px;width:100%;position:absolute;bottom:-3px;left:0;z-index:1}
.orange-brd{border-top:3px solid #f17e00;padding-top:15px}


Вот мучаюсь не знаю как к категориям новостей применить стиль чтобы при нажатии на категорию зайдя туда ползунок был открыт именно в этом разделе

Прикрепления: 9786169.jpg (12.4 Kb)

 
Дата: Пятница, 01.03.2013, 22:50 |
Полковник
Группа: Помощники
Сообщений: 210
Награды: 0
Репутация: 11
Статус: Offline


leo, у категорий задан class="catName", у активной категории class="catNameActive", этим можно как раз воспользоваться.

 
Дата: Пятница, 01.03.2013, 22:55 |
leo
Сержант
Группа: Пользователи
Сообщений: 28
Награды: 0
Репутация: 0
Статус: Offline


Цитата (Komoff, Сб, 02.03.2013, 01:50:50)
leo, у категорий задан class="catName", у активной категории class="catNameActive", этим можно как раз воспользоваться.

я просто не могу сообразить как к $CATEG0RIES$ применить? больше же я как пониманию ни как не вывести код категорий?

Добавлено (01.03.2013, 22:55)
---------------------------------------------
тоесть как то условными операторами, но как

 
Дата: Пятница, 01.03.2013, 23:11 |
Полковник
Группа: Помощники
Сообщений: 210
Награды: 0
Репутация: 11
Статус: Offline


leo, у тебя разве категории кодом $CATEG0RIES$ выводятся? Не знаю, там нужно скриптом искать активную ссылку и подписывать к ней стиль, может Ликбез как освободится что-нить подскажет.

Сообщение отредактировал Komoff - Пятница, 01.03.2013, 23:21
 
Дата: Суббота, 02.03.2013, 07:31 |
likbezz
Аццкий кодер
Группа: Администраторы
Сообщений: 9093
Награды: 23
Репутация: 459
Статус: Unknown


Komoff, leo,
Цитата (leo, Пт, 01.03.2013, 19:19:59)
Здравствуйте! А подскажите как сделать $CATEG0RIES$ с картинкой ползунком как на скрине
Вот ксс

Если большими ... то можно обойтись стилями, а так проще скриптом из категорий в JavaScript формате формировать нужный код.
В двух словах - сложно.

Цитата (leo, Пт, 01.03.2013, 19:19:59)
Вот мучаюсь не знаю как к категориям новостей применить стиль чтобы при нажатии на категорию зайдя туда ползунок был открыт именно в этом разделе

...вообще-то этот ползунок - достаточно объемный скрипт на который можно навесить любое событие.
Почитайте документацию - наверняка есть такое.
Вам останется только найти активный класс и поставить этот ползунок в нужное место - на ссылку с активным классом.


 
Скрипты и коды для юкоз - Форум аццкого кодера » Вопросы по верстке, дизайну, управлению и настройки модулей СMS от uCoz » Настройка модулей системы от uCoz. » Можно ли привязать к каждой категории каталога свою картинку (Вопросы по каталогам и спискам категорий)
  • Страница 1 из 1
  • 1
Поиск:


Мобильная версия