Главная » Статьи » Прочее

Новая Форма добавления комментарий


Шаг 1 - Установка HTML
Устанавливаем html каркас формы добавления комментарий uCoz, для этого идём в П.У - Дизайн - Управление дизайном - Комментарии - Форма добавления комментариев, удаляем старый код и устанавливаем новый:
Код

<!-- Начало тегов форма комментарий -->  
  <div id="forma_comment">  

  <?if($BBCODES$)?>  
  <div id="comment_panel">  

  <div class="menu_n">  
  <a href="#" ><img alt="" src="http://hawk.do.am/Kartinki1/smail.gif"></a>  
  <div class="dd_menu">  
  <span class="dd_ugol1"></span>  
  <script type="text/javascript" src="http://hawk.do.am/Kartinki1/smile.js"></script>  
  </div>  
  </div>  

  <div id="panel_bb">  
  <a href="javascript://" onclick="simpletag('b')" title="Жирный">B</a>  
  <a href="javascript://" onclick="simpletag('i')" title="Курсив" class="panel_i" >i</a>  
  <a href="javascript://" onclick="tag_url('message','')" title="Добавить ссылку">http:</a>  
  <a href="javascript://" onclick="tag_image()" title="Добавить Картинку">img</a>  
  <a href="javascript://" onclick="simpletag('quote')" title="Цитата">Цитата</a>  
  <a href="javascript://" onclick="simpletag('code')" title="Вставить html-css код" class="panel_code" >Сode</a>  
  <a href="javascript://" class="panel_close" onclick="closeall('message','');" title="Закрыть все BB-коды">Close-BB</a>  
  <a href="javascript://" onclick="window.open('/index/17','bbcodes','scrollbars=1,width=550,height=450,left=0,top=0');" class="panel_info" >Справка</a>  
  $BBCODES$  
  </div>  

  </div>  
  <?endif?>  

  <textarea style="height:80px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea>  

  <?if(!$USER_LOGGED_IN$)?>  
  <input class="comm_input left" type="text" name="name" value="Имя" onclick="if (this.value=='Имя'){this.value='';}" size="30" maxlength="60">  
  <input class="comm_input right" type="text" name="email" value="E-mail" onclick="if (this.value=='E-mail'){this.value='';}" size="30" maxlength="60">  
  <?endif?>  
  <?if($ERROR$)?><div id="panel_error">$ERROR$</div><?endif?>  
  <div id="panel_bottom">  
  $SECURITY_CODE$  
  <input type="submit" class="kn_dobavit" name="submit" value="Добавить комментарий">  
  </div>  
  </div>  
  <!-- /Конец тегов форма комментарий -->

Шаг 2 - Установка CSS
Заходим в П.У - Дизайн - Управление дизайном(CSS) и в самый низ вставляем стиль для формы добавления комментарий:
Код

/* Форма комментарий  
  ------------------------------------------*/  
  #forma_comment {  
  float:left;  
  width:540px;  
  background:#fff;  
  padding: 15px 30px 15px 30px;  
  }  

  .comm_input {  
  color:#999;  
  padding:5px;  
  width:245px;  
  background: #f9f9f9;  
  border: 1px solid #E0E0E0;  
  margin: 10px 0px 10px 0px;  
  }
Категория: Прочее | Добавил: slavick (07.08.2013)
Просмотров: 105 | Теги: Комментарий, добавления, новая, форма, ucoz, для | Рейтинг: 1.0/2
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]