RSS сайта | RSS форума | RSS каталога файлов | RSS блога | Карта форума | Карта сайта | Все теги сайта
Главная страница

ГлавнаяФорумБлогФайлыОбратная связьО сайтеГостевая книгаПоиск
Настал ваш час, чтобы заработать реальные деньги на своем сайте
ВНИМАНИЕ!!!
Не зарегистрированные участники сайта ProSIdr, т.е. гости, НЕ могут оставлять сообщения на форуме. 
Для более корректного общения убедительная просьба
РЕГИСТРАЦИЯ или ВХОД
Реклама:
[ Новые сообщения · Заработай на своем сайте · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Модератор форума: Admin  
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Передвижной мини-чат
Передвижной мини-чат
JockerДата: Суббота, 13.03.2010, 11.53.55 | Сообщение # 1
Глава сайта
Группа: Администраторы
Сообщений: 488
« »

Смайл настроения:
Ранг:

Доп. данные:

Это Чат который можно передвигать и представлен он в красивом оформлении
Тут не используеться AJAX! Чат который вы будете видеть у себя на сайте будет точно таким же каким вы видите его на скриншоте!

Особенности:

1. Чат Можно двигать в любые стороны как Ajax но Ajax е используеться и дополнительных рамок как у Ajax нет!
2. Чат не надо предварительно открывать и т.п. Чат откроеться со страницей!
3. Чат можно просто закрыть нажав на "Закрыть чат"

КОД:

Code
<html>  
<head>  
    <title></title>  
    <meta content="MSHTML 6.00.6000.20935" name="GENERATOR" />  
</head>  
<body>  
    <style type="text/css">  
<!--  
div#upmpopup {width:expression(((ignoreMe=(document.documentElement.clientWidth?document.documentElement.clientWidth:document.body.clientWidth))<200?200:   ignoreMe)+'px');position:absolute;top:expression((ignoreMe2=document.documentElement.scrollTop?document.documentElement.scrollTop:document.body.scrollTop)+'px');left:expression((ignoreMe=document.documentElement.scrollLeft?document.documentElement.scrollLeft:document.body.scrollLeft)+'px');}  
-->  
</style>  
    <div id="ppmpopup">  
    <div class="cpmpopup" id="upmpopup"><!--BODY PM START-->  
    <style type="text/css">  
<!--  
#newpm { position:absolute; height:235px; width:405px; padding:4px; background-color:#ffffff; border:2px solid #505050; border-collapse: collapse; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; line-height:135%; filter:progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=4); }    
    #newpmheader { padding-left:25px; padding-right:10px; padding-top:7px; height:25px; color:#000000; background-color:#f2e8c9; border:1px solid #ff0000; font-family:Tahoma,Arial,Sans-Serif; font-size:11px; cursor:move; }    
    #newpm a{ background:transparent; color:#4191BA; text-decoration:none; }    
    #newpm a:hover{ background:transparent; color:#FF0000; text-decoration:underline; }  
-->  
</style>  
    <div id="newpm" style="DISPLAY: none; LEFT: -1px; WIDTH: 412px; TOP: 17px; HEIGHT: 204px">  
    <div id="newpmheader" style="WIDTH: 398px; HEIGHT: 33px">  
    <div style="FLOAT: right"><a href="javascript://" onclick="document.getElementById('newpm').style.display='none'; return false;"><img src="http://s46.radikal.ru/i112/0912/d3/39458f27b50d.png" border="0" /></a></div>  
    <div title="Наш Чат" align="center"><b><span style="FONT-SIZE: 12pt; COLOR: #696969; FONT-FAMILY: Times New Roman">ЧАТ</span></b></div></div>$CHAT_BOX$<!--%IFEN2%1%--><!--%IFEL3%1%--><div align="justify"><img class="userAvatar" title="$USERNAME$" src="http://romale80.ucoz.ru/noavatar.gif.png" align="left" border="1" vspace="0" height="50" hspace="3"><!--%IFEN3%1%--><!--IF-->  
    <div align="left"><br />  
    <br />  
    </div>    
    <div align="right"><a href="javascript://" onclick="document.getElementById('newpm').style.display='none'"><span style="FONT-SIZE: 8pt; COLOR: #ff0000; FONT-FAMILY: Impact">Закрыть чат</span></a><span style="FONT-SIZE: 8pt"></span></div><!--BODY PM END--></div><!--SCRIPT PM START--><script type="text/javascript" src="http://romale80.ucoz.ru/post/pm.js"></script><script type="text/javascript">document.getElementById("ppmpopup").style.height=document.getElementById("upmpopup").offsetHeight+'px';</script><!--SCRIPT PM END--><!--PM POPUP END-->$POWERED_BY$</div></div>  
</body>  
</html>

Чтобы чат имел оформление такое же как на картинки (я имею ввиду такую же полосу прокрутки и т.д. нужно поменять в : Дизайн - упровление дизайном (шаблоны) > Мини чат > Вид материалов

Code
<DIV class=cBlock$PARITY$ style="PADDING-RIGHT: 4px; PADDING-LEFT: 2px; MARGIN-BOTTOM: 3px; PADDING-BOTTOM: 5px; PADDING-TOP: 0px">  
<DIV style="TEXT-ALIGN: left"><!--IF--><A title="У этого пользователя ник $USERNAME$" href="$PROFILE_URL$" rel=nofollow></A>[<SPAN style="FONT-SIZE: 8pt">$DATE$  </SPAN><SPAN style="FONT-SIZE: 8pt">$TIME$ </SPAN>] <A href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><SPAN style="COLOR: #000000; FONT-FAMILY: Arial Black"><STRONG>$NAME$</STRONG></SPAN></A> <?if($EMAIL$)?><A title=$STR_EMAIL$ href="$EMAIL_JS$"><IMG src="http://s20.ucoz.net/t/971/e.gif" align=absMiddle border=0></A><?endif?> <?if($SITE$)?><A title=$STR_URL$ href="$SITE$" target=_blank rel=nofollow><IMG src="http://s20.ucoz.net/t/971/h.gif" align=absMiddle border=0></A><?endif?> </DIV>  
<DIV class=cMessage style="TEXT-ALIGN: left"><SPAN style="FONT-SIZE: 10pt">$MESSAGE$ </SPAN></DIV></DIV>  
<STYLE>BODY {SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: red; SCROLLBAR-SHADOW-COLOR: #adadad; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: red; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #000000;  
    }</STYLE>
Прикрепления: 2042912.jpg(77.8 Kb)


Сколько людей, столько и мнений.

добавить на Яндекс
 
Форум "ProSIdr" » Все для Ucoz » Скрипты для Ucoz » Передвижной мини-чат
  • Страница 1 из 1
  • 1
Поиск:
Сегодня нас посетили
mercedesmm16, pansyik3, deniseci69


www.megastock.ru
PR-CY.ru Яндекс.Метрика

Администрация сайта не претендует на авторские права. Материалы предоставленные на сайте, принадлежат их владельцам и предоставляются исключительно в ознакомительных целях.
Cайт оптимизирован для просмотра браузером Opera, Google Chrome, Mozilla Firefox, Safari.
           

Яндекс.Метрика