» »

Темный вид материала SD для чини чат ucoz


Темный вид материала SD для чини чат ucoz

Если вы решили обновить дизайн своего чата, то Темный вид материала для чини чат ucoz в этом случай отлично подойдет.
Он сделан очень красиво, углы у него немного закруглены и есть разделительная полоса которая расположена по центру.
Так же с правой стороны стоят две иконки, это сам профиль и письмо. Если на них нажать то вы перейдете на свой профиль а вторая это переход в письмо "Личные сообщения" если решите этому пользователю написать.
Все очень хорошо и грамотно расположено и не нужно вам стили прописывать в CSS так как они идут с кодом.
Админ панель - раздел мини чата - вид материалов. Все что есть там убираем и прописываем код который представлен ниже:
Код
<div class="bchat_full odd1">  
  <div class="bchat_bame">  
  <div class="right">  
  <a href="$PROFILE_URL$" title="$USERNAME$" class="bchatProf"></a>  
  <a href="/index/14-$USERNAME$-0-1" target="_blank" class="bchatPM"></a>  
  </div>  
  <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$USERNAME$, ';return false;"><b>$USERNAME$</b></a>  
  </div>  
  <div class="bchat_mess">$MESSAGE$</div>  
  </div>  
<style>  
.bchat_bame {color:#4a96d7;font-weight:bold;padding: 0 2px;}
.bchat_bame a {color:#4a96d7}
.bchat_full {background:#333333;border-radius:10px;-webkit-border-radius: 10px; -moz-border-radius: 10px;padding: 10px 5px;margin:0 0 5px 0;}
.bchat_mess {background:url(http://zornet.ru/CSS-ZORNET/TR/bchat_mess-1.png) no-repeat;margin:5px 0 0 0;padding: 8px 0 0 0;color:#fff;font-weight:bold;}
.bchatProf {width:15px;height:20px;display:block;background:url(http://zornet.ru/CSS-ZORNET/TR/chatIcon-1.png) no-repeat 0 0;float:left;margin:-3px 4px 0 0;}
.bchatPM {width:15px;height:14px;display:block;background:url(http://zornet.ru/CSS-ZORNET/TR/chatIcon-1.png) no-repeat 0 -20px;float:left}
</style>
28.06.2014 Просмотров: 2485 Комментарий: (4)

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

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

Комментарий: 4
fecc
fecc 28.06.2014 23:511
0
в светлой гамме ?
Kosten
Kosten 29.06.2014 00:012
0
fecc, почему в светлой?
fecc
fecc 29.06.2014 21:083
0
Kosten, я хочу.....)))
Kosten
Kosten 29.06.2014 21:234
0
fecc, в этом смысле)
avatar