Аватар і дані про користувача при наведенні на ник - Форум

DVI

Неділя, 11.12.2016, 13.47.38
[ Нові повідомлення · Учасники · Правила форуму · Пошук · RSS ]
Сторінка 1 з 11
Форум » Скрипти » Скрипти » Аватар і дані про користувача при наведенні на ник
Аватар і дані про користувача при наведенні на ник
dviДата: Понеділок, 11.01.2010, 18.25.35 | Повідомлення # 1
Бог :-)
Група: Адміністратори
Повідомлення: 77Репутація: 32767  ±
Зауваження:  ±
Статус: Оффлайн

1.Створюємо інформер |Розділ Користувачі | Спосіб сортування:(який Вам завгодно) | Кількість матеріалів:(будь-яке) | Кількість колонок:(1 або 2)
Далі все в шаблоні інформера замінюваний на
Code
<style type="text/css">  
     .bubbleInfo{position: relative;}  
     .popup{position: absolute; display: none; z-index: 50; }  
     </style>  

<a href="$PROFILE_URL$"><div class="bubbleInfo">  
     <div class="trigger">$USERNAME$</div></a>  
     <div class="popup"><table style="width: 181px; height: 216px; background-image: url(http://romale80.ucoz.ru/okno/fon.png); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; border-collapse: collapse;" align="" width=""><tbody><tr><td style="text-align: left; vertical-align: middle; padding-top: 5px; letter-spacing: 0pt; word-spacing: 0pt;"><table style="width: 100px; height: 100px; background-image: url(http://romale80.ucoz.ru/okno/noavatar.png); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; border-collapse: collapse;" align="center" width=""><tbody><tr><td><img alt="" src="$AVATAR_URL$" border="0" height="100" width="100"></td></tr></tbody></table><table style="width: 100%; border-collapse: collapse;"><tbody><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Ник:</b></span> <span style="font-size: 8pt;">$USERNAME$</span><br></td></tr><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Группа:</b></span> <span style="font-size: 8pt; color: rgb(255, 0, 0);">$GROUP_NAME$</span><br></td></tr><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Страна:</b></span> <span style="font-size: 8pt;">$COUNTRY$</span><br></td></tr><tr><td colspan="1" style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>С нами с</b></span> <span style="font-size: 8pt;">$REG_DATE$</span><br></td></tr><tr><td style="padding: 1px 5px 1px 8px; text-align: left; vertical-align: middle; letter-spacing: 0pt; word-spacing: 0pt;"><span style="font-size: 8pt;"><b>Новостей:</b></span> <span style="font-size: 8pt;">$NEWS_POSTS$</span><br></td></tr></tbody></table><br></td></tr></tbody></table></div>  
</div>

2.У ПУ заходимо в Управління дизайном | Швидка заміна
Режим заміни: Простий
Що замінити

Code
</head>

На що замінити:

Code
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script> <script src="http://romale80.ucoz.ru/okno/jquery.coda-bubble.sp.js" type="text/javascript"></script></head>

3.Вставляємо код Вашого інформера наприклад в статистику(із заголовком наприклад "Кращі користувачі") або в новий блок(на що вистачить Вашої фантазії)

Форум » Скрипти » Скрипти » Аватар і дані про користувача при наведенні на ник
Сторінка 1 з 11
Пошук: