Форум поддержки пользователей ZeroParking

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

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

Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3)

Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3)

Страница: 1

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

1

  • Автор: Romych
  • Странник
  • Romych
  • Зарегистрирован: 2010-02-14
  • Приглашений: 0
  • Сообщений: 107
  • Уважение: +67
  • Позитив: +4
  • Пол: Мужской
  • Провел на форуме:
    1 день 4 часа
  • Последний визит:
    2013-03-19 22:15:49

не дожидаясь реализации на сервисе API, решил немного поэкспериментировать ;)
и нацарапал скрипт, который выставляет при просмотре форумов аватары последним авторам в темах (по аналогии с ipb 3.2.3)

http://uploads.ru/t/P/F/9/PF9Af.png   http://uploads.ru/t/C/8/b/C8bYw.png

Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3)

в html-низ:

Код:
<script type="text/javascript">
$('div.forum tr, tr[id^="forum_f"]').map(function(){
var self = $(this).find('td.tcr a');
var lastor='<img style="float:left;margin:5px 7px 3px 3px;" width="24" height="24"';
var LastTema=$(this).find('td.tcr a').attr('href');
/* cкрипт запрещен администрацией сервиса */
function getLastPoster(data){
$(data).find('div[class$="endpost"]').each(function(){ 
var LastPosterAva=$(this).find('li.pa-avatar img').attr('src');
if (LastPosterAva==undefined){LastPosterAva='http://petushki-city.ru/files/0002/10/47/50167.gif'};
lastor +='alt="Аватар" src="'+LastPosterAva+'">';
self.prepend(lastor);
}); } }); 
</script>

скрипт включает в себя аватар по-умолчанию, тем у кого его нет в профиле

Теги: Скрипты

+2

2

  • Автор: клевер
  • Форумчанин
  • клевер
  • Зарегистрирован: 2012-02-17
  • Приглашений: 0
  • Сообщений: 66
  • Уважение: +8
  • Позитив: +9
  • Пол: Женский
  • Возраст: 33 [1991-08-23]
  • Провел на форуме:
    17 часов 17 минут
  • Последний визит:
    2012-11-23 23:58:19

а можно сделать так, чтобы аватар был полупрозрачный, а при наведении становился нормальным?

вставила вот так, но не работает:

<script type="text/javascript">
$('div.forum tr, tr[id^="forum_f"]').map(function(){
var self = $(this).find('td.tcr a');
var lastor='<img style="float:left;margin:5px 7px 3px 3px;" width="30" height="30"; "opacity:0.25;filter:alpha(opacity=25)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" ;
var LastTema=$(this).find('td.tcr a').attr('href');
/* cкрипт запрещен администрацией сервиса */
function getLastPoster(data){
$(data).find('div[class$="endpost"]').each(function(){
var LastPosterAva=$(this).find('li.pa-avatar img').attr('src');
if (LastPosterAva==undefined){LastPosterAva='http://petushki-city.ru/files/0002/10/47/50167.gif'};
lastor +='alt="Аватар" src="'+LastPosterAva+'">';
self.prepend(lastor);
}); } });
</script>

Отредактировано клевер (2012-03-29 00:20:19)

0

3

  • Автор: Deff
  • Помощник ZeroParking
  • Зарегистрирован: 2010-09-17
  • Приглашений: 0
  • Сообщений: 3019
  • Уважение: +912
  • Позитив: +117
  • Провел на форуме:
    1 месяц 4 дня
  • Последний визит:
    2014-03-14 16:00:36

клевер

Код:
<script type="text/javascript">
$('div.forum tr, tr[id^="forum_f"]').map(function(){
var self = $(this).find('td.tcr a');
var lastor='<img style="float:left;margin:5px 7px 3px 3px;opacity:0.25"  onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" width="24" height="24"';
var LastTema=$(this).find('td.tcr a').attr('href');
/* cкрипт запрещен администрацией сервиса */
function getLastPoster(data){
$(data).find('div[class$="endpost"]').each(function(){ 
var LastPosterAva=$(this).find('li.pa-avatar img').attr('src');
if (LastPosterAva==undefined){LastPosterAva='http://petushki-city.ru/files/0002/10/47/50167.gif'};
lastor +='alt="Аватар" src="'+LastPosterAva+'">';
self.prepend(lastor);
}); } }); 
</script>

+1

4

  • Автор: Romych
  • Странник
  • Romych
  • Зарегистрирован: 2010-02-14
  • Приглашений: 0
  • Сообщений: 107
  • Уважение: +67
  • Позитив: +4
  • Пол: Мужской
  • Провел на форуме:
    1 день 4 часа
  • Последний визит:
    2013-03-19 22:15:49

небольшое продолжение для предыдущего моего скрипта - Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3)
это всплывающий "минипрофиль" тоже по аналогии с коммерческими форумными движками ipb 3.2.3 и XenForo, минипрофиль конечно не такой подробный как у них, но нужную информацию выводит,
минипрофиль всплывает при наведении курсора не на имя последнего автора, а на его аватар (скрипт объединён со скриптом Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3), повторюсь это его продолжение, так сказать следующая, более расширенная версия

http://uploads.ru/t/e/f/r/efrGE.png

Всплывающий минипрофиль автора последнего сообщения

Код:
<script type="text/javascript">
$('img.live-tipsy').tipsy({live: true, gravity: 's', fade: true, html: true, opacity: 1});
$('div.forum tr, tr[id^="forum_f"]').map(function(){
var self = $(this).find('td.tcr a');
var lastor='<img style="float:left;margin:5px 7px 3px 3px;" width="24" height="24"';
var LastTema=$(this).find('td.tcr a').attr('href');
/* cкрипт запрещен администрацией сервиса */
function getLastPoster(data){
$(data).find('div[class$="endpost"]').each(function(){ 
var LastPosterAva=$(this).find('li.pa-avatar img').attr('src');
if (LastPosterAva==undefined){LastPosterAva='http://petushki-city.ru/files/0002/10/47/50167.gif'};
var MiniProf=$(this).find('div.post-author').text();
stroka = /\n(.*?)\n/gim; var Prof=MiniProf.replace(stroka, "<li style='list-style-type:none;'>$1</li>");
lastor +='alt="Аватар" src="'+LastPosterAva+'" class="live-tipsy" original-title="<table style=\'background: #36648B;-moz-border-radius:3px;border-radius:3px;khtml-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow: inset 0 0 5em #1C1C1C;-webkit-box-shadow: inset 0 0 5em #1C1C1C;box-shadow: inset 0 0 5em #1C1C1C;filter: progid:DXImageTransform.Microsoft.Shadow(color=#1C1C1C, Direction=145, Strength=3);border-spacing:12px;\'><tr><td><img src=\' '+LastPosterAva+' \' style=\' float:left;margin:5px 7px 3px 3px;border:medium solid #87CEFA;\' ></td><td> '+Prof+'</td></tr></table>">';
self.prepend(lastor);
}); } }); 
</script>

стиль оформления всплывающего минипрофиля можно настроить как вам по душе

фон, размер рамки, цвет и прочее настраиваются в этой строке

lastor +='alt="Аватар" src="'+LastPosterAva+'" class="live-tipsy" original-title="<table style=\'background: #36648B;-moz-border-radius:3px;border-radius:3px;khtml-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow: inset 0 0 5em #1C1C1C;-webkit-box-shadow: inset 0 0 5em #1C1C1C;box-shadow: inset 0 0 5em #1C1C1C;filter: progid:DXImageTransform.Microsoft.Shadow(color=#1C1C1C, Direction=145, Strength=3);border-spacing:12px;\'><tr><td><img src=\' '+LastPosterAva+' \' style=\' float:left;margin:5px 7px 3px 3px;border:medium solid #87CEFA;\' ></td><td> '+Prof+'</td></tr></table>">';

минипрофиль размещён в всплывающей подсказке, плагин которого присутствует на сервисе по-умолчанию, его стиль так же можно настроить отдельно

Код:
<style type="text/css">
.tipsy-inner {font-size:14px!important;max-width:420px !important; text-align: left !important;}
</style>

0

5

  • Автор: karambax
  • Новичок
  • Зарегистрирован: 2012-04-27
  • Приглашений: 0
  • Сообщений: 1
  • Уважение: 0
  • Позитив: 0
  • Провел на форуме:
    5 минут
  • Последний визит:
    2012-04-27 10:56:15
Romych написал(а):

небольшое продолжение для предыдущего моего скрипта - Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3)
это всплывающий "минипрофиль" тоже по аналогии с коммерческими форумными движками ipb 3.2.3 и XenForo, минипрофиль конечно не такой подробный как у них, но нужную информацию выводит,
минипрофиль всплывает при наведении курсора не на имя последнего автора, а на его аватар (скрипт объединён со скриптом Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3), повторюсь это его продолжение, так сказать следующая, более расширенная версия

http://uploads.ru/t/e/f/r/efrGE.png

Всплывающий минипрофиль автора последнего сообщения
Выделить код

<script type="text/javascript">
$('img.live-tipsy').tipsy({live: true, gravity: 's', fade: true, html: true, opacity: 1});
$('div.forum tr, tr[id^="forum_f"]').map(function(){
var self = $(this).find('td.tcr a');
var lastor='<img style="float:left;margin:5px 7px 3px 3px;" width="24" height="24"';
var LastTema=$(this).find('td.tcr a').attr('href');
/* cкрипт запрещен администрацией сервиса */
function getLastPoster(data){
$(data).find('div[class$="endpost"]').each(function(){
var LastPosterAva=$(this).find('li.pa-avatar img').attr('src');
if (LastPosterAva==undefined){LastPosterAva='http://petushki-city.ru/files/0002/10/47/50167.gif'};
var MiniProf=$(this).find('div.post-author').text();
stroka = /\n(.*?)\n/gim; var Prof=MiniProf.replace(stroka, "<li style='list-style-type:none;'>$1</li>");
lastor +='alt="Аватар" src="'+LastPosterAva+'" class="live-tipsy" original-title="<table style=\'background: #36648B;-moz-border-radius:3px;border-radius:3px;khtml-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow: inset 0 0 5em #1C1C1C;-webkit-box-shadow: inset 0 0 5em #1C1C1C;box-shadow: inset 0 0 5em #1C1C1C;filter: progid:DXImageTransform.Microsoft.Shadow(color=#1C1C1C, Direction=145, Strength=3);border-spacing:12px;\'><tr><td><img src=\' '+LastPosterAva+' \' style=\' float:left;margin:5px 7px 3px 3px;border:medium solid #87CEFA;\' ></td><td> '+Prof+'</td></tr></table>">';
self.prepend(lastor);
}); } });
</script>

стиль оформления всплывающего минипрофиля можно настроить как вам по душе

фон, размер рамки, цвет и прочее настраиваются в этой строке

    lastor +='alt="Аватар" src="'+LastPosterAva+'" class="live-tipsy" original-title="<table style=\'background: #36648B;-moz-border-radius:3px;border-radius:3px;khtml-border-radius:3px;-webkit-border-radius:3px;-moz-box-shadow: inset 0 0 5em #1C1C1C;-webkit-box-shadow: inset 0 0 5em #1C1C1C;box-shadow: inset 0 0 5em #1C1C1C;filter: progid:DXImageTransform.Microsoft.Shadow(color=#1C1C1C, Direction=145, Strength=3);border-spacing:12px;\'><tr><td><img src=\' '+LastPosterAva+' \' style=\' float:left;margin:5px 7px 3px 3px;border:medium solid #87CEFA;\' ></td><td> '+Prof+'</td></tr></table>">';

минипрофиль размещён в всплывающей подсказке, плагин которого присутствует на сервисе по-умолчанию, его стиль так же можно настроить отдельно
Выделить код

<style type="text/css">
.tipsy-inner {font-size:14px!important;max-width:420px !important; text-align: left !important;}
</style>

Romych, пытаюсь повторить этот маневр для аватаров в wordpress. Как я понимаю, вы используете скрипт tipsy, не могли бы вы подсказать, как подстроить этот tipsy под следующую схему (названия ф-ий просто для нагдядности):

<div class="avatar"> <a href="<?php user_link(); ?>" title="<?php user_name(); ?>"><?php user_avatar(); ?></a> </div>

Спасибо!

Отредактировано karambax (2012-04-27 10:56:13)

0

Страница: 1

Вы здесь » Форум поддержки пользователей ZeroParking » Галерея скриптов » Аватар последнего автора перед ссылкой на тему (аналог ipb 3.2.3)

Рейтинг форумов | Создать форум бесплатно