» »

Светлая форма добавления комментарий uCoz


Светлая форма добавления комментарий uCoz

Вот хочу вам представить очень красивую форму добавления комментарий на сайт. Как увидел код или скрипт, сразу понял что найду битые ссылки так как ссылок в ней много, а из этого выходит что могут быть битые не рабочие и значит будит небольшой стиль что порадовало. Да не ошибся ссылки некоторые были битые и пришлось не мало труда вложить чтоб все восстановить. И как видите все восстановлено на тестовом сайте. Где я все функций проверил и могу утверждать все работает. На картинке вы видите смайлы, я специально вызвал их и сделал с ними картинку.

Как говорил есть стили, их немного чтоб подогнать под свой сайт по ширине и длине, это не сложно кому не понятно напишите я все объясню. Мне очень понравился сам дизайн и кнопки, они так стоят сто от них со всех сторон идет тень и это очень красиво смотрится. Так же создана шикарно кнопка отправить сообщение. Думаю вам понравиться такой вид, лично я его в первые вижу. Может потому что он с битыми ссылками был и его не устанавливали на сайт, не знаю. Но вам дорогие пользователи я все сделал и проверил на валидность, на ошибки. И был удивлен что ошибок в коде почти нет. Есть небольшой процент но он малый, так как у всех скриптов есть своя валидность. Отличный скрипт, которым хочу с вами поделиться.
Установка:
Идем в админ панель - комментарий - форма добавление комментариев и оттуда все убираем и прописываем наш код который идет уже со стилями.
Код
<!--Форма добавления комментариев-->  
  <div id="respond">  
  <h3>Добавить комментарий</h3>  
  <style type="text/css">  
  <!--  
  #bbcodes {display:none;}  
  .selectors {  
  height: 26px;  
  width: auto;  
  }  
  -->  
  </style>  
  <br>  
  <table width="100%">  
  $ERROR$  
  <tr>  
  <td background="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif"><img  
src="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif" width="5" border="0"></td>  
  <td class="news" valign="top">  
  <table width="450">  
  <?if($USER_LOGGED_IN$)?> <?else?>  
  <tr>  
  <td height="25" class="slink">Имя:</td>  
  <td height="25" style="width:380px;"><input type="text" name="name"  
id="name" value="$NAME$" style="width:140px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>  
  </tr>  
  <tr>  
  <td height="25" class="slink">E-Mail:</td>  
  <td height="25"><input type="text" name="mail" id="mail"  
value="$EMAIL$" style="width:140px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>  
  </tr>  
  <tr>  
  <td height="25" class="slink">WWW:</td>  
  <td height="25" style="width:380px;"><input type="text" name="www"  
id="www" value="$SITE$" style="width:140px; height:20px; font-family:tahoma; font-size:11px; border:1px solid #E0E0E0 "></td>  
  </tr>  
  <?endif?>  
  <?if($USER_LOGGED_IN$)?>  
   
  <tr>  
  <td colspan="2"><?if($USER_LOGGED_IN$)?>  
  <div id=bbcodes>$BBCODES$</div>  
  <table width="100%" border="0" cellspacing="2" cellpadding="0">  
  <tr>  
  <td align="left"><table border="0" cellspacing="0"  
cellpadding="0">  
  <tr>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/b.gif" width="20"  
height="21" border="0" title="Жирный" onclick="simpletag('b')"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/u.gif" border="0"  
title="Подчеркнутый" onclick="simpletag('u')"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/s.gif" border="0"  
title="Зачеркнутый" onclick="simpletag('s')" ></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/image.gif" border="0"  
title="Добавить Картинку" onclick="tag_image()"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/link.gif" border="0"  
title="Вставить ссылку" onclick="tag_url()"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/email.gif" border="0"  
title="Вставить email" onclick="tag_email()"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/code.gif" border="0"  
title="Код" onclick="simpletag('code')"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/quote.gif" border="0"  
title="Цитата" onclick="simpletag('quote')"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/l.gif" border="0"  
title="По левому краю" onclick="simpletag('l')"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/c.gif" border="0"  
title="По центру" onclick="simpletag('c')"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/r.gif" border="0"  
title="По правому краю" onclick="simpletag('r')"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/hide.gif" title="hide"  
onclick="simpletag('hide')" border="0"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/translit.gif"  
title="Транслит" onclick="simpletag('translit')" border="0"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/mp3.gif" title="Аудио"  
onclick="simpletag('audio')" border="0"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/mp.gif" title="Video"  
onclick="simpletag('video')" border="0"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/emo.gif" title="Cмайл"  
onclick="openLayerB('Sml',0,'/index/35-1-0','Полный список смайлов',250,300);return false;" border="0"></td>  
  <iframe width="-10" height="-10" id="cp" src="bbcodes/color.html"  
frameborder="0" vspace="0" hspace="0" marginwidth="0" marginheight="0" scrolling="no" style="visibility:hidden; display: none; position: absolute; left:15; top:149"></iframe>  
  <div id="dle_emo" style="visibility:hidden; display: none; position:  
absolute; width:140px; height: 124px; overflow: auto; border: 1px solid #BBB; background:#E9E8F2;filter: alpha(opacity=95, enabled=1) progid:DXImageTransform.Microsoft.Shadow(color=#CACACA,direction=135,strength=3);">{$output}</div>  
  </tr>  
  </table></td>  
  </tr>  
  </table>  
  <?endif?></td>  
  </tr>  
  <?endif?><tr>  
  <td colspan="2"><textarea name="message" id="message"  
onclick="setNewField(this.name, document.getElementById( 'dle-comments-form' ))" style="width:461px; height:160px; font-family:verdana; font-size:11px; border:1px solid #E0E0E0;">$MESSAGE$</textarea></td>  
  </tr>  
  <?if($SECURITY_CODE$)?>  
  <tr>  
  <td class="slink">Код:</td>  
  <td class="slink">$SECURITY_CODE$</td>  
  </tr>  
  <?endif?>  
  <tr>  
  <td colspan="2">  
  <input onClick="doAddComments();return false;" name="submit"  
type="image" src="http://zornet.ru/CSS-ZORNET/ZR/send.png">  
   
  </td>  
  </tr>  
  </table>  
  </td>  
  <td background="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif"><img  
src="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif" width="5" border="0"></td>  
  </tr>  
  <tr>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif" width="5"  
height="10" border="0"></td>  
  <td background="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif"><img  
src="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif" width="1" height="10" border="0"></td>  
  <td><img src="http://zornet.ru/CSS-ZORNET/ZR/spacer.gif" width="5"  
height="10" border="0"></td>  
  </tr>  
  </table>  
   
  </div> <!-- end respond div -->  
  <!--Форма добавления комментариев-->
04.08.2013 Просмотров: 836 Комментарий: (0)

Поделиться в социальных сетях

Материал разместил

Комментарий: 0
avatar