Это ставим в вид материалов мини-чата
Code
<!-- Мини-Чат-->
<style type="text/css">
#banners a img {
opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=40);
}
#banners a:hover img {
opacity:1.0; -moz-opacity:1.0; filter:alpha(opacity=100);
}
</style>
<div class="cBlock$PARITY$" style="padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>
<?if($USERNAME$)?><a href="javascript://" onclick="ffoc(document.forms.addform.message,2);document.forms.addform.message.value+='[b]$USERNAME$,[/b] '" title="Адресовать $USERNAME$"><div id="banners"><img src='http://jscriptix.ru/595976.png'></div></a>|<a onclick="window.open('/index/8-$USER_ID$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350'); return false;"><b>$USERNAME$</b></a>
<?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$"><img border="0" align="absmiddle" src="http://s25.ucoz.net/t/982/e.gif"></a><?endif?>
<?if($SITE$)?> <a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$"><img border="0" align="absmiddle" src="http://s25.ucoz.net/t/982/h.gif"></a><?endif?>
<?else?>
<?if($SITE$)?><a rel="nofollow" href="$SITE$" target="_blank"><b>$NAME$</b></a>
<?if($EMAIL$)?> <a href="$EMAIL_JS$" title="$STR_EMAIL$" rel="nofollow"><img border="0" align="absmiddle" src="http://s25.ucoz.net/t/982/e.gif"></a><?endif?>
<?else?>
<?if($EMAIL$)?><a href="$EMAIL_JS$" rel="nofollow"><b>$NAME$</b></a>
<?else?><b>$NAME$</b><?endif?>
<?endif?>
<?endif?>
<div class="cMessage">$MESSAGE$</div>
<?if($CUSTOM1$)?><br>$STR_CUSTOM1$: $CUSTOM1$<?endif?>
<?if($CUSTOM2$)?><br>$STR_CUSTOM2$: $CUSTOM2$<?endif?>
</div>
<!--/ Мини-Чат-->
Это ставим в форму добавления сообщения мини-чата
Code
<!-- Мини-Чат-->
<center>
<style type="text/css">
.postSubmit {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #6eb300;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postSubmit:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #83ca12;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postSubmit2 {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #9933cc;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postSubmit2:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #9966cc;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postReset {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #d82020;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postReset:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #e33f39;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postPreview {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #666666;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postPreview:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #888888;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postPreview2 {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #ff0000;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postPreview2:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #ff6600;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postPreview3 {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #660000;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postPreview3:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #663300;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postReset {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #0000ff;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.postReset:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #3366ff;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.smaile {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #ff8208;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
.smaile:hover {
border: 0px;
padding: 5px;
text-align: center;
font-size: 10px;
margin: 0px;
width: auto;
background: #ff9808;
color: #ffffcc;
cursor: pointer;
letter-spacing: 0px;
font-family: verdana;
}
#mchatMsgF {background:url('http://jscriptix.ru/mcht.png') #E1E1E1; width: 100%; height: 25; border:1px solid #BBBBBB; padding: 5; color: #242424;}
</style>
<!-- -->
<script language="javascript1.2">
<!--
var ns6=document.getElementById&&!document.all?1:0
var head="display:''"
var folder=''
function expandit(curobj){
folder=ns6?curobj.nextSibling.nextSibling.style:document.all[curobj.sourceIndex+1].style
if (folder.display=="none")
folder.display=""
else
folder.display="none"
}
//-->
</script>
<table align="center" class="gTable1" bgcolor="#f8f8f8" border="0" cellpadding="0" cellspacing="0" width="75%">
<td valign="middle" width="75%">
<input type="button" style="height: 24px;width:180px;margin:0px cursor:hand" onclick="expandit(this)" value="Панель управления чатом" class="postSubmit2" id="mchatBtn">
<span style="display:none" style=&{head};>
<div style="border-style: dotted; border-color: rgb(100, 100, 100) rgb(100, 100, 100) rgb(190, 190, 190); border-width: 1px; padding: 5px; font-family: Tahoma; font-style: normal; font-variant: normal; font-weight: normal; font-size: 11px; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(88, 85, 70); background-color: lightyellow; text-align: justify;">
<center>
<input type="button" href="$ACTION_URL$" onclick="window.location.reload();return false;" title="Обновить" style="height: 24px;;width:50px;margin:0px" value="Обновить" class="postReset">
<input type="button" class="postPreview" onclick="window.open('/mchat/0-1','mchatCtrl','scrollbars=1,width=550,height=550,left=0,top=0'); return false;" style="height: 24px;width:50px;margin:0px" value="Архив">
<input type="button" href="javascript:void('smiles')" onclick="ffoc(document.forms.addform.message,2);wasclk[2]=2;window.open('$SMILES_URI$','csmiles','scrollbars=1,width=250,height=350,left=0,top=0'); return false;" onclick="window.location.reload();return false;" title="Вставить смайл" style="height: 24px;;width:50px;margin:0px" value="Смайлы" class="smaile">
</center>
</div>
</td></table></span>
<input type="text" maxlength="60" name="uname" size="8" class="mchat" id="mchatNmF" value="" onfocus="ffoc(this,0)" onblur="fblur(this,0)" title="$STR_NAME$" style="display: none;height: 24px; color: #777777; font-family: Verdana; border: 1px solid #aaaaaa; background-color: #ffffcc; background: url('http://coool.net.ru/images/1/main_top_gradient.png'); background-repeat: repeat-x; background-position: left top;">
<input type="text" maxlength="$MAX_MESSAGE_LEN$" name="message" size="22" class="mchat" id="mchatMsgF" value="" onfocus="ffoc(this,2)" onblur="fblur(this,2)" title="Пиши сюда" style="width:100%; font-size: 7pt; padding: 5px; margin: 0px; font-family: Tahoma; height: 24px;class="mchat" background-repeat: repeat-x; background-position: left top;">
<br>
<input type="submit" style="height: 24px;width:40%;margin:0px" value=" Отправить " class="postSubmit" id="mchatBtn" onclick="return checkform(this.form);">
<input type="button" class="postPreview3" onclick="window.open('http://jscriptix.ru/vpn.html','mchatCtrl','scrollbars=1,width=600,height=350,left=0,top=0'); return false;" style="height: 24px;width:16%;margin:0px" title='Возможности мини-чата' value="В">
<input type="button" class="postPreview2" onclick="window.open('http://jscriptix.ru/pravela.htm','mchatCtrl','scrollbars=1,width=600,height=350,left=0,top=0'); return false;" style="height: 24px;width:40%;margin:0px" value="Правила">
</center>
<!--/ Мини-Чат->