ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Темный вид материала SD для чини чат uCoz

Темный вид материала 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>
2014-06-28 Просмотров: 3354 Комментарий: (4)

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

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

Оставь свой отзыв

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