Главная Форум О Сайте Файлы Статьи Онлайн игры
Меню сайта
Категории
Скрипты для uCoz [128]
Игры [0]
Новости киберспорта [0]
Софт [0]
Наш баннер
Мини-чат
On-line
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Главная » 2010 » Март » 7 » Красивый мини-чат
20:17
Красивый мини-чат
Это ставим в вид материалов мини-чата:
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>  
<!--/ Мини-Чат->
Категория: Скрипты для uCoz | Просмотров: 367 | Добавил: D1Ko
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Мини профиль
Среда
15.01.2025
22:54
[ Управление профилем ]
Блок-инфо
Добро пожаловать на сайт Этот проект посвящён бесплатной системе ucoz, каторая являеться SaaS платформой, включающей в себя бесплатный хостинг, домен и систему управления сайтом (CMS). Здесь вы можете скачать шаблоны для ucoz и скрипты для ucoz, с помощью которых вы сможете улучшить свой сайт и выделиться среди остальных.
Друзья
Проверка сайта Все для CS
Шаблон от ThemeMod
Copyright © 2010 | Используются технологии uCoz | Design by Pushist