Красивый мини чат HDAR для сайта
 | |
| Очень красивый мини чат, за что отвечают стили которые вы пропишите в CSS. С металлическим оттенком, очень шикарно смотрится на светлых сайтах, на темных не пробовал но думаю тоже не дурно смотреться будит. Этот скрипт мам устанавливал, он и на темные по дизайн оттенку цвета так же хорошо подойдет. Приступаем к установке: Идем в П.У- дизайн сайта - мини чат, потом вид материала мини чата, сносим там все и прописываем наш новый код. Код <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 и там вставляем этот стиль. Код .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://zornet.ru/zornet_ru8/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;} | |
Поделиться в социальных сетях
Материал разместил
| Комментарии: 3 | |
|
| |
