Прикрепление картинок к названиям категорий (Герда)
Если заглянуть в HTML-код форума, то можно увидеть, что заголовки категорий имеют такой вид:
Красное - номер категории (генерируется в зависимости от ее порядка).
Синее - левый див-блок.
Зеленое - правый див-блок.
Так что, для любителей вкорячить картинку в любое место форума, не нужно никаких скриптов. :)
Прикрепляем картинку слева от названия
Прикрепляем картинку справа от названия
Прикрепляем картинку к названию конкретной категории
слева:
справа:
вместо N - номер категории по порядку с верху (помните, что если у вас на форуме наверху для какой-то группы что-то скрыто, то у них картинки тож будут в другом порядке как и категории)
Если надо скрыть текст названия категории:
Если надо скрыть текст названия конкретной категории:
вместо N - номер категории по порядку с верху
Цитата
<div id="pun-categoryN" class="category">
<h2>
<div class="catleft"></div>
<span>Заголовок категории</span>
<div class="catright"></div>
</h2>
<div class="container">тут форумная таблица</div>
</div>
<h2>
<div class="catleft"></div>
<span>Заголовок категории</span>
<div class="catright"></div>
</h2>
<div class="container">тут форумная таблица</div>
</div>
Красное - номер категории (генерируется в зависимости от ее порядка).
Синее - левый див-блок.
Зеленое - правый див-блок.
Так что, для любителей вкорячить картинку в любое место форума, не нужно никаких скриптов. :)
Прикрепляем картинку слева от названия
Цитата
.catleft {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
Прикрепляем картинку справа от названия
Цитата
.catright {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
Прикрепляем картинку к названию конкретной категории
слева:
Цитата
#pun-categoryN .catleft {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
справа:
Цитата
#pun-categoryN .catright {
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
height: 30px; /*высота*/
width: 30px /*ширина*/
background: url(ссылка) transparent 0 0; /*ссылка на картинку*/
}
вместо N - номер категории по порядку с верху (помните, что если у вас на форуме наверху для какой-то группы что-то скрыто, то у них картинки тож будут в другом порядке как и категории)
Если надо скрыть текст названия категории:
Цитата
.category h2 span {display: none !important;}
Если надо скрыть текст названия конкретной категории:
Цитата
#pun-categoryN h2 span {display: none !important;}
вместо N - номер категории по порядку с верху
Просмотров: 894, Загрузок: 0, Оценка: 5.0 (1)
| Страницы: | |