Стиль с плавным упрозрачниванием,
при обрамлении Описания форума в теги<div class="wrap-opisanie" data-bg="http://sd.uploads.ru/3B9Pr.jpg">
<!-- Тут контент -->
</div>Красным - ссылка на фон...
<div class="wrap-opisanie" data-bg="http://sd.uploads.ru/3B9Pr.jpg">
<br>
<div class="forumTems">
<center><a href="#"><b>Сюжет</b></a> ● <a href="#"><b>Роли</b></a> ● <a href="#"><b>Правила</b></a> ● <a href="#"><b>FAQ</b></a></center>
</div>
<br>
Если Вы решили создать авторского персонажа - пишем полную анкету. Если же персонаж идёт по любой из акций - заполняем упрощённый шаблон. Тема с анкетой создается в этом разделе и проверяется администрацией в течение суток. Если Вы решили создать авторского персонажа - пишем полную анкету. Если же персонаж идёт по любой из акций - заполняем упрощённый шаблон. Тема с анкетой создается в этом разделе и проверяется администрацией в течение суток.
Если Вы решили создать авторского персонажа - пишем полную анкету. Если же персонаж идёт по любой из акций - заполняем упрощённый шаблон. Тема с анкетой создается в этом разделе и проверяется администрацией в течение суток. Если Вы решили создать авторского персонажа - пишем полную анкету. Если же персонаж идёт по любой из акций - заполняем упрощённый шаблон. Тема с анкетой создается в этом разделе и проверяется администрацией в течение суток.
</div>
Для Работы ещё требуется скрипт, устанавливаемый в самое Начало HTML верх!
<!-- В cамое Начало HTML верх! --><script>
/************************************************************************
Cкрипт к стилю упрозрачнивания при обрамлении Описания в тег на Главной
<div class="wrap-opisanie" data-bg="Ссылка на фон">
*************************************************************************/
if($('#pun-index').length) $().pun_mainReady(function(){
var str = 'url(###) no-repeat 0 31px, url(http://forumstatic.ru/files/0018/fd/47/29842.png) no-repeat 0 0';
$('.category .tclcon .wrap-opisanie[data-bg]').each(function () {
var bgIMG = $(this).attr('data-bg');
var bg = str.replace('###',bgIMG);
$(this).parents('.tclcon').addClass('a2').css({'background':bg});
});});
</script>стиль к описанию стоит в конце Первого Окна стиля:
/****************************************************
Стиль с плавным упрозрачниванием,
при обрамлении Описания форума в теги
<div class="wrap-opisanie" data-bg="http://sd.uploads.ru/3B9Pr.jpg">
<!-- Тут контент -->
</div>
***************************************************/
#pun-index.punbb td div.tclcon.a2 .forumTems{
font: normal normal 700 15px/normal "Palatino Linotype";
color: #222;
text-shadow: 1px 1px 1px rgba(0,0,0,.6);
}
#pun-index.punbb td div.tclcon.a2 .forumTems a{
color:#D6DBDB/*AFCBCB*/;
transition: all .3s ease-in-out .01s
}
#pun-index.punbb td div.tclcon.a2:hover .forumTems a{
color:#FFFFFF;
}
#pun-index.punbb td div.tclcon.a2 .forumTems a:hover{
color:#8BEAF2;
}
#pun-index td div.tclcon.a2 .wrap-opisanie {
box-sizing:border-box;
color:transparent;
margin: -2px -6px 0px -6px;
padding:6px 12px;
height: 202px;
overflow:hidden;
transition: all .5s ease-in-out .01s
}
#pun-index td div.tclcon.a2:hover .wrap-opisanie {
color: #454030;
background: rgba(160,159,153,.92);
height: 202px;
overflow-y:auto;
}
Если Вы решили создать авторского персонажа - пишем полную анкету. Если Вы решили создать авторского персонажа - пишем полную анкету. Если Вы решили создать авторского персонажа - пишем полную анкету.



