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

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

Всплывающий минипрофиль автора последнего сообщения [punBB] Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

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

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

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

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)


Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы

Последние темы
» ВПН
автор Danny_Marcelo Сегодня в 07:47

» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

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

Перейти вниз

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

Сообщение автор Домовой Декабрь 21st 2013, 13:45

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

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



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



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(https://i.servimg.com/u/f58/14/80/95/87/dddddd10.gif);/*иконка онлайн*/
}
.lastor{margin-top:-7px!important;} /*сдвижка всплывающей таблицы от авы*/


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

Мужчина

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

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

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

Вернуться к началу

- Похожие темы

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