Вы не подключены. Войдите или зарегистрируйтесь

Предыдущая тема Следующая тема Перейти вниз  Сообщение [Страница 1 из 1]

Admin

avatar

Создательфорума
Создательфорума
Аватар возле последнего сообщения в оглавлении форума


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

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Вариант для всех версий форумов

1. JAVASCRIPT
В ПА > Модули > Управление кодами JS
укажите "Активировать управление кодами Javascript :да"
и создайте новый файл

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]

Название : любое (напр., "Аватары на главной")
Расположение : в оглавлении
Код Javascript :

Код:
 $(function(){
       
            if(!window.localStorage) return;
       
            // Аватар по умолчанию
            var default_avatar= 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
       
            // Время кэширования,  здесь 24 h * 60 m * 60 s * 1000 ms то есть один день
            var caching_time= 24*60*60*1000;
       
            // Время кэширования ошибки, здесь 60 s * 1000 ms то есть одна минута
            var caching_error= 60*1000;
       
            var set_avatar= function(id) {
                $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
            };
       
            var get_avatar= function(id) {
                if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
                {
                    localStorage.setItem('d_ava'+id, default_avatar);
                    $.get('/u'+id, function (d){
                        localStorage.setItem('t_ava'+id,+new Date);
                        localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                        set_avatar(id);
                    });
                }
                return localStorage.getItem('d_ava'+id);
            };
       
            var to_replace= {};
       
            $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
                to_replace[$(this).attr('href').substr(2)]= 1;
                $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
            });
       
            for(i in to_replace)
            {
                set_avatar(i);
            };
       
        });

2. CSS
В CSS (ПА > Оформление > Управление картинками и цветами > Цвета > Каскадная таблица СSS) добавьте:

Код:
.mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 1s;
          -moz-transition: all 1s;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение] Внимание: в слишком старых версиях браузеров данный способ может не сработать.

[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]Если после установки скрипта аватарки сразу не появляются, или загружаются не все — .[Вы должны быть зарегистрированы и подключены, чтобы видеть эту ссылку]

Источник

http://forum.fanbb.net

Геннадий Эдуардович

avatar

Пользователь
Пользователь
Да это оно, спасибо, но к сожалению не для моего движка...


_________________
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
http://kinoforum123.mybb.ru/

Admin

avatar

Создательфорума
Создательфорума
Геннадий Эдуардович пишет: но к сожалению не для моего движка...
ну тогды меняй движок .

http://forum.fanbb.net

Геннадий Эдуардович

avatar

Пользователь
Пользователь
Admin пишет:ну тогды меняй движок .
Неа, спасибо...


_________________
[Вы должны быть зарегистрированы и подключены, чтобы видеть это изображение]
http://kinoforum123.mybb.ru/

Admin

avatar

Создательфорума
Создательфорума
Обратись к Юре может поможет чем .

http://forum.fanbb.net

Спонсируемый контент


Предыдущая тема Следующая тема Вернуться к началу  Сообщение [Страница 1 из 1]

Права доступа к этому форуму:
Вы не можете отвечать на сообщения