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р*
В стоимость входит настройка и корректировка дизайна.

Подробнее

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

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

Предложения

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

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



Иконка на аватар пользователю онлайн

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

1

Иконка на аватар пользователю онлайн
Отображает заданную иконку поверх аватарки пользователя, прибывающего онлайн на форуме.

http://s0.uploads.ru/t/ihICU.png

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

В HTML низ (или в HTML в форму Ответа

Код:
<script>
$(document).ready(function(){GifArray=new Array("http://savepic.org/1641759.png")
   var imgURL;var i;var x;var y;
   var ss0="<img class=\"dopimg\" src=\"",ss1="\" alt=\"Доп.Img\" style=\"/*display:block;*/margin:12px 35px -12px -35px;\"/>";
    $("div.post-author ul li img[alt]").each(function () {
      if($(this).parents("ul:first").find(".pa-online").html()!=null){
      $(this).wrap("<div class=avva></div>"); x = this.offsetWidth;
      inb = $(this).parent().get(0).tagName;
      i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
      $(this).after(ss0+i+ss1);};});});
</script><!--Конец//Смайлы в Аватар-->

35 -35 смещение иконки влево ( надвижка на Аватар) - значения равные но противоположные по знаку


Иконка "Онлайн" на Аватаре, в зависимости от статуса
Автор: Deff

В HTML низ

<script>
    var ImgStat = new Array(
    /* Название  | Cсылка на картинку */
    'Стремящийся','http://savepic.net/1742562.png',
    'Cтарожил','http://savepic.net/1722082.png',
    'Знающий','http://savepic.net/1730274.png',
    'Новичок','http://savepic.net/1711844.png' //Последний элемент без запятой

    )

       var ss1=" style=\"/*display:block;*/margin:12px 35px -12px -35px;\"/>";
    $(".post .post-author li img[alt='Аватар']").each(function () {
    var imgOn1='';
    var Re=$(this).parents("ul:first");
    if(Re.find(".pa-online").html()!=null){
    for(i=0; i<ImgStat.length; i+=2){
    Re.find("li.pa-title:contains('"+ImgStat[i]+"')").each(function () {
    imgOn1='<img src="'+ImgStat[i+1]+'" title="'+ImgStat[i]+'" ';
    });};
    if(imgOn1){
          $(this).wrap("<div class=avva></div>");
          $(this).after(imgOn1+ss1);}
    }
    });
    </script>

Красным - Точное название статуса + Ссылка на картинку Оnline для этого статуса
кол-во строк со статусами и картинками размножаем, последняя строка в конце без запятой

Учитывайте - если статус прописан вручную - его тоже нужно вносить - иначе останется без картинки
Скрипт чисто считывает название статуса и ищет к нему картинку

Отредактировано Nikodima (26.06.2015 02:56:34)

0

2

У меня не отображается иконка.
Ссылка

0

3

Danessa -Поправил

<script>
$(document).ready(function(){GifArray=new Array("http://savepic.org/1641759.png")
   var imgURL;var i;var x;var y;
   var ss0="<img class=\"dopimg\" src=\"",ss1="\" alt=\"Доп.Img\" style=\"/*display:block;*/margin:12px 35px -12px -35px;\"/>";
    $("div.post-author ul li img[alt]").each(function () {
      if($(this).parents("ul:first").find(".pa-online").html()!=null){
      $(this).wrap("<div class=avva></div>"); x = this.offsetWidth;
      inb = $(this).parent().get(0).tagName;
      i=GifArray[Math.round(Math.random()*(GifArray.length-1))];
      $(this).after(ss0+i+ss1);};});});
</script><!--Конец//Смайлы в Аватар-->
35 -35 смещение иконки влево ( надвижка на Аватар) - значения равные но противоположные по знаку

+1

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

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


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

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