Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

Страница 3 из 3 Предыдущий  1, 2, 3

Предыдущая тема Следующая тема Перейти вниз

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

Сообщение автор Luz в Чт 13 Сен - 17:19

Первое сообщение в теме :


Как это выглядит

Данный туториал позволяет показывать аватары авторов последних сообщений в оглавлении форума, рядом со ссылкой на последнее сообщение. При наведении мышкой на изображение аватара, оно увеличивается. С помощью настроек 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;
        }

Внимание: в слишком старых версиях браузеров данный способ может не сработать.

Если после установки скрипта аватарки сразу не появляются, или загружаются не все — очистите кэш!



© Данный способ разработан штатом форумов поддержки FOROACTIVO.COM и FORUMACTIF.COM (в частности администратором Celina) . Любая публикация этого материала без разрешения администрации help.forum2x2.ru запрещается.


Последний раз редактировалось: Luz (Вт 30 Окт - 18:15), всего редактировалось 2 раз(а)

Luz
Администратор
Администратор

Женщина

Сообщения : 16453
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз


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

Сообщение автор Муха в Вт 16 Окт - 17:38

@Chernov пишет:Так у меня прошли изменения через час, но в худшую сторону, т.е. абсолютно всё пропало!
http://e-generation.forum2x2.ru/
КА-РА-УЛ!!!
Всё пропало шеф! Всё пропало! (с.) pardon

Я у вас все авы вижу

Муха
 

Сообщения : 495
Регистрация : 2012-10-06

http://ledichi.2x2forum.com

Вернуться к началу Перейти вниз

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

Сообщение автор Chernov в Вт 16 Окт - 22:07

@Luz пишет:
Уважаемые МОДЕРНИЗАТОРЫ!
Если Вы предлагаете новшество, так отработайте его так, чтобы другие не мучились.
Данный скрипт разработан такими же пользователями, как и вы, активно помогающими на форумах поддержки. Речь не идет о какой-то новой функции, предлагаемой сервисом, но об интересном решении, предложенном самими же пользователями, разбирающимися в создании кодом Javascript. Работа скрипта проверена в принципе на всех основных современных браузерах и практически у всех работает без проблем. Но при этом никто не может обеспечить техническую поддержку по этому скрипту, как это сделали бы профессиональные разработчики pardon

Вообще-то за такие разработки ноги надо выдёргивать... korsar
Все талдычать о кэш и о браузере...
Но причём же здесь это...
Если я поменял аватару, то у меня везде она поменялась и в списке пользователей, и в сообщениях. Только в оглавлении не поменялась... Что за дурость?
Здесь пишут, что кто-то там всё видит, но почему я не вижу?
Надо, чтоб разработчик, покрайней мере, объяснил:
Почему так тупо работает? yahoo

Chernov
 

Мужчина

Сообщения : 190
Регистрация : 2012-05-20
Благодарности : 3

Без предупреждений

http://e-generation.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Муха в Вт 16 Окт - 22:30

@Chernov пишет:
Вообще-то за такие разработки ноги надо выдёргивать... korsar
Все талдычать о кэш и о браузере...
Но причём же здесь это...
Если я поменял аватару, то у меня везде она поменялась и в списке пользователей, и в сообщениях. Только в оглавлении не поменялась... Что за дурость?
Здесь пишут, что кто-то там всё видит, но почему я не вижу?
Надо, чтоб разработчик, покрайней мере, объяснил:
Почему так тупо работает? yahoo
Я бы за такие сообщения ноги выдёргивала. zvezda (или зубы, без наркоза... мелочь-а прияааатнааа zvezda )

У вас же заработало, в чём проблема?

Муха
 

Женщина

Сообщения : 495
Возраст : 40
Регистрация : 2012-10-06
Благодарности : 84

Без предупреждений

http://ledichi.2x2forum.com

Вернуться к началу Перейти вниз

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

Сообщение автор Luz в Чт 18 Окт - 13:20

Уважаемые пользователи!

Особенно те, кто по-прежнему не видит аватары или чьи пользователи жалуются , что не видят их.

Попробуйте поставить в ПА - Управление кодами JS новый, доработанный вариант скрипта :


Код:
$(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);
                };
           
            });



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Luz
Администратор
Администратор

Женщина

Сообщения : 16453
Возраст : 42
Регистрация : 2005-03-01
Благодарности : 2550

Без предупреждений

http://help.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Привидение с мотором в Чт 18 Окт - 16:02

Отличная идея и исполнение! Все работает, большое спасибо!

Единственное... а нельзя ли как-нибудь сделать так, чтобы аватары на главной отображались в черно-белом варианте или еще в каком-нибудь, сине-белом, сепия.
А то слишком цветасто получается на главной. В глазах рябит.)

Привидение с мотором
Новичок

Сообщения : 5
Регистрация : 2011-11-09
Благодарности : 0

Без предупреждений

http://tomatoes.gip-gip.ru/

Вернуться к началу Перейти вниз

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

Сообщение автор Муха в Чт 18 Окт - 16:32

О, потопчусь в сторонке, послушаю... thank

Муха
 

Женщина

Сообщения : 495
Возраст : 40
Регистрация : 2012-10-06
Благодарности : 84

Без предупреждений

http://ledichi.2x2forum.com

Вернуться к началу Перейти вниз

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

Сообщение автор Chernov в Чт 18 Окт - 17:04

@Luz пишет:Уважаемые пользователи!
Особенно те, кто по-прежнему не видит аватары или чьи пользователи жалуются , что не видят их.
Попробуйте поставить в ПА - Управление кодами JS новый, доработанный вариант скрипта :


Силуаты стали сбрасываться. ЭТО ХОРОШО!
Но аватары так же не заменяются при их коррекции.

Время КЭШ 24*60*60*1000 заменил на 60*1000

Всё стало работать как надо!!!

Но может есть подводные камни?

Chernov
 

Мужчина

Сообщения : 190
Регистрация : 2012-05-20
Благодарности : 3

Без предупреждений

http://e-generation.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Chernov в Чт 18 Окт - 17:18

@Привидение с мотором пишет:Единственное... а нельзя ли как-нибудь сделать так, чтобы аватары на главной отображались в черно-белом варианте или еще в каком-нибудь, сине-белом, сепия.
А то слишком цветасто получается на главной. В глазах рябит.)

Попробуйте в CSS уменьшить высоту до 27, а ширину закомментировать. Этим будет соблюдена пропорция.
Посмотрите, как у меня: http://e-generation.forum2x2.ru/

Chernov
 

Мужчина

Сообщения : 190
Регистрация : 2012-05-20
Благодарности : 3

Без предупреждений

http://e-generation.forum2x2.ru

Вернуться к началу Перейти вниз

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

Сообщение автор Муха в Сб 20 Окт - 13:34

@Привидение с мотором пишет:....
а нельзя ли как-нибудь сделать так, чтобы аватары на главной отображались в черно-белом варианте или еще в каком-нибудь, сине-белом, сепия.
@Муха пишет:О, потопчусь в сторонке, послушаю... thank

Скажите, нет никаких новостей о монохромном отображении миниав на стартовой? blush

Муха
 

Женщина

Сообщения : 495
Возраст : 40
Регистрация : 2012-10-06
Благодарности : 84

Без предупреждений

http://ledichi.2x2forum.com

Вернуться к началу Перейти вниз

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

Сообщение автор Dana Domirani в Сб 20 Окт - 14:51

а нельзя ли как-нибудь сделать так, чтобы аватары на главной отображались в черно-белом варианте
Вообще — можно, если поддерживается спецификация HTML5. Могу даже подсказать, где искать ответ



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22174
Возраст : 32
Регистрация : 2008-04-18
Благодарности : 8910

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

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

Сообщение автор Привидение с мотором в Сб 27 Окт - 13:38

@Dana Domirani пишет:Вообще — можно, если поддерживается спецификация HTML5. Могу даже подсказать, где искать ответ
Для меня там темный лес.) Вот если бы специалист подсказал как прикрутить этот grayscale.js к предложенной идее с аватарами.)

Привидение с мотором
Новичок

Сообщения : 5
Регистрация : 2011-11-09
Благодарности : 0

Без предупреждений

http://tomatoes.gip-gip.ru/

Вернуться к началу Перейти вниз

Страница 3 из 3 Предыдущий  1, 2, 3

Предыдущая тема Следующая тема Вернуться к началу

- Похожие темы

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