Страница 1 из 11
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Оригинальный мини чат для сайта ucoz
Оригинальный мини чат для сайта ucoz
Kosten
Дата: Среда, 20.06.2012, 17:47 | Сообщение # 1
Администраторы
Сообщений:12716
Награды: 39




О мини чате:
Оригинальный мини чат для сайта ucoz, красивый чат, в таком металлическом стиле, красиво будит смотреться как на светлых дизайн сайтов, но и можно скреативить и поставить на темный дизайн сайта.
Приступаем к установке:
Все делаем по порядку идем в админку - дизайн сайта, ищим мини чат он в низу, нашли, потом заходим в вид материала и все сносим и прописываем этот код.
Code
<div style="white-space: normal;"><div class="bChat_loop odd">  
  <div class="bChat_in">  
  <div class="bChat_ins">  
<div class="bChat_inss">  
  <div class="bChat_top"> <div class="bChat_author"><a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$USERNAME$[/i], ';return false;">$USERNAME$</a></div> <div class="bChat_date" style="font-size:9px;" title="$DATE$">$TIME$  
  <a href="$PROFILE_URL$">  
<img src="http://zornet.ru/zornet_ru3/profile.png" align="absmiddle" border="0">  
</a>  
  </div>  
  </div>  
  <div class="bChat_cont">  
$MESSAGE$  
  </div>  
  <div class="bChat_b_line"></div>  
  <div class="bChat_bottom_line"></div>  
  </div></div>  
</div></div>


Этот стиль вставляем в CSS
Code
.bChat_loop {color:#fff; text-shadow:0 1px 1px #005c18; -moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px; background:#6b6b6b;}  
.bChat_in {-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;background:url(http://zornet.ru/zornet_ru3/bchat_cont_y_bg.png) no-repeat 0 bottom;}  
.bChat_ins {-moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px;background:url(http://nagan-cs.ru/ucoz/mc/bchat_cont_y_bg.png) no-repeat right bottom;}  
.bChat_inss {position:relative; -moz-border-radius:2px;-webkit-border-radius:2px;-khtml-border-radius:2px;border-radius:2px; background:url(http://zornet.ru/zornet_ru3/bchat_top_bg.png) no-repeat 0 0;}  
.bChat_top {padding:1px 5px 6px 5px; overflow:hidden; background:url(http://zornet.ru/zornet_ru3/bchat_top_line.png) no-repeat center bottom;}  
.bChat_author {float:left; font-weight:bold; font-size:12px;}  
.bChat_author a {color:#fff; text-decoration:none;}  
.bChat_author a:hover {text-decoration:underline;}  
.bChat_date {float:right;}  
.bChat_cont {padding:1px 7px 7px 7px; overflow:hidden;}  
.bChat_b_line {width:auto; height:1px; display:block; position:absolute; left:2px; right:2px; bottom:1px; background:#6e6e6e;}  
.bChat_bottom_line {height:1px; margin:0 2px 4px 2px; overflow:hidden; font-size:0px; background:#fcfcfc;}  

.bChat_loop.odd2 {}  
.bChat_loop.odd2 .bChat_inss {background:url(http://zornet.ru/zornet_ru3/bchat_top_bg.png) no-repeat right 0;}  
.bChat_loop.odd2 .bChat_author {float:right;}  
.bChat_loop.odd2 .bChat_date {float:left;}  

.bChat_bottom {overflow:hidden;}  
.bChat_bottom .right {width:68px; float:right;}  
.bChat_numm {height:13px; line-height:13px; color:#6b6b6b; text-align:right;}


Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Оригинальный мини чат для сайта ucoz
Страница 1 из 11
Поиск: