Всплывающий минипрофиль автора последнего сообщения [punBB]
Страница 1 из 1
Всплывающий минипрофиль автора последнего сообщения [punBB]
Всплывающий минипрофиль автора последнего сообщения
Туториал только для версии форума [PunBB]
1. ПА - Оформление - Шаблоны
Откройте шаблон index_body (Главная страница), в самый низ вставьте
Сохраните и опубликуйте шаблон.
2. В CSS вставьте коды оформления всплывающего окна минипрофиля
Живой пример можно посмотреть ЗДЕСЬ
Туториал только для версии форума [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(https://i.servimg.com/u/f58/14/80/95/87/dddddd10.gif);/*иконка онлайн*/
}
.lastor{margin-top:-7px!important;} /*сдвижка всплывающей таблицы от авы*/
Живой пример можно посмотреть ЗДЕСЬ
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
|
|