Главная » 2010 » Октябрь » 3 » Информация профиля как на DLE
01:22:35
Информация профиля как на DLE
Чтобы скачивать файлы с сайта вы должны Войти или Зарегистрироваться!

Информация профиля как на DLE
Так называемая панель опций пользователя,добавившего материал.
При нажатии на пользователя,добавившего материал "вылазит" окошко,где можно Просмотреть профиль,найти все публикации и отправить сообщение Пользователю,добавившему материал.
Так же эту панель можно закрыть,нажав крестик в верхнем правом углу,дизайн и цвета можно настроить под себя.

Установка:
Дизайн - Управление дизайном (шаблоны) - Модуль,куда будим ставить скрипт - Вид материалов
В самом верху ставим:

Code
<script type="text/javascript" src="/js/udleinf.js"></script>

Далее тут же ищем:

Code
Добавил: $USERNAME$

И заменяем на:

Code
Добавил: <span style='cursor: pointer;' onclick='show_bar(event, $UID$)'><b>$USERNAME$</b></span>  
<table id="win_$UID$" onclick='hide_bar($UID$)' style='background: #6497ca; position:absolute; visibility:hidden; filter:alpha(opacity=95); opacity: 0.95; width: 200px; border: 1px solid #ffffff;'>  
<tr><td style="text-align: right;"><img onclick='hide_bar($UID$)' src="/images/close.gif" border="0" title="Закрыть информацию."></td></tr>  
<tr><td onmouseover="this.bgColor='#aad3fb';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/8-$UID$" target="_blank">Просмотр профиля</a></td></tr>  
<tr><td onmouseover="this.bgColor='#aad3fb';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/news/0-0-0-0-17-$UID$" target="_blank">Найти все публикации</a></td></tr>  
<tr><td onmouseover="this.bgColor='#aad3fb';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/14-$USERNAME$-0-1" target="_blank">Отправить сообщение</a></td></tr>  
</table>

В коде:
#ffffff - цвет обводки
#6497ca - фон панельки
#aad3fb - фон ссылки при наведении
#6497ca - фон ссылки вне курсора мыши

Далее идём Страница материала и комментариев к нему (этого же модуля)
Между <head> И </head> ставим:

Code
<script type="text/javascript" src="/js/udleinf.js"></script>

Затем ищем:

Code
Добавил: $USERNAME$

И заменяем на:

Code
Добавил: <span style='cursor: pointer;' onclick='show_bar(event, $UID$)'><b>$USERNAME$</b></span>  
<table id="win_$UID$" onclick='hide_bar($UID$)' style='background: #6497ca; position:absolute; visibility:hidden; filter:alpha(opacity=95); opacity: 0.95; width: 200px; border: 1px solid #ffffff;'>  
<tr><td style="text-align: right;"><img onclick='hide_bar($UID$)' src="/images/close.gif" border="0" title="Закрыть информацию."></td></tr>  
<tr><td onmouseover="this.bgColor='#aad3fb';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/8-$UID$" target="_blank">Просмотр профиля</a></td></tr>  
<tr><td onmouseover="this.bgColor='#aad3fb';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/news/0-0-0-0-17-$UID$" target="_blank">Найти все публикации</a></td></tr>  
<tr><td onmouseover="this.bgColor='#aad3fb';" onmouseout="this.bgColor='#6497ca';" style="padding: 5px; border: 1px solid #ffffff;"><a class="udleinf" href="/index/14-$USERNAME$-0-1" target="_blank">Отправить сообщение</a></td></tr>  
</table>

Идём Дизайн - Управление дизайном (CSS) и в самый низ ставим:

Code
/* Style User DLE info by BENQ */  
a.udleinf:link {text-decoration:none; color:#ffffff; font-weight:bold; font-family:Tahoma;}  
a.udleinf:active {text-decoration:none; color:#ffffff; font-weight:bold;}  
a.udleinf:visited {text-decoration:none; color:#ffffff; font-weight:bold;}  
a.udleinf:hover {text-decoration:underline; color:#ffffff; font-weight:bold;}  
/* ------------- */

В корне сайта создаём папку js и заливаем туда файл udleinf.js из архива,
в корне сайта создаём папку images и заливаем туда картинку из архива close.gif

Скрипты для uCoz | Просмотров: 655 | Добавил: RAIDER
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]