» »

Мини чат в оригинальном стиле для сайта


Мини чат в оригинальном стиле для сайта

Это не полный мини чат а основная его часть, а то есть вид материала, его вид. Вид выполнен в темно синим оттенком, по своему оригинален, для светлых сайтов. Чат выполнен в оригинальном стиле и может подойти как к светлому дизайн сайта так и темному.
Установка:
Идем в админ панель сайта и находим там мини чат. И там меняем вид материалов, старый сносим этот вставляем.
Код
<!--bchat_loop--><style type="text/css">body {background:0;}</style>  
<div class="bchat_loop">  
<div class="bchat_top">  
<div class="bchat_top_ins">  
<div class="right" style="padding:0 6px 0 0;">$TIME$</div>  
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$NAME$, ';return false;">$NAME$</a>  
</div>  
</div>  
<div class="bchat_cont"><div style="padding:6px;">$MESSAGE$</div></div>  
</div><!--/bchat_loop-->

Этот стиль надо прописать в вашем CSS
Код
.bchat_loop {overflow:hidden; margin:0 2px 5px 0;}  
.bchat_loop .bchat_top {background:url(http://zornet.ru/ZORNET-RU/bchat_top_ins_cstav.png) no-repeat left 0; border-radius:3px; color:#fff; text-shadow:1px 1px #07232d;}  
.bchat_loop .bchat_top a {color:#fff; text-decoration:none;}  
.bchat_loop .bchat_top_ins {background:url(http://zornet.ru/ZORNET-RU/bchat_top_ins_cstav.png) no-repeat right -25px; height:25px; line-height:24px; overflow:hidden; padding:1px 0 0 35px; border-radius:0 3px 3px 0;}  
.bchat_loop .bchat_cont {background:#0f0f0f; border-radius:3px; margin:3px 0 0 0; overflow:hidden; color:#fff;}  
.bchat_loop .bchat_cont a {color:#fff;}
29.04.2013 Просмотров: 1011 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar