Форум обо всём | Тех потдержка

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

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

иконки для Разделов

Страница: 1

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

1

  • Автор: Алика
  • Alika
  • Зарегистрирован: 2007-05-28
  • Приглашений: 0
  • Сообщений: 113
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    9 часов 0 минут
  • Последний визит:
    2007-06-03 01:32:56

Все скрипты предоставлены  Karpoff, Zebra 2005-2007 ©

Некоторые часто хотят сделать вместо иконок новых/нет новых/ и т.д. сообщений на главной странице индивидуальные не меняющиеся иконки для каждого подфорума.
Как это  сделать.

Как всегда пишем стандартные теги для кодоав css:

Код:
<style type="text/css">
.....................
.....................
</style>

Вместо точек будем вставлять следующие коды.

Для начала пишем следующий код

Код:
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: ...; width: ...;}

Вместо троеточий вставляем максимальную высоту и ширину тех иконок, которые будем вставлять для разделов.

Далее берем следующий блок:

Код:
tr#forum_fx Div.icon, tr#forum_fx TR.iclosed Div.icon, tr#forum_fx TR.iredirect Div.icon, tr#forum_fx TR.inew Div.icon   {background-color : transparent; background-image: url(http://time.3bb.ru/uploads/time/2_br_redirect.gif);  background-repeat : no-repeat; background-position: top center;}

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

Теперь идем на главную страницу. Наводим мышку на первый подфорум. В строке браузера отразится его адрес. Например, он может выглядеть вот так
http://forum.mybb.ru/viewforum.php?id=2
(Чтобы было понятно - это над Пуском)
Берем ту цифру, которая идет после "=".  В данном случае - 2.
В первом блоке ВСЕ X замеянем на это число.

Получаем:

Код:
tr#forum_f2 Div.icon, tr#forum_f2 TR.iclosed Div.icon, tr#forum_f2 TR.iredirect Div.icon, tr#forum_f2 TR.inew Div.icon   {background-color : transparent; background-image: url(http://time.3bb.ru/uploads/time/2_br_redirect.gif);  background-repeat : no-repeat; background-position: top center;}

Вместо троеточия в скобках вставляем адрес иконки для первого раздела.

Снова идем на главную. Наводим мышку на второй раздел. Смотри адрес и берем цифру после =. В следующем блоке ВСЕ X заменяем на это число. В скобках ставим адрес уже для картинки второго раздела. И так до конца.

Теперь, чтобы перед темами по-прежнему остались нормальные иконки в зависимости от того, есть ли новые сообщения и т.д.

Пишем

Код:
Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}

TR.inew Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}
TR.isticky Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}

TR.iclosed Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}
TR.iredirect Div.icon {
background-image : url(http://mybb.ru/img/Mybb_Ocean_zero/old.gif);
background-repeat: no-repeat;
}

0

2

  • Автор: Алика
  • Alika
  • Зарегистрирован: 2007-05-28
  • Приглашений: 0
  • Сообщений: 113
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    9 часов 0 минут
  • Последний визит:
    2007-06-03 01:32:56

Другой способ:

Код:
<style type="text/css">
#pun-main .category Div.icon {float: left; display: block; border-style: none none none none; height: 40px; width: 40px; background-repeat : no-repeat; background-position: top center; background-color : transparent;}

tr#forum_f2 div.icon {background-image: url(Ваша ссылка на картинку);  }
tr#forum_f2 div.inew {background-image: url(Ваша ссылка на картинку);  }</style>

div.icon = обычная иконка
div.inew = иконка  при появлении новых сообщений

tr#forum_f2 =  номер   Раздела  форума   иначе  id форума котрый  высвечивается в Адресной строке браузера когда Вы входите   в раздел форума вот.

Пример: http://help.spybb.ru/viewtopic.php?id=87
Тут  id=87  значит в код нужно вписать   87
40px - высота и ширина иконки

копируете(размножаете) две части столько сколько у Вас форумов.

0

3

  • Автор: Aliar
  • Новичок
  • Aliar
  • Зарегистрирован: 2007-05-31
  • Приглашений: 0
  • Сообщений: 1
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    47 минут
  • Последний визит:
    2007-06-02 19:01:20

Алика Как поменять иконки в подразделе, этот код меняет только на главной странице
А если зайти на какойнить раздел то там иконки прежние как быть?

0

4

  • Автор: Алика
  • Alika
  • Зарегистрирован: 2007-05-28
  • Приглашений: 0
  • Сообщений: 113
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    9 часов 0 минут
  • Последний визит:
    2007-06-03 01:32:56

Aliar
в подраздел вроде по этому коду поменять нельзя, но по крайней мере я такого скрипа не знаю.... но если хочешь можешь обратится на майбовскую тех поддуржку http://forum.mybb.ru/

0

5

  • Автор: Алика
  • Alika
  • Зарегистрирован: 2007-05-28
  • Приглашений: 0
  • Сообщений: 113
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    9 часов 0 минут
  • Последний визит:
    2007-06-03 01:32:56

Aliar
также если хочешь можешь воспользоваться вот этим скрипом

Важная тема

TR.isticky Div.icon {
background-image : url(ССЫЛКА);
background-repeat: no-repeat;}

Закрытая тема

TR.iclosed Div.icon {
background-image : url(ССЫЛКА);
background-repeat: no-repeat;}

Редирект

TR.iredirect Div.icon {
background-image : url(ССЫЛКА);
background-repeat: no-repeat;}

Нет новых сообщений

Div.icon {
background-image : url(ССЫЛКА);
background-repeat: no-repeat;}

Есть новые сообщения

TR.inew Div.icon {
background-image : url(ССЫЛКА);
background-repeat: no-repeat;}

Снаружи этих скриптов ставите такой тег:

<style type="text/css">
.....скрипт.......
</style>

Ставить в ХТМЛ верх

0

Страница: 1