Техническая поддержка сервиса Quadro.Boards

Объявление

Новости сервиса

О форуме

Quadro.Support – это форум технической поддержки различных проектов и сервисов Quadro.Systems LLC, на котором грамотные технические специалисты всегда смогут помочь вам в решении проблем, или же подсказать ответы на самые сложные вопросы. Так же на форуме собрана обширная база знаний по различным аспектам наших сервисов. Не забывайте пользоваться поиском ;)

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Своя картинка для каждой категории


Своя картинка для каждой категории

Сообщений 1 страница 3 из 3

1

Свои картинки в категории

Фоновое изображение свое для каждой категории можно сделать с помощью css
//в хтмл-верх или свой стиль без тегов <style>

<style>
    #pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}

</style>

, где красным - номер категории по-порядку.

Но если на вашем форуме для некоторых групп пользователей скрыты некоторые категории, то порядок расположения категорий нарушится и изображения не будут соответствовать задуманному.
Те, у кого есть скрытые категории, могут использовать скрипт:

Автор: Deff
в хтмл-верх или хтмл-низ

Код:
    <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>

Теги: изображение для категории, фон категории, своя картинка в категорию, категория

0

2

<style>
    #pun-category1 h2 {height: 62px; background-image: url("картинка"); background-repeat: no-repeat; overflow-x: hidden; background-position: top center; color: transparent;}
</style>


Это нужно повторять по кол-ву категорий?

0

3

Violet Harmon написал(а):

Это нужно повторять по кол-ву категорий?

да, все правильно

0


Вы здесь » Техническая поддержка сервиса Quadro.Boards » Скрипты и дополнения » Своя картинка для каждой категории


Рейтинг форумов | Создать форум бесплатно © 2007–2016 «QuadroSystems» LLC