Как 1 целая картинка делиться "DLE"

http://htmlbook.ru/css/background-position

Ага вот оно как....) не совсем силён CSS но если скопировать стиль и создать отдельную картинку под Рaзделы ....такие манипуляции я так понял придёться делать с каждым кусочком?

Картинка например называется image.png , в css прописываешь для определенного блока background : url('image.png') а потом меняешь по необходимости только позицию. таким образом картинка подгружается всего 1 раз.

Не стал создавать ещё 1 тему...

А как сделать чтобы к каждой категории была присвоенна своя иконка?

К примеру сотру я в фотошопе эти папочки ...а иконки как вместо них раставить?

Просто иконки без открывающихся папок.

названия категорий динамически выводятся?

ну незнаю.... вроде 1 стиль использует...всё категории выглядят так верхнее изображение при наведении ...

сделайте лучше так:

<a href="" class="a1">Категория 1</a>

<a href="" class="a2">Категория 2</a>

а в CSS напишите:

.a1{

background: ('тут путь к картинке с иконкой 1');

}

.a2{

background: ('тут путь к картинке с иконкой 2');

}

Это называется CSS спрайты. В вашем случае такой техникой реализованы заголовки блоков. В HTML заголовок должен быть выполнен в виде блока (div) с фиксированной шириной и высотой (width и height). Прописываете эту картинку фоном и подгоняете через background-position, как вам уже подсказали. Узнать позицию каждого куска, в том числе длину и высоту заголовка можно, например, с помощью фотошопа и инструмента "Раскройка" (Slice в английской версии). Выделяете фон для одного заголовка, смотрите параметры фрагмента (значения X и Y) и указывает эти значения для background-position.

[ATTACH]121029[/ATTACH]

если не хотите чтобы папка раскрывалась закоментируйте в стилях

.bvnav li a.active {
background: url("../images/bvnav_links.png") no-repeat scroll 0px 0px rgb(230, 242, 249);
}

судя по шаблону название классов написал верно.

то есть я могу просто создать ещё 1 кусок для своих целей и просто взять расположение с него и поменять?