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


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

1276
8.4 из 10
Проголосовало: 9






Хотите как-нибудь обновить внешний вид сообщений на форуме? Эта панелька то, что вам нужно! Компактная и красивая, будет отлично смотреться в виде материалов на вашем форуме.
Этот дополнительный бар состоит из пяти кнопок: "Персональная страничка пользователя", "Отправка личного сообщения", "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://webo4ka.ru/Ucoz7/forum_profil_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://webo4ka.ru/Ucoz7/forum_lc_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://webo4ka.ru/Ucoz7/forum_nastroiki_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://webo4ka.ru/Ucoz7/forum_skype_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://webo4ka.ru/Ucoz7/forum_home_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://webo4ka.ru/Ucoz7/forum_home_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://webo4ka.ru/Ucoz7/forum_skype_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://webo4ka.ru/Ucoz7/forum_nastroiki_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://webo4ka.ru/Ucoz7/forum_lc_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. Далее переходим в Форум -> Вид материалов и вставляем следующий код туда, где хотим видеть эту панельку (либо после аватара, либо после строк о количестве сообщений, репутации и т.д.):

Код
<style type="text/css">  
  .icq$ID$ {display:none;position:absolute;width:200px;margin-left:76px;margin-top:3px;background:#dddddd;border:4px solid rgba(0,0,0,0.10); text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; text-shadow:0px 1px 0px #eee;z-index:999;padding:5px;color:#202223;}  
  .icq$ID$:after, icq$ID$:before {bottom:100%;border:solid transparent;content:'';position:absolute;}  
  .icq$ID$:after {border-bottom-color:#dddddd;border-width:8px;left:10%;margin-left:-8px;}  
  .skype$ID$ {display:none;position:absolute;width:200px;margin-left:100px;margin-top:3px;background:#dddddd;border:4px solid rgba(0,0,0,0.10); text-align:left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;text-shadow:0px 1px 0px #eee;z-index:999;padding:5px;color:#202223;}  
  .skype$ID$:after, skype$ID$:before {bottom:100%;border:solid transparent;content:'';position:absolute;}  
  .skype$ID$:after {border-bottom-color:#dddddd;border-width:8px;left:10%;margin-left:-8px;}  
  .home$ID$ {display:none;position:absolute;width:200px;margin-left:126px;margin-top:3px;background:#dddddd;border:4px solid rgba(0,0,0,0.10); text-align:left;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;text-shadow:0px 1px 0px #eee;z-index:999;padding:5px;color:#202223;}  
  .home$ID$:after, home$ID$:before {bottom:100%;border:solid transparent;content:'';position:absolute;}  
  .home$ID$:after {border-bottom-color:#dddddd;border-width:8px;left:10%;margin-left:-8px;}  
  </style>  
  <div align="center" class="bg_icons">  
  <a href="$PROFILE_URL$" target="_blank" class="ico_1"></a>  
  <?if($PM_URL$)?><a href="$PM_URL$" class="ico_2"></a><?else?><a onclick="" class="ico_22"></a><?endif?>  
  <?if($ICQ$)?><a onclick="$('.icq$ID$').slideToggle(100);" class="ico_3"></a>  
  <?else?><a onclick="" class="ico_33"></a><?endif?>  
  <?if($MSN$)?><a onclick="$('.skype$ID$').slideToggle(100);" class="ico_4"></a></a>  
  <?else?><a onclick="" class="ico_44"></a><?endif?>  
  <?if($HOME_PAGE$)?><a onclick="$('.home$ID$').slideToggle(100);" class="ico_5"></a></a>  
  <?else?><a onclick="" class="ico_55"></a><?endif?>  
  </div>  

  <div class="icq$ID$">  
  <div class="oa"><b>ICQ</b> пользователя:</div>  
  <input class="in_piu" value="$ICQ$">  
  </div>  
  <div class="skype$ID$">  
  <div class="oa"><b>Skype</b> пользователя:</div>  
  <input class="in_piu" value="$MSN$">  
  </div>  
  <div class="home$ID$">  
  <div class="oa"><b>Сайт</b> пользователя:</div>  
  <input class="in_piu" value="$HOME_PAGE$">  
  </div>


Дополнительно: Ищем там же $USER_DETAILS_ICON_BAR$ и удаляем, так как все иконки, которые там находятся, есть в нашем баре.

Установка завершена!
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://updatesite.ru
  • Всего комментариев: 4

Ветер92
0
Ветер92 написал: Написано 14 Июня 2013 в 14:19
Комментарий №4
Понравился этот апгрейд! Немного переделаю и поставлю себе на сайт smile

Nesqik
0
Nesqik написал: Написано 13 Июня 2013 в 23:49
Комментарий №3
Ребят а подскажите как активировать поле Skype ??

q1___
-1
q1___ написал: Написано 11 Июня 2013 в 19:37
Комментарий №2
риперы сраные

Kelin
-2
Kelin написал: Написано 09 Июня 2013 в 08:55
Комментарий №1
[мат] с diz-cs

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    403
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 4
    Гостей: 4
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: