» »

Вид материала Мини чата ZR (Синий)


Вид материала Мини чата ZR (Синий)

Хочу представить вам по свойствам простой но по дизайну выполнен красиво Вид материала Мини чата ZR (Синий). Здесь все просто с правой стороны будит прописан кто написал в мини чате, с левой стороны во сколько это было, то есть время. Но что для мини чата думаю больше и не надо.
Выполнен он в светло синем оттенке.
Устанавливаем:
Этот код заменяем в чате в виде материала:
Код
<div class="b_blog">  
<div class="chat_title">  
<div class="chat_titlel"> <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;">$NAME$</a></div>  
<div class="chat_titler">$TIME$</div>  
</div>  
<div class="chat_cont">$MESSAGE$</div>  
<div class="chat_patt"></div>  
</div>

Этот стиль чата надо прописать в CSS сайта:
Код
/* Mchat box */  
.b_blog {overflow:hidden; width:173px; margin:0 0 4px 1px;}  
.chat_title {background:url(http://zornet.ru/CSS-ZORNET/ZR/chat_title.png) no-repeat; width:173px; height:20px; font:10px Tahoma; color:#383838;}  
.chat_titlel {background:#fff; border-radius:3px; margin:3px; padding:1px 2px; float:left;}  
.chat_titlel a {color:black;}  
.chat_titlel a:hover {text-decoration:none;}  
.chat_titler {background:#fff; border-radius:3px; margin:3px; padding:1px 2px; float:right;}  
.chat_cont {overflow:hidden; font:11px Tahoma; color:#383838; width:169px; padding:2px;}  
.chat_cont a {color:#383838; text-decoration:none;}  
.chat_patt {background:url(http://zornet.ru/CSS-ZORNET/ZR/chat_patt.png) no-repeat; width:173px; height:3px; margin:0 auto;}  
#mchatMsgF {background:url(http://zornet.ru/CSS-ZORNET/ZR/chat_mess.png) no-repeat; width:184px; height:52px; padding:7px; color:#8a8a8a; font:10px Tahoma; border:none; outline:none;}  
/* ----- */

Источник: Всем известный портал CSTAV.RU
19.06.2013 Просмотров: 723 Комментарий: (0)

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

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

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