Всплывающий минипрофиль автора последнего сообщения
Добавляет в колонку последних сообщений аватарку автора поста с всплывающим профилем при наведении курсора.
Автор: Deff
Платформа: MyBB
По многочисленным просьбам реанимация для нового использования скрипта от Romych
Действует на главной, кеширует данные на три дня
В начало HTML низ
<!-- Всплывающий минипрофиль на Главной! --><script type="text/javascript">
var DataRefresh = "25.11.2013 22:23:00";// Дата принудительного обновления(если нужно обновить кеш)
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/18686.js"></script>
Число красным меняем на текущее при тотальной смене аввок или отключении/подключении стандартных полей
Версия 2: Выносим css из скрипта для возможности правки.
<!-- Всплывающий минипрофиль на Главной! -->
<style type="text/css">
.lastor .tipsy-arrow,
.lastor div.tipsy-inner {
padding:4px!important;
background:#B4B4B4!important; /*фон стрелки и обрамления таблы*/
color:#000!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:12px!important;
}
.lastposter td img{ /* ава в табле с инфой */
margin:5px 7px 3px 3px!important;
border:medium solid #87CEFA!important;
}
.lastposter td {
/*Если нужна установка шрифта, размера, отступа строк, -записываем сюда*/
}
.tcr img.live-tipsy{
position:relative;
z-index:10;
box-shadow:0px 1px 3px #767671;
border-radius:1px;
width:24px!important; /*ширина авы на главной*/
height:auto!important;
}
.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://forumstatic.ru/files/0010/b4/f8/97433.gif);
}
.lastor {margin-top:-5px!important;} /*сдвижка всплывающего*/
</style>
<script type="text/javascript">
var DataRefresh = "25.11.2013 22:23:00";// Дата принудительного обновления(если нужно обновить кеш)
</script>
<script type="text/javascript" src="http://forumstatic.ru/files/0010/b4/f8/95658.js"></script>
Отредактировано Герда (20.05.13 05:57)