Файлы: 857 Видео: 13 Комментарии: 242 Статьи: 306 Новости: 155 Форум: 39179 Пользователи: 3407 + 0 |Добавить на сайт ...

Новое на форуме Новые статьи Мини профиль

119way-Apollo

Nameless

Naomi KOF

119way-kula

[ Обновленные темы · Новые сообщения · Участники · Правила форума · Поиск · RSS ]

Страница 1 из 1
1

MUGEN WORKS - ANIME,CHARACTERS,STAGES,SCREENPACK,LIFEBAR » Технический раздел » Скрипты для uCoz » Дополнительная панель информации для форума

Дополнительная панель информации для форума

Manoichi

Дата: Понедельник, 15.07.2013, 21:05 | Сообщение # 1

Легенда
5095Сообщений:
4 +Награды:

Этот дополнительный бар состоит из пяти кнопок: "Персональная страничка пользователя", "Отправка личного сообщения", "ICQ", "Skype" и "Веб-сайт юзера". При нажатии на три последние из иконок будет выползать дополнительное окно с соответствующей информацией. А если поле, опять же этих трех кнопок, не заполнена, то кнопка (иконка) будет неактивной. В общем устанавливайте и оценивайте.

Установка

1. Для начала вам нужно активировать поле Skype, если оно не активировано. Делается это очень просто, но если вы не знаете как, то прочитайте специальный материал по этой теме. Займет это у вас не больше минуты.

2. Заходим в ПУ -> Управление дизайном -> Таблицу стилей CSS и вставляем следующее:

Код

.bg_icons {background: #e8e8e8; height:27px;display:inline-block;text-align:center;border:1px solid #d1d1d1; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;padding:0px 4px; font-family:verdana,arial,helvetica;font-size:8pt; color:#C8C8C8;}
a.ico_1 {background:url(http://7old.ru/ucoz-files/dop_pan/1.png) no-repeat 0 0px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px;}
a.ico_1:hover {background-position:0px -44px;}
a.ico_2 {background:url(http://7old.ru/ucoz-files/dop_pan/2.png) no-repeat 0 0px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px;}
a.ico_2:hover {background-position:0px -44px;cursor:pointer;}
a.ico_3 {background:url(http://7old.ru/ucoz-files/dop_pan/3.png) no-repeat 0 0px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px;}
a.ico_3:hover {background-position:0px -44px;cursor:pointer;}
a.ico_4 {background:url(http://7old.ru/ucoz-files/dop_pan/4.png) no-repeat 0 0px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px;}
a.ico_4:hover {background-position:0px -44px;cursor:pointer;}
a.ico_5 {background:url(http://7old.ru/ucoz-files/dop_pan/5.png) no-repeat 0 0px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px;}
a.ico_5:hover {background-position:0px -44px;cursor:pointer;}
a.ico_55 {background:url(http://7old.ru/ucoz-files/dop_pan/5.png) no-repeat 0 -22px;width:22px; height:23px;display:inline-block;*display:inline; margin-top:3px; cursor:default}
a.ico_44 {background:url(http://7old.ru/ucoz-files/dop_pan/4.png) no-repeat 0 -22px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px; cursor:default}
a.ico_33 {background:url(http://7old.ru/ucoz-files/dop_pan/3.png) no-repeat 0 -22px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px; cursor:default}
a.ico_22 {background:url(http://7old.ru/ucoz-files/dop_pan/2.png) no-repeat 0 -22px;width:22px; height:23px;display:inline-block;*display:inline;margin-top:3px; cursor:default}
.in_piu {background:#cccccc;border:1px solid #ababab;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; padding:5px; color:#202223; width:188px;}
.oa {padding:2px 0px 5px 5px;}

3. Далее переходим в Форум-> Вид материалов и вставляем следующий код туда, где хотим видеть эту панельку (либо после аватара, либо после строк о количестве сообщений, репутации и т.д.) :

Код