Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Неодновременная загрузка фона
автор Иван Иванов Сегодня в 23:18

» Не работает ВЫДЕЛИТЬ СОДЕРЖИМОЕ в коде
автор Xan_Kriegor Сегодня в 1:17

» IP пользователей
автор Nhlvegas Вчера в 21:33

» Как удалить пользователя?
автор Nhlvegas Чт 22 Июн - 22:41

» ЛС в новом окне
автор fatalone Чт 22 Июн - 21:21

» Новый владелец сайта
автор Лёлик8 Ср 21 Июн - 22:23

» раздача наград, очков, "спасибо"
автор irina27 Ср 21 Июн - 21:04

» Убрать слово "цитата" - 2
автор Aster Ср 21 Июн - 15:46

» не уходит массовая рассылка
автор facebook Ср 21 Июн - 11:51

» Переезд сайта
автор Dana Domirani Вт 20 Июн - 14:27

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Всплывающий минипрофиль автора последнего сообщения [punBB]

Предыдущая тема Следующая тема Перейти вниз

Всплывающий минипрофиль автора последнего сообщения [punBB]

Сообщение автор Домовой в Сб 21 Дек - 13:45

Всплывающий минипрофиль автора последнего сообщения

Туториал только для версии форума [PunBB]







1. ПА - Оформление - Шаблоны
Откройте шаблон index_body (Главная страница), в самый низ вставьте

<!--Всплывающий минипрофиль-->
<script type="text/javascript">
var DataRefresh = "30.01.2014 20:00:00";// Дата принудительного обновления(если нужно обновить кеш)
</script>
<script type="text/javascript" src="http://filehost.rusff.ru/files/0013/61/d9/33523.js"></script>

Сохраните и опубликуйте шаблон.

2. В CSS вставьте коды оформления всплывающего окна минипрофиля
/*Всплывающий минипрофиль */
.lastor .tipsy-arrow,.lastor div.tipsy-inner {
background:#B4B4B4!important; /*фон стрелки  и обрамления таблицы*/
color:#000!important;
padding:4px!important; /*толщина обрамляющего фона*/
}
.lastor .tipsy-arrow{  /*Стрелка во всплывалке*/
margin-bottom:2px!important;
-moz-transform:rotate(45deg); /* Для Firefox */
-ms-transform:rotate(45deg); /* Для IE */
-webkit-transform:rotate(45deg); /* Для Safari, Chrome, iOS */
-o-transform:rotate(45deg); /* Для Opera */
transform:rotate(45deg);
height:7px!important;
width:7px!important;
z-index:-1;
}
.lastposter {
background:#57B9F1!important; /*фон таблицы с инфой*/
border-radius:3px!important;
box-shadow:inset 0 0 5em #1C1C1C!important; /*тень внутри таблицы с инфой*/
filter:progid:DXImageTransform.Microsoft.Shadow(color=#1C1C1C, Direction=145, Strength=3)!important;
border-spacing:9px!important;
}
.lastposter {
float:none;
}
.lastposter td.first img{ /* ава в табле с инфой */
margin:5px 7px 3px 3px!important;
border:medium solid #87CEFA!important; /*рамка аватара в таблице*/
}
.lastposter td.last {
/*Если нужна установка шрифта, размера, отступа строк, -записываем сюда*/
}
.lastposter td.last > b{
text-shadow:0px 1px 1px #000; /*тень ника в таблице*/
color:#006400!important; /*цвет ника в таблице*/
}
.lastposter td.last img{
max-width:90%;
paddung:3px 0 0 0!important;
}
.tcr img.live-tipsy{
position:relative;
z-index:10;
box-shadow:0px 1px 3px #767671;/*тень авы на главной*/
border-radius:1px;
width:33px!important; /*ширина авы на главной*/
height:auto!important;
opzcity:0.9;
}
.tcr img.live-tipsy +.on_{/*иконка присутствия*/
float:left;
z-index:100;
position:relative;
margin:3px 0 0 -13px;
border:1px solid #fff; /*рамка иконки онлайн на аве*/
display:block!important;
height: 6px;
width: 6px;
background:url(http://i58.servimg.com/u/f58/14/80/95/87/dddddd10.gif);/*иконка онлайн*/
}
.lastor{margin-top:-7px!important;} /*сдвижка всплывающей таблицы от авы*/


Живой пример можно посмотреть ЗДЕСЬ 
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3230

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения