РЕАЛИЗОВАНО ЧЕРЕЗ CSS: Индивидуальные иконки к определенным форумам

Своя иконка к каждому форуму
Добавляет индивидуальную иконку к каждому форуму со ссылкой на заданную тему (например, навигация или правила к данному форуму).

Автор: Deff

скрипт

В описания к форумам, которым нужно добавить свои Иконки, добавляем такой код:

<img class="MyForIcon" src="http://forum.mybb.ru/img/smilies/MyBB/light/glasses.gif"/>
    <a class="ForRules" href="http://forum.mybb.ru/viewtopic.php?id=26592"></a>

Первая строка - картинка ссылка на Свою Иконку к данному форуму;
Вторая строка - ccылка на Главную тему (Правила или Навигацию по данному форуму), данная строка может и отсутствовать.

В HTML верх:

Код:
<style>.MyForIcon,.ForRules{display:none;}</style>

В HTML низ:

<style> /*Cтиль доп.иконки нового сообщения*/
.ImgInew {
  display:block;
  position:relative;
  margin:-8px -40px 0 40px;
}
</style>
<script>
var ImgInew='<img align=left class="ImgInew" src="http://savepic.net/1201727.gif" width="18" height="18"/>';
$("div.category. tr[id^='forum_']").each(function (){
var L=$(this).find(".intd div.icon"),B=$(this).find(".tclcon .MyForIcon").attr("src"),
   C=$(this).find(".tclcon .ForRules").attr("href");
if(B!=undefined){if($(this).hasClass("inew")==true){L.append(ImgInew)};
   L.css({"background-image":"url("+B+")"}); if(C!=undefined){L.wrap('<a class="ForAndRules" href="'+C+'"></a>')};};});
</script>

Красным - регулировки мини-иконки Нового Сообщения и ссылка на мини-иконку нового сообщения

Отредактировано Герда (20.05.13 07:52)