• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Темы форума в разном оттенке цвета по важности
Темы форума в разном оттенке цвета по важности
Kosten
Суббота, 02 Января 2016 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Просто делаем и в тоже время делим темы на форуме по их важности и нам об этом будет говорить кнопка, которая будет прямо в ней. Так же все имеет свой оттенок цвета, это как если важная, то красная, или к примеру вверх поднятая, то зеленая или простая, которая идет в серой гамме цвета.



Установка:
Данный скрипт вставить после $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/Ajaxoskrip/Fyrkes/irc_protocol.png" border="0" alt="NewMessage">')
});
</script>
<style>
.threadNametd {padding-left:10px;}
.threadIcoTd, td[width="8%"] {display:none;}
</style>


Источник: webo4ka.ru
Прикрепления: 8983512.png (56.9 Kb)
Страна: (RU)
frecsarg
Пятница, 26 Февраля 2016 | Сообщение 2
Оффлайн
Пользователи
Сообщений:13
Награды: 0
Веюочка постоянно что то придумывает с километровыми кодами. biggrin
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Темы форума в разном оттенке цвета по важности
  • Страница 1 из 1
  • 1
Поиск: