Новая форма добавления комментариев для системы юкоз powered by testcs.ru
В CSS:
Code
/* Форма добавления комментарий
------------------------------------------*/
#forma_comment_vnu {
overflow: hidden;
float:left;
width:auto;
background: #EEEEEE;
padding: 15px;
border: 1px solid #EEEEEE;
}
.pola_comment {
float:left;
overflow:hidden;
width:auto;
background:#EEEEEE;
margin-bottom: 10px;
}
.pola_comment div {
float:left;
font:11px Verdana,Arial,sans-serif; font-weight: bold;
color:#B2B2B2; text-shadow: 1px 1px 1px #fff;
width:55px;
background:#dcedf0;
border:1px solid #c0dee7;
border-right:none;
padding: 5px 0px 5px 5px;
margin:0px;
}
.pola_comment input {
float:left;
font:11px Verdana,Arial,sans-serif;
color:#555;
width:198px;
background: #fff;
border:1px solid #c0dee7;
border-left:none;
padding: 5px 5px;
margin:0px;
}
.pola_comment span {
color:#c32020;
}
#mar_l {
margin: 0px 30px 0px 0px;
}
#forma_comment_panel {
float:left;
overflow:hidden;
width:100%;
}
#panel_smail {
float:left;
width:95%;
background:#B2B2B2;
padding: 4px 5px 4px 5px;
border-right: 30px solid #aaaaaa;
border-left: -10px solid #aaaaaa;
}
#siska {
float:right;
width:95%;
border-right: 40px solid #aaaaaa;
}
#panel_bottom {
float:left;
width:100%;
background:#B2B2B2;
padding: 10px 0px 10px 0px;
border-right: 1px solid #c0dee7;
border-left: 1px solid #c0dee7;
border-bottom: 1px solid #c0dee7;
}
#panel_smail p {
float:right;
margin:0px;
padding: 7px 0px 0px 0px;
}
#forma_comment_vnu textarea {
float:left;
font: 115%/1.5 Verdana,Arial,Helvetica, sans-serif; color:#555;
width:100%!important;
background: #fff;
padding: 5px 10px;
border:1px solid #c0dee7;
margin:0px;
}
.pola_comment input:focus,
#panel_bottom .securityCode:focus,
#forma_comment_vnu textarea:focus {
box-shadow:inset 0px 1px 3px #bbb;
-webkit-box-shadow:inset 0px 1px 3px #bbb;
-moz-box-shadow:inset 0px 1px 3px #bbb;
}
#panel_bottom .securityCode{
font: 13px Verdana,Arial,Helvetica, sans-serif!important; color:#555;
background:#fff;
border: 1px solid #c0dee7;
border-left: none;
padding: 6px 0px 5px 5px!important;
margin:0px;
}
#panel_error {
float:left;
text-align:center;
font: 12px Verdana,Arial,Helvetica, sans-serif;
text-shadow: 1px 1px 1px #fff;
width:570px;
margin: 0px 0px 10px 0px;
}
#panel_bottom .left img{
margin:0px;
}
.knopka_comment_dm {
font: 10px Verdana,Arial,Helvetica, sans-serif!important; font-weight: bold;
color:#226891!important; text-shadow:1px 1px 1px #fff!important;
background:#afd5eb!important;
border:1px solid #84ABC2!important;
padding: 2px 3px!important;
margin-right: 5px!important;
}
.knopka_comment_dm:hover {
background:#c9e6f7!important;
}
/* -------------------------------------- */
/* Вид Панели BB-кодов
------------------------------------------*/
#panel_bb {
float:left;
width:100%;
height:22px;
background:url(http://www.testcs.ru/img_file1/fon_panel_bb.gif);
}
#panel_bbt {
float:left;
width:100%;
border-top: 1px solid #c0dee7;
}
#panel_bb .codeButtons {
display:none
}
#panel_bb a {
float:left;
display:block;
width:23px;
height:22px;
background:url(http://www.testcs.ru/img_file1/knopki_bb.png)no-repeat;
}
#panel_bb a.panel_b {background-position:0px 0px; }
#panel_bb a:hover.panel_b {background-position:0px -22px;}
#panel_bb a.panel_i {background-position:0px -44px;}
#panel_bb a:hover.panel_i {background-position:0px -66px;}
#panel_bb a.panel_u {background-position:0px -88px;}
#panel_bb a:hover.panel_u {background-position:0px -110px;}
#panel_bb a.panel_url {background-position:0px -132px}
#panel_bb a:hover.panel_url {background-position:0px -154px;}
#panel_bb a.panel_email {background-position:0px -176px;}
#panel_bb a:hover.panel_email {background-position:0px -198px;}
#panel_bb a.panel_image {background-position:0px -220px;}
#panel_bb a:hover.panel_image {background-position:0px -242px;}
#panel_bb a.panel_citata {background-position:0px -264px;}
#panel_bb a:hover.panel_citata{background-position:0px -286px;}
#panel_bb a.panel_code {background-position:0px -308px;}
#panel_bb a:hover.panel_code {background-position:0px -330px;}
#panel_bb a.panel_hide {background-position:0px -352px;}
#panel_bb a:hover.panel_hide {background-position:0px -374px;}
#panel_bb a.panel_list {background-position:0px -396px;}
#panel_bb a:hover.panel_list {background-position:0px -418px;}
#panel_bb a.panel_l {background-position:0px -440px;}
#panel_bb a:hover.panel_l {background-position:0px -462px;}
#panel_bb a.panel_c {background-position:0px -484px;}
#panel_bb a:hover.panel_c {background-position:0px -506px;}
#panel_bb a.panel_r {background-position:0px -528px;}
#panel_bb a:hover.panel_r {background-position:0px -550px;}
#panel_bb a.panel_hr {background-position:0px -572px;}
#panel_bb a:hover.panel_hr {background-position:0px -594px;}
#panel_bb a.panel_close {background-position:0px -616px;}
#panel_bb a:hover.panel_close {background-position:0px -638px;}
#panel_bb a.panel_info {float:right; background-position:0px -660px;}
#panel_bb a:hover.panel_info {background-position:0px -682px;}
/*------------------------------------------*/
В форму добавления комментариев:
Code
<div id="forma_comment_vnu">
<?if(!$USER_LOGGED_IN$)?>
<div class="pola_comment" id="mar_l"><div>Имя <span>*</span>:</div><input class="comm_p" type="text" name="name" value="$NAME$" size="30" maxlength="60"></div>
<div class="pola_comment"><div>Email <span>*</span>:</div><input class="comm_p" type="text" name="email" value="$EMAIL$" size="30" maxlength="60"></div>
<?endif?>
<div id="forma_comment_panel">
<?if($BBCODES$)?>
<div id="panel_bb">
<a class="panel_b" onclick="simpletag('b')" title="Жирный"></a>
<a class="panel_i" onclick="simpletag('i')" title="Курсив"></a>
<a class="panel_u" onclick="simpletag('u')" title="Подчеркнутый"></a>
<a class="panel_url" onclick="tag_url('message','')" title="Добавить ссылку"></a>
<a class="panel_email" onclick="tag_email('message','')" title="Добавить E-mail "></a>
<a class="panel_image" onclick="tag_image()" title="Добавить Картинку"></a>
<a class="panel_citata" onclick="simpletag('quote')" title="Цитата"></a>
<a class="panel_code" onclick="simpletag('code')" title="Вставить html-css код"></a>
<a class="panel_hide" onclick="simpletag('b')" title="Спрятать под hide"></a>
<a class="panel_list" onclick="tag_list()" title="Вставить Список"></a>
<a class="panel_l" onclick="simpletag('l')" title="По левому краю"></a>
<a class="panel_c" onclick="simpletag('c')" title="По центру"></a>
<a class="panel_r" onclick="simpletag('r')" title="По правому краю"></a>
<a class="panel_hr" onclick="add_code('[hr]','message')" title="[hr] - Линия"></a>
<a class="panel_close" onclick="closeall('message','');" title="Закрыть все BB-коды"></a>
<a class="panel_info" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" title="Справка по BB-кодам"></a>
$BBCODES$
</div>
<?else?>
<div id="panel_bbt"></div>
<?endif?>
<div id="panel_smail">
<div class="left transparency_i"><script type="text/javascript">function emoticon(code,nm){if (code != ""){var txtarea=document.getElementById(nm);code = ' ' + code + ' ';if (document.selection) {txtarea.focus();var txtContent = txtarea.value;var str = document.selection.createRange();if (str.text == ""){str.text = code;} else if (txtContent.indexOf(str.text) != -1){str.text = code + str.text;} else {txtarea.value = txtContent + code;}}else{txtarea.value = txtarea.value + code;}}}</script>
<a href="javascript://" rel="nofollow" onclick="emoticon(':8:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://www.testcs.ru/img_file1/8.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':9: ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://www.testcs.ru/img_file1/9.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':7:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://www.testcs.ru/img_file1/7.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':34:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://www.testcs.ru/img_file1/34.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':32:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://www.testcs.ru/img_file1/32.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':25:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://www.testcs.ru/img_file1/25.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':18:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/18.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':11:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/11.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':2:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/2.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':20:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/20.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':21:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/21.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':22:','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/22.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':24: ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/24.gif" title="wacko" /></a>
<a href="javascript://" rel="nofollow" onclick="emoticon(':15: ','message');return false;"><img alt="" style="margin:0;padding:0;border:0;" src="http://city-cs.ru/smiles/15.gif" title="пиздец" /></a>
</div>
<p><a href="javascript://" rel="nofollow" onclick="new _uWnd('Sml',' ',-250,-350,{autosize:0,closeonesc:1,resize:0},{url:'/index/35-1-0'});return false;">Все смайлы</a><?if $USER_LOGGED_IN$?> <?else?> | <a href="$REGISTER_LINK$">Регистрация</a><?endif?></p>
</div>
</div>
<textarea style="height:105px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea>
<div id="panel_bottom">
<?if($ERROR$)?><div id="panel_error">$ERROR$</div> <?endif?>
<div class="left"><?if($SECURITY_CODE$)?>$SECURITY_CODE$ <?endif?></div>
<div class="siska" ><input type="submit" value="Написать" type="button">
</div>
</div>
</div>
Чтобы скачивать файлы вам нужна или Это займёт не больше 2х минут...
·
·
Метки: форма, ucoz, скрипты для ucoz, добавления, новая, комментариев, WWW.TESTCS.RU, от, для
|