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... |
|
სულ კომენტარები: 1 | |||||||||||||||||||||||||||||||||||||
მოგესალმები Гость
|