Скрипты-სკრიპტები

მთავარი » 2012 » მაისი » 11 » Форма добавления комментариев для uCoz
19:23
Форма добавления комментариев для uCoz
Описание:
Сегодня я предлагаю каждому администратору по своему желанию, заменить стандартную форму добавления комментариев для uCoz, на более удобную версию.
По сути дела - это старая визуальная версия, но в новой оболочке.

Установка:

HTML-Code
Code
<div id="centerdmru_os">
       
<div id="centerdmru_error">$ERROR$</div>
<div id="centerdmru_vxod">
    
    <span class="left"> <input class="input_name" onclick="this.className='input_os'" type="text" name="name" value="$NAME$" size="30" maxlength="60"></span>
    <span class="right"><input class="input_email" onclick="this.className='input_os'" type="text" name="email" value="$EMAIL$" size="30" maxlength="60"></span>    
    
    $BBCODES$
</div>
       
<div id="centerdmru_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>

Тут ваш набор смайлов    

</div>    
    <div class="right smail"><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></div>    
</div>    
<textarea class="centerdmru_message" style="height:135px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea>
<div id="centerdmru_footer">
    <div class="left">$SECURITY_CODE$</div>    
    <div class="right"><input type="submit" class="knopka_coment" id="addcBut" name="submit" value="Добавить комментарий"></div>    
</div>    
       
</div>


В выше приведённом коде за место "Тут ваш набор" смайлов вставьте следующие теги со смайлами у себя на сайте.

Обратите внимания, что после полей Name и Email сразу идут bb-коды, поэтому в админ панели
Пользователи => Группы пользователей => Комментарии, установите запрет на использования в комментариях bb-кодов, гостям и не проверенным пользователям.

CSS-Code
Code
/* Форма добавления комментариев    
----------------------------------------------------- */    
#centerdmru_os {
    overflow: hidden;    
    width:600px;    
}

#centerdmru_error {
    text-align:center;
    font:12px Verdana,Arial,Helvetica,sans-serif;
    color:#ff0000;
    font-weight: bold;
    padding: 5px 0px;
    width:100%;    
}

#centerdmru_vxod {
    float:left;
    width:100%;    
    padding: 0px 0px 5px 0px;
}

#centerdmru_smail {
    float:left;
    width:100%;    
    padding: 5px 0px 3px 0px;
}

.centerdmru_message {
    font:12px Verdana,Arial,Helvetica,sans-serif;
    color:#555;
    width:100%;    
    padding:5px;
    border:1px solid #D6D6D6;
    background: #f9f9f9;    
}

#centerdmru_footer {
    float:left;
    width:100%;    
    padding: 15px 0px 0px 0px;
}

.input_os,
.input_name,
.input_email {
    font:11px Verdana,Arial,Helvetica,sans-serif;
    color:#555;
    width:280px;    
    padding: 6px 5px;
    border:1px solid #D6D6D6;
    background: #f9f9f9;    
}

.input_name {
    background: url('http://www.center-dm.ru/ucoz/forma_coment/vxod_login.png') no-repeat center #f9f9f9;
}

.input_email {
    background: url('http://www.center-dm.ru/ucoz/forma_coment/vxod_email.png') no-repeat center #f9f9f9;
}

.codeButtons {
    color:#929292;
    text-shadow: 0px 1px 1px #fff;
    background: #ebebeb;
    padding: 2px 3px;
    margin: 0px 4px 0px 1px ;
    outline: 1px solid #D6D6D6;
    border:1px solid #fff;
}

.smail {
    font:11px Verdana,Arial,Helvetica,sans-serif;    
    font-weight: bold;
    padding: 4px 5px 0px 0px;
}

.securityCode {
    border:1px solid #D6D6D6;
    background: #f9f9f9;    
}

.knopka_coment {
    color:#8F9497;
    background: #F6F6F6;    
}

.knopka_coment:hover {
    color:#555;
    background: #F2F2F2;    
}

.knopka_coment,    
.knopka_coment:hover {
    font:11px Verdana,Arial,Helvetica,sans-serif;    
    text-shadow: 1px 1px 1px #fff;
    border:1px solid #D6D6D6;
    padding: 9px 10px;
}

.transparency_i a:hover img {
    filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);    
    -moz-opacity: 0.5;
    opacity: 0.5;    
    filter: alpha(opacity=50);
}

.left {float:left;}
.right {float:right;}
.clear {clear:left;}
/* ----------------------------------------------------- */


Теперь каждый желающий может изменить визуальное оформление полей по своему желанию, изменив рамку и цвет фона, ах да и не забудьте изменить ширину основной ячейки и основных полей.

А для тех, кто не хочет чтобы в полях отображалось графическое название полей, а обычный текст, может сделать также как и у меня в блоге, а именно:

Заменить

HTML-Code
Code

    <span class="left"> <input class="input_name" onclick="this.className='input_os'" type="text" name="name" value="$NAME$" size="30" maxlength="60"></span>
    <span class="right"><input class="input_email" onclick="this.className='input_os'" type="text" name="email" value="$EMAIL$" size="30" maxlength="60"></span>    
    


на

HTML-Code
Code

    <span class="left"> <input class="input_name" type="text" name="name" value="Ваше имя (обязательно)" onclick="if (this.value=='Ваше имя (обязательно)'){this.value='';}"></span>
    <span class="right"><input class="input_email" type="text" name="email" value="Ваш E-mail (обязательно)" onclick="if (this.value=='Ваш E-mail (обязательно)'){this.value='';}" ></span>
    


а в css стилях, убрать две строчки:

CSS-Code
Code
.input_name {
    background: url('vxod_login.png') no-repeat center #f9f9f9;
}

.input_email {
    background: url('vxod_email.png') no-repeat center #f9f9f9;
}


Вот и всё, теперь у вас установлена удобная форма добавления комментариев для uCoz...
კატეგორია: Вид материала | ნანახია: 434 | დაამატა: nukria | რეიტინგი: 0.0/0
სულ კომენტარები: 1
+1   Spam
Margarita1022
тут на данном интернет-ресурсе вы можете увидеть громадный набор интересных статей о ` http://www.infosuper.ru/ - Депозиты.

კომენტარის დამატება შეუძლიათ მხოლოდ დარეგისტრირებულ მომხმარებლებს
[ რეგისტრაცია | შესვლა ]
მოგესალმები Гость