ForumD.ru - Дизайн для форумов и техническая поддержка

Объявление

Акция! Дизайн «MyBB Technical Support»

Дизайн для форума MyBB в тематике компьютерных сообществ или технической поддержки
Стоимость при покупке эксклюзивно: 2000р 1200р
Скидка 40%. В стоимость входит настройка и корректировка дизайна.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Светлый дизайн в фентези стиле с аниме-графикой

Макет для светлого дизайна в фентези стиле с аниме-графикой.
Стоимость: 2600р*
Дизайн продается эксклюзивно (в одни руки).

Подробнее

Дизайн для MyBB форума гильдии WoW Exodar

Детализированный rpg-дизайн для mybb форума гильдии в тематике Экзодара.
Стоимость: 2150р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Финансовая помощьРеклама на сайте
Стать модераторомОтзывы

Предложения

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

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


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Разделение важных и обычных тем на блоки


Разделение важных и обычных тем на блоки

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

1

Новое разделение тем на "Важные темы" и "Темы форума"
Код добавляет разделители с надписями поверх всех важных и остальных тем раздела.
http://gerda.moy.su/_bd/0/64510711.png http://gerda.moy.su/_bd/0/51118215.png

Автор: Alex_63
Платформа: MyBB

В HTML низ:

Код:
    <!-- Разделение тем: "Важные темы" и "Темы форума" // © Alex_63 -->
    <style>
    #pun-main .forum table{ table-layout: auto;}
    #pun-main tr.tr-divider {
      background-color: #d1d1e1;
      font-weight: bold;
    }
    </style>
    <script type="text/javascript">if($('#pun-viewforum').length){$('tr[class$="isticky"]:first').before('<tr class="tr-divider imp"><td class="td-divider" colspan="4">Важные темы</td></tr>');$('tr[class$="isticky"]:last').next('tr').before('<tr class="tr-divider st"><td class="td-divider" colspan="4">Темы форума</td></tr>');$('.stickytext').remove()}</script>
    <!-- //End//-Разделение тем -->

Вариант оформления:
В HTML верх (или в конец Второго окна стилей без тегов <style></style>):

Код:
<style>
#pun-main tr.tr-divider {
  background:
    url('http://savepic.ru/7612482.png') top left no-repeat,
    url('http://savepic.su/5864275.png') top right no-repeat,
    url('http://savepic.ru/7614530.png') bottom left no-repeat,
    url('http://savepic.su/5849939.png') bottom right no-repeat;
  background-color: rgb(242, 206, 159);
  background-size: 30px;
  height: 51px;
}
#pun-main tr.tr-divider > td.td-divider {
  padding: 10px 21px;
  background:
    url('http://savepic.ru/7627842.png') 0 0 repeat-x,
    url('http://savepic.su/5877587.png') bottom left repeat-x;
  background-size: 30px;
  box-shadow: 1px 1px 3px #000;
  font-weight: 700;
  text-transform: uppercase;
}
#pun-main tr.tr-divider.imp > td {
  color: rgb(198, 0, 86);
}
#pun-main tr.tr-divider.st > td {
  color: rgb(0, 0, 255);
}
</style>

Отредактировано Герда (20.05.2013 00:02:26)

+2

2

Куда ставить?

0

3

Бета
HTML-низ

0

4

Объясните пожалуйста, после того как я вставила код в HTML низ, что нужно сделать, чтоб появились разделения тем?

0

5

moorzeelka
Ссылку на форум.

0

6

faiko
http://misticworld.rolka.su/

0

7

moorzeelka
Выделить некоторые темы

(Выделение тем в модер-меню внизу слева каждой страницы - выпадающий список - Выделить тему

Отредактировано Deff (28.03.2012 23:20:28)

0

8

Спасибо за скрипт)

0

9

Вопросец небольшой:
Как поменять часть кода с цветом, чтобы можно было вставить вместо нее, скажем, картинку или сделать разделение прозрачным?

0

Быстрый ответ

Напишите ваше сообщение и нажмите «Отправить»


ВНИМАНИЕ! При обращении за техподдержкой и вопросами по скриптам/оформлению, оставляйте ссылку на форум/сайт с проблемой! Специалист должен вживую видеть проблему, чтобы подсказать как ее решить.

ВНИМАНИЕ! Гости (не зарегистрированные на форуме) могут писать сообщения, но не могут вставлять прямые ссылки! Чтобы оставить сообщение со ссылкой на сайт, форум или скриншот удалите символы: "http://", "https://" или "www."


Вы здесь » ForumD.ru - Дизайн для форумов и техническая поддержка » Скрипты и стили для форумов МуBB.ru » Разделение важных и обычных тем на блоки