» »

Обозначение важных и обычных тем uCoz


Обозначение важных и обычных тем uCoz

Скрипт принадлежит только для форума, где будет обозначение всех тем. Под важную тему у вас даже сам раздел будет в другом оттенке, который можно изменить. Закрытая тема, будет в красном обводе, а вот простая тема в сером, что на светлом ресурсе, будет отлично видеть. Также не нужно забывать про важные, которые автоматически будут вверху и в зеленом обводе, вообщем все очень корректно сделано и смотрится оригинально.

Скрипт вставить после $B0DY$ в общий вид форума:

Код
<script>  
  $('.threadIcoTd img[src$="closed.gif"], .threadIcoTd img[src$="f_closed_nonew.gif"]').each(function(){
  $(this).parent().parent().find('.threadPinnedLink, .threadLink').after('<div style="background:#ed1010; border:1px solid #ccc; color: #fff; display: inline-block; font-size: 9px; font-weight: 700; height: 15px; line-height: 15px; padding: 0px 5px; text-transform: uppercase; vertical-align: middle; float:right; margin:5px 5px 5px 15px; ">Тема закрыта</div>')  
  });  
   
  $('.threadIcoTd img[src$="hot.gif"], .threadIcoTd img[src$="f_hot_nonew.gif"]').each(function(){  
  $(this).parent().parent().find('.threadPinnedLink, .threadLink').after('<div style="background:#ed7710; border:1px solid #ccc; color: #fff; display: inline-block; font-size: 9px; font-weight: 700; height: 15px; line-height: 15px; padding: 0px 5px; text-transform: uppercase; vertical-align: middle; float:right; margin:5px 5px 5px 15px; ">Горячая тема</div>')  
  });  
   
  $('.threadIcoTd img[src$="thread.gif"], .threadIcoTd img[src$="thread.gif"]').each(function(){  
  $(this).parent().parent().find('.threadPinnedLink, .threadLink').after('<div style="background:#efefef; border:1px solid #ccc; color: #888; display: inline-block; font-size: 9px; font-weight: 700; height: 15px; line-height: 15px; padding: 0px 5px; text-transform: uppercase; vertical-align: middle; float:right; margin:5px 5px 5px 15px; ">Обычная тема</div>')  
  });  
   
  $('.threadIcoTd img[src$="poll.gif"]').each(function(){  
  $(this).parent().parent().find('.threadPinnedLink, .threadLink').after('<div style="background:#cd1cc3; border:1px solid #ccc; color: #fff; display: inline-block; font-size: 9px; font-weight: 700; height: 15px; line-height: 15px; padding: 0px 5px; text-transform: uppercase; vertical-align: middle; float:right; margin:5px 5px 5px 15px; ">Тема c опросом</div>')  
  });  
   
  $('.threadIcoTd img[src$="pinned.gif"]').each(function(){  
  $(this).parent().parent().find('.threadPinnedLink, .threadLink').after('<div style="background:#7ba60d; border:1px solid #ccc; color: #fff; display: inline-block; font-size: 9px; font-weight: 700; height: 15px; line-height: 15px; padding: 0px 5px; text-transform: uppercase; vertical-align: middle; float:right; margin:5px 5px 5px 15px; ">Важная тема</div>')  
  });  
   
  $('.threadPinnedLink').parent().parent().find('td').css({"background":"#ffeeee"});  
  $('.threadPinnedLink').parent().parent().find('td:eq(3)').css({"background":"#E7F5FF"})  
   
  $('.threadIcoTd img[title="Есть новые сообщения"]').each(function(){  
  $(this).parent().parent().find('.threadPinnedLink, .threadLink').after('<img style="float:right; margin:5px 10px;" title="Есть новые сообщения" src="http://zornet.ru/Fresa/Stunget/irc_protocol.png" border="0" alt="NewMessage">')  
  });  
  </script>  
  <style>  
  .threadNametd {padding-left:10px;}  
  .threadIcoTd, td[width="8%"] {display:none;}  
  </style>


Источник: http://webo4ka.ru/
14.12.2015 Просмотров: 554 Комментарий: (9)

Поделиться в социальных сетях

Материал разместил

Комментарий: 9
FeStemBer
FeStemBer 14.12.2015 17:561
0
Красиво сделано, но для широкого форуме, и главное простые темы также обведены.
Kvint
Kvint 14.12.2015 17:592
0
Что то не когда не задумывался об обозначение темы. Просто если важная, сейчас она совершенно другим цветом обозначена и всегда первая.
Kosten
Kosten 14.12.2015 18:013
0
Про горячею тему забыл, как видно что все захватывает, и есть ссылка на маленькую кнопку в скрипте, думаю тоже работает на какой то функций сайта.
Zismo-vk
Zismo-vk 18.12.2015 00:054
0
а что за дизайн стоит?
Kosten
Kosten 18.12.2015 00:155
0
Дизайн сайта почти такой же, это веб новичок, он сейчас тестовый.
Zismo-vk
Zismo-vk 18.12.2015 00:276
0
я имею виду это юкозовский дизайн?
Kvint
Kvint 18.12.2015 01:027
0
Zismo-vk, как видел сайт веб новичок, с первого взгляда понял, что на uCoz, так как рекламы много.
Zismo-vk
Zismo-vk 18.12.2015 12:228
0
Я не об этом я знаю что он юкозовский
Kosten
Kosten 18.12.2015 12:389
0
Да, это от системы uCoz стандартный дизайн.
avatar