[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
База полезных советов » Скрипты для uCoz » Скрипты для uCoz » Мини-профиль при наведении на логин (как на DLE)
Мини-профиль при наведении на логин (как на DLE)
bestsoftДата: Понедельник, 14.06.2010, 18:15 | Сообщение # 1
Главный администратор
Группа: Владелец сайта
Сообщений: 224
Статус: Offline
Мини-профиль при наведении на логин (как на DLE)
Пример «Самые активные пользователи».

1. Создаём информер, раздел Пользователи, способ сортировки:(на Ваш выбор), количество материалов:(на Ваш выбор), количество колонок:(1)
2. Нажимаете кнопку «Управление дизайном информера». Заменяем всё на:

Code
<style type="text/css">
   .bubbleInfo{position: relative;}
   .popup{position: absolute; display: none; z-index: 50; }
   </style>

<a href="$PROFILE_URL$"class="noneline"><div class="bubbleInfo">
   <div class="trigger">$USERNAME$</div></a>
   <div class="popup"><table style="width: 181px; height: 216px; background-image: url(http://bestsoft.at.ua/Fon/Fon2.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://bestsoft.at.ua/Iconki-Forumu/NoAvatar.jpg); 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;">$LOAD_POSTS$</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>

3. В Панели управления заходите в Управление дизайном > Быстрая замена
Режим замены: Простой
Заменяете:

Code
</head>

На вот это:

Code
<script src="http://code.jquery.com/jquery-latest.pack.js" type="text/javascript"></script> <script src="http://bestsoft.at.ua/jquery.coda-bubble.js" type="text/javascript"></script></head>

4. Создаёте с помощью Конструктора глобальный блок и вставляете в него код информера.


Ваши благодарности – в "Репутацию" и "Награды"!


ПРИ КОПИРОВАНИИ МАТЕРИАЛА - ССЫЛКА НА САЙТ ОБЯЗАТЕЛЬНА!
 
База полезных советов » Скрипты для uCoz » Скрипты для uCoz » Мини-профиль при наведении на логин (как на DLE)
Страница 1 из 11
Поиск: