Скрипт: - СВОЯ КАРТИНКА В КАЖДУЮ КАТЕГОРИЮ.
добрый вечер подскажите, пожалуйста, скрипт, чтобы категории можно было выставить картинками, да так, чтобы они не смещались, если присутствуют скрытые форумы х) как-то так..
Пояснения:
Синим - названия категорий( статистика тоже там, - если нужна
Красным - адрес устанавливаемой картинки
50 красным - значение высоты картинки - установите своё значение;
Cтроку:
"Название Категории", "Ссылка на картинку",
- Размножаем сколько нужно(лишние строки - убираем), -вставляем свои названия и адреса изображений
PS: Последний элемент в массиве(в данном примере > "Статистика форума") -на конце без запятой!
В начало Нтмл низ
<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){myarray=new Array(
"Информационный раздел", "http://mybb.ru/f/collection/0208.gif",
"Техническая поддержка", "http://mybb.ru/f/collection/0211.gif",
"Форумы опытных пользователей", "http://mybb.ru/f/collection/0213.gif",
"Разное", "http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif",
"Статистика форума", "http://mybb.ru/f/collection/0217.gif" //Последний элемент без запятой!
)$("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){var cssObj = {
"height":"50px",
"background-color": "transparent",
"background-image":"url("+myarray[q+1]+")",
"background-position":"50% 50%",
"background-repeat":"no-repeat" //Последний элемент без запятой!
}if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
q++}
});
});
</script>
Для тех кому нужно отключить Буквенное название категорий, в HTML верх ставим такой код
<style>
#pun-stats h2 span,
.category h2 span {
visibility:hidden!important;
}
</style>
(*Строка красным - для статистики = при ненужности её отключения - убираем
Ps: Скрипт должен разрешать проблему смещения картинок в иные разделы, при скрытии части разделов для определенных групп
Теги: картинка для категории, категории, пиктограммы, картинки, смещение, deff, скрипты
Отредактировано Deff (2011-07-10 10:33:06)
