Это Чат который можно передвигать и представлен он в
красивом оформлении
Тут не используеться 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>
<A title=$STR_EMAIL$
href="$EMAIL_JS$"><IMG src="http://s20.ucoz.net/t/971/e.gif"
align=absMiddle border=0></A>
<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> </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>