• Страница 1 из 1
  • 1
Форум » uCoz » Мини-чат » Вид мини чата для Ucoz с аватаром.
Вид мини чата для Ucoz с аватаром.
Дмитрий Дата: Суббота, 31.03.2012, 22:15 | Сообщение # 1 | Сообщить о нерабочей теме


Аватар для Дмитрий


Красивый вид мини чата в черных тонах. В этом виде чата добавлен аватар пользователя, время когда пользователь оставил сообщение. Имя написавшего написано синими красками (можно без проблем изменить).

Копируем код ниже и устанавливаем в Вид мини чата (старый код удалить):
Код
<script type='text/javascript' src='http://gig-pro.ru/highslide/highslide.js'></script>          
         <script type='text/javascript' src='http://gig-pro.ru/highslide/include_highslide.js'></script>          
         <script type="text/javascript">          
         hs.graphicsDir = 'http://gig-pro.ru/highslide/graphics/';          
         </script>          
<div style="padding:3 0px ;">    
<div style="white-space:normal"><div style="margin:0px;padding:0px;border-top:1px solid #262626;border-left:1px solid #262626;border-right:1px solid #262626;border-bottom: 11px solid #262626;"><div style="margin:0px;padding:0px;background:url('http://gig-pro.ru/load-ucoz/skripts/mini-4at/2/mini-chat.png');border-top:1px solid #000000;border-left:1px solid #000000;border-right:1px solid #000000;"><div style="margin:0px;padding:2px;background:url('');border:1px solid #222222;">             
            <div style="float:right;font-size:8px;" title="$DATE$"><font size="1.5" face="Visitor_Rus" color="#8f8f8f">$TIME$</font></div>             
            <div style="text-align:left;">             
            <?if($AVATAR_URL$)?><div style="float:left;"><a href="$AVATAR_URL$" onclick="return hs.expand(this)"><img src="$AVATAR_URL$" style="padding-left:1px;padding-right:2px; title=" Нажми="" для="" увеличения="" картинки"="" align="" width="11""></a></div><?else?><div style="float:left;"><a href="http://gigabytes.clan.su/img/no-ava.png" onclick="return hs.expand(this)"><img src="http://gigabytes.clan.su/img/no-ava.png" style="padding-left:1px;padding-right:2px; title=" Нажми="" для="" увеличения="" картинки"="" align="" width="11""></a></div><?endif?>    
            <a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='$USERNAME$, ';return false;"><?if($USER_ID$='1')?><font color=#039edc><b>$NAME$</b></font><?else?>$NAME$<?endif?></a>    
            </div></div></div>    
            <div class="cBlockk1" style="padding:4 4px 5px 4px;margin-bottom:-10px;border:1px solid #000000;">    
<div class="cMessage" style="text-align:left;text-shadow: 1px 1px 0px #090909;color:#8f8f8f;">$MESSAGE$</div>    
</div></div></div></div></div>    
</div>


Цитата
в CSS

Код
.cBlockk1 {background:url('http://gig-pro.ru/load-ucoz/skripts/mini-4at/2/8.png') #000000;border:0px solid #252525;}
Прикрепления: 6681113.jpg(26.7 Kb)


From Russia With Love!
Форум » uCoz » Мини-чат » Вид мини чата для Ucoz с аватаром.
  • Страница 1 из 1
  • 1
Поиск: