Использование фото\картинок в оформлении страниц категорий и подкатегорий.

[MikeS]

Хочется сделать красиво и будем использовать фото для оформления страниц. Фото будет использоваться в виде градиента под цвет фона, небольшого размера и по идее должно "завершать", т.е. находится в самом низу основного информационного блока, после основной информации, но не под ней, т.е не в режиме бекграунда. Примерный размер в высоту пикселей 200-250, но видимым будет меньшая часть из-за градиента, в ширину - на ширину информационного блока.
В таком стиле хочется оформить основные категории и подкатегории, соответственно просто добавление в виде бэкграунда в стайлшит.ксс вопроса не решает, т.к. в каждой категории фото будет разным и соответствовать содержанию.
Добавление картинки в описание категории\подкатегории-тоже, т.к она помещается вверху страницы, а не внизу.
Как реализовать задуманное?
Ну или хотя-бы пинок в нужном направлении.
Лего 5.0.2, пока Денвер.

[nictboom]

гляньте тут, может и не совсем то, но на мысль натолкнет думаю.
хотя...

просто добавление в виде бэкграунда в стайлшит.ксс вопроса не решает, т.к. в каждой категории фото будет разным и соответствовать содержанию.

а почему бы и не бэкграунд, добавить к диву идентификатор, где {$categoryID} и {$selected_category[0]} номер категории, например:
[spoiler]<div id="my_{$selected_category[0]}">...</div> или
<div id="my_{$categoryID}">...</div>  и в ксс описываете стиль:

Код: [Выделить]

#my_1, #my_2, #my_3 ... #my_20 {height:200px; width:inherit;}
#my_1 {background: url('../image/img1.png') repeat-x 0px  0px;}
#my_2 {background: url('../image/img2.png') repeat-x 0px  0px;}
....
#my_20 {background: url('../image/img20.png') repeat-x 0px  0px;}[/spoiler]

[MikeS]

хотя...а почему бы и не бэкграунд, добавить к диву идентификатор, где {$categoryID} и {$selected_category[0]} номер категории...

да, в целом понятно, с ксс тоже, но не понятно как и где идентифицировать конкретные категории.
т.е. есть каталог:
Раздел1
  Марка1
     Серия1
     Серия2
     ...
  Марка2
     ...
Как проидентифицировать конкретные "марки" и "серии"? Где они прописываются?

[nictboom]

или, если вставлять картинки не через css, пробуйте так:
<div><img src="./images/my_{$selected_category[0]}" alt="" /></div>
в папке images/ картинки вида my_1.jpg, my_2.jpg, my_3.jpg и т.д.
то есть, если мы в категории с id=1, то и картинка подгружается my_1.jpg... тоже и с предыдущим вариантом, только на css.

[MikeS]

nictboom, slamm™
во-первых, спасибо Вам большое, вроде получилось.
во-вторых, не могли бы прокомментировать, так ли я сделал и не вылезут ли проблемы, с такой реализацией, а то я тот еще "кодер".
Выглядит так:
в файле index.tpl.html нашел конструкцию  <div id="content">...</div> и внутрь нее вставил <div id="my_{$categoryID}">...</div>.
работает.
Единственный момент, это работает вплоть до страницы с подробным описанием товара, т.е. правило распространяется не только на категорию, но и на товары в ней находящиеся.
Хорошо это или плохо я еще не понял.
Но на всякий случай - а можно отвязать товар от этого правила, если понадобится?