Последнее на форуме
Последние материалы
Темный мини-чат для uCoz
Темный мини-чат для uCoz
В CSS:
Код
/* Темный мини-чат */
.vid_mchat_b {
border-bottom:1px solid #2b2b2b;
}
.vid_mchat {
overflow:hidden;
background:#191919;
border-bottom:1px solid #0a0a0a;
padding:3px 0 0 0;
min-height:58px;
}
.vid_mchat .name {
max-width:145px;
padding:0 0 4px 0;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/vid_mchat_name_b.png")
no-repeat bottom center;
}
.vid_mchat .text {
font-weight:bold;
color:#636363;
padding:3px;
}
.vid_mchat .avatar {
float:right;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/vid_mchat_ava.png") no-repeat 0 0;
padding:2px;
}
.vid_mchat .avatar img {
width:38px;
height:38px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.form_add {
padding:0 4px 5px 3px;
}
.form_add .bbcodes {
padding:0 0 2px 3px;
}
.form_add .bbcodes a {
display:inline-block;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_l.png") no-repeat 0 0;
padding:0 0 0 5px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#69859f;
height:17px;
text-align:center;
line-height:17px;
}
.form_add .bbcodes a span {
display:inline-block;
height:17px;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_r.png") no-repeat right;
padding:0 5px 0 0;
}
.form_add .bbcodes a:hover {
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_l_h.png") no-repeat 0 0;
color:#1a1a1a;
text-shadow:0 1px 0 #88a1b5;
}
.form_add .bbcodes a:hover span {
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_r_h.png") no-repeat right;
}
.form_add .submit {
margin:0;
padding:0 3px 0 0;
border:0;
}
.form_add .submit input {
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/form_add_submit.png") no-repeat 0 0;
width:42px !important;
height:42px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#636363;
padding:0;
margin:0;
border:0;
}
.form_add .textarea {
width:156px;
float:right;
padding:1px 0 0;
margin:0;
border:0;
}
.form_add .textarea textarea {
padding:9px 6px;
width:144px;
height:23px;
border:0;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/form_add_textarea.png") no-repeat 0 0;
height:23px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#636363;
}
/* --- */
.vid_mchat_b {
border-bottom:1px solid #2b2b2b;
}
.vid_mchat {
overflow:hidden;
background:#191919;
border-bottom:1px solid #0a0a0a;
padding:3px 0 0 0;
min-height:58px;
}
.vid_mchat .name {
max-width:145px;
padding:0 0 4px 0;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/vid_mchat_name_b.png")
no-repeat bottom center;
}
.vid_mchat .text {
font-weight:bold;
color:#636363;
padding:3px;
}
.vid_mchat .avatar {
float:right;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/vid_mchat_ava.png") no-repeat 0 0;
padding:2px;
}
.vid_mchat .avatar img {
width:38px;
height:38px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.form_add {
padding:0 4px 5px 3px;
}
.form_add .bbcodes {
padding:0 0 2px 3px;
}
.form_add .bbcodes a {
display:inline-block;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_l.png") no-repeat 0 0;
padding:0 0 0 5px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#69859f;
height:17px;
text-align:center;
line-height:17px;
}
.form_add .bbcodes a span {
display:inline-block;
height:17px;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_r.png") no-repeat right;
padding:0 5px 0 0;
}
.form_add .bbcodes a:hover {
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_l_h.png") no-repeat 0 0;
color:#1a1a1a;
text-shadow:0 1px 0 #88a1b5;
}
.form_add .bbcodes a:hover span {
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/bbcodes_a_r_h.png") no-repeat right;
}
.form_add .submit {
margin:0;
padding:0 3px 0 0;
border:0;
}
.form_add .submit input {
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/form_add_submit.png") no-repeat 0 0;
width:42px !important;
height:42px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#636363;
padding:0;
margin:0;
border:0;
}
.form_add .textarea {
width:156px;
float:right;
padding:1px 0 0;
margin:0;
border:0;
}
.form_add .textarea textarea {
padding:9px 6px;
width:144px;
height:23px;
border:0;
background:url("http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/form_add_textarea.png") no-repeat 0 0;
height:23px;
font-family:Tahoma;
font-size:11px;
font-weight:bold;
color:#636363;
}
/* --- */
Вид материалов чата:
Код
<div class="vid_mchat_b"><div class="vid_mchat">
<div class="avatar"><img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>Ссылка на NOAVATAR<?endif?>"
alt="$USERNAME$" /></div>
<div class="name"><script language=JavaScript
src=http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/fynik.js></script>
<div style="padding:0 0 0 5px;"><a href="$PROFILE_URL$">
<img alt="" src="http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/user.png" 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]$USERNAME$[/i], ';return false;"><b>$USERNAME$</b></a>
</div></div>
<div class="text">$MESSAGE$</div>
</div></div>
<div class="avatar"><img src="<?if($AVATAR_URL$)?>$AVATAR_URL$<?else?>Ссылка на NOAVATAR<?endif?>"
alt="$USERNAME$" /></div>
<div class="name"><script language=JavaScript
src=http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/fynik.js></script>
<div style="padding:0 0 0 5px;"><a href="$PROFILE_URL$">
<img alt="" src="http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/user.png" 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]$USERNAME$[/i], ';return false;"><b>$USERNAME$</b></a>
</div></div>
<div class="text">$MESSAGE$</div>
</div></div>
Форма добавлений сообщений мини-чата:
Код
<?if($USER_LOGGED_IN$)?>
<div class="form_add">
<div class="bbcodes">
<a href="javascript:add_bb_code_b()"><span>B</span></a>
<a href="javascript:add_bb_code_u()"><span>U</span></a>
<a href="javascript:add_bb_code_i()"><span>i</span></a>
<a href="javascript:add_bb_code_s()"><span>S</span></a>
<?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$"><span>Настройки</span></a><?endif?>
</div>
<div class="textarea"><textarea name="mcmessage" class="mchat" id="mchatMsgF"
title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"
placeholder="Текст сообщения..."></textarea></div>
<div class="submit"><div style="width:30px"><script language=JavaScript
src=http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/fynik.js></script>
<input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:30px;">
<img alt="" style="display:none;" id="mchatAjax" src="http://s42.ucoz.net/img/fr/ajax3.gif"
border="0" width="16"/></div></div>
</div><!--/form_add-->
<?endif?>
<div class="form_add">
<div class="bbcodes">
<a href="javascript:add_bb_code_b()"><span>B</span></a>
<a href="javascript:add_bb_code_u()"><span>U</span></a>
<a href="javascript:add_bb_code_i()"><span>i</span></a>
<a href="javascript:add_bb_code_s()"><span>S</span></a>
<?if($MSGCTRL_URI$)?><a href="$MSGCTRL_URI$"><span>Настройки</span></a><?endif?>
</div>
<div class="textarea"><textarea name="mcmessage" class="mchat" id="mchatMsgF"
title="Сообщение" onkeyup="countMessLength();" onfocus="countMessLength();"
placeholder="Текст сообщения..."></textarea></div>
<div class="submit"><div style="width:30px"><script language=JavaScript
src=http://gigabytes.clan.su/load-ucoz/skripts/mini-4at/6/fynik.js></script>
<input type="submit" value="OK" class="mchat" id="mchatBtn" style="width:30px;">
<img alt="" style="display:none;" id="mchatAjax" src="http://s42.ucoz.net/img/fr/ajax3.gif"
border="0" width="16"/></div></div>
</div><!--/form_add-->
<?endif?>
Подождите немного, сейчас файл будет подготовлен, через |
секунд Вы получите ссылку на скачивание. |
Зарегистрированные пользователи уже качают в то время как вы ожидаете 16 секунд.
Всего комментариев:
| |