Техническая поддержка

Объявление

Для нахождения нужной информации рекомендуем воспользоваться поиском по форуму.

Общее FAQ по форумам сервиса | FAQ по Администрированию | FAQ по дизайну форума СSS | Абсолютный помощник по дизайну CSS

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

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

Вы здесь » Техническая поддержка » Скрипты » Иконки для разделов и тем

Иконки для разделов и тем

Страница: 1

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

1

  • Автор: Миса
  • Знающий
  • Миса
  • Зарегистрирован: 2008-12-12
  • Приглашений: 0
  • Сообщений: 58
  • Уважение: +2
  • Позитив: +3
  • Пол: Женский
  • Провел на форуме:
    1 час 14 минут
  • Последний визит:
    2009-03-03 10:02:09
Код:
<style type="text/css"> Div.icon {
background-image : url(ссылка на вашу картинку для "нет новых сообщений");
background-repeat: no-repeat;
}
</style>

<style type="text/css">TR.inew Div.icon {
background-image : url(ссылка на вашу картинку для "есть новые сообщения");
background-repeat: no-repeat;
}
</style>

<style type="text/css">TR.isticky Div.icon {
background-image : url(ссылка на вашу картинку для "Важно");
background-repeat: no-repeat;
}

</style>

<style type="text/css"> TR.iclosed Div.icon {
background-image : url(ссылка на вашу картинку для "Закрыта");
background-repeat: no-repeat;
}
</style>

<style type="text/css"> TR.iredirect Div.icon {
background-image : url(ссылка на вашу картинку для "Перенесена");
background-repeat: no-repeat;
}
</style>

0

2

  • Автор: Morfirin
  • Администратор
  • Morfirin
  • Зарегистрирован: 2008-12-05
  • Приглашений: 0
  • Сообщений: 652
  • Уважение: +87
  • Позитив: +66
  • Пол: Мужской
  • Возраст: 34 [1989-11-19]
  • Провел на форуме:
    14 дней 21 час
  • Последний визит:
    2022-03-01 23:06:28

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

Первый способ:

Как всегда пишем стандартные теги для кодоав css(Вместо точек будем вставлять коды):

<style type="text/css">
.....................
.....................
</style>

1. Для начала пишем код:

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

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

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

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(адрес картинки);  background-repeat : no-repeat; background-position: top center;}

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

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

4. В первом блоке ВСЕ 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(адрес картинки);  background-repeat : no-repeat; background-position: top center;}

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

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

Втoрой способ проще:

<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.bestff.ru/viewtopic.php?id=87
Тут  id=87  значит в код нужно вписать   87
40px - высота и ширина иконки
копируете(размножаете) две части столько сколько у Вас форумов., остальное как обычно.

0

Страница: 1

Вы здесь » Техническая поддержка » Скрипты » Иконки для разделов и тем