Регистрация    Войти
Авторизация

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

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

Форма добавления и вид комментариев для ucoz. Данная часть дизайна заменяет стандартный вид комментариев и форму добавления комментариев. Был написан Fergus для общего пользования

Установка:
Это закидываем в "Вид комментариев"
<table style="margin: auto" width="100%"> 
  <tr>
  <td width="70" valign="top">
  <div class="avacoment">
  <?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$"><img alt="" width="45"
src="$USER_AVATAR_URL$" /></a><?else?><img alt="" width="45" src="http://photo.usite.su/_ph/1/2/567110054.gif" /><?endif?>
  <br>
  <?if($ANSWER_URL$)?><a href="$ANSWER_URL$"><input type="submit"
value="ответить"></a><?endif?>
  </div></td>
  <td valign="top">
  <div class="cell_coment">
  <div class="coment_info">
  <span class="tip"></span>
  <div class="coment_os">
  <div class="data">$DATE$ $TIME$ $WDAY$ | №$NUMBER$ <?if($MODER_PANEL$)?>
$MODER_PANEL$<?endif?>< /div>
  <div class="comlink"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?
else?>Гость<?endif?></div>
  $MESSAGE$  
  </div>
  </div>
  </div></td>
  </tr>
</table>

Потом это в "Форма добавления комментариев"
<style> 
  .securityCode {
  border:0px;
  border-right:1px solid #ccc;
  }
</style>

<div style="padding:10px;border-radius: 2px;background: #000;color:#fff;margin-bottom:5px;"><b>Добавить комментарий</b></div>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr><td class="commTd2" colspan="2">$ERROR$</td></tr>
  <?if(!$USER_LOGGED_IN$)?>
  <tr><td width="240" class="commTd1" nowrap><input style="width:235px;border:1px
solid #dcdcdc;border-radius: 4px;padding:8px;" type="text" name="name" placeholder="Имя" value="$NAME$"></td>
  <td class="commTd1" align="left"><input style="width:235px;border:1px solid
#dcdcdc;border-radius: 2px;padding:8px;" type="text" name="email" placeholder="Email" value="$EMAIL$"></td>
    
  </tr>
  <?endif?>
  <tr><td class="commTd2" colspan="2"><table border="0" cellpadding="0"
cellspacing="0" width="100%"><tr><td valign="top"><textarea class="commFl" style="height:80px;border:1px solid #dcdcdc;border-radius: 4px;padding:8px;margin-top:5px;margin-bottom:5px;" rows="8" name="message" id="message" cols="50">$MESSAGE$</textarea></td></tr></table></td></tr>
  <tr><?if($SECURITY_CODE$)?><td style="width: 250px !important;" align="right"
class="commTd20">$SECURITY_CODE$</td><?endif?><td align="right"><input sty type="submit" class="commSbmFl" id="addcBut" name="submit" style="border:1px solid #000;border-radius: 2px;padding:8px;margin-left:5px;" value="Отправить"></td></tr>
</table>

Затем кидаем CSS в "Таблица стилей (CSS)"
.cell_coment { 
  position: relative;
}
.coment_info {
  position: relative;
  text-align: justify;
  color: #555;
  background: #fff;
  border: 1px solid #dddddd;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 4px;
}
.coment_os {
  overflow: hidden;
}
.tip {
  position: absolute;
  top: 10px;
  left: -7px;
  height: 13px;
  width: 9px;
  background: url("http://photo.usite.su/_ph/1/2/220972501.png") no-repeat top left;
}
.avacoment {
    
}
.avacoment img {
  padding: 5px;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.avacoment input {
  width: 57px;
  border-radius: 2px;
  border:1px solid #e1e1e1;
  margin-top:5px;
  color:#b5b5b5;
}
.comlink {
  font: 700 12px "Arial";
  color: #f23030 !important;
  margin-bottom: 5px;
}
.comlink a {
  font: 700 12px "Arial";
  color: #f23030 !important;
  text-decoration: none !important;
}

.comlink a:hover {
  text-decoration: underline !important;
}

.commTd20 {
  border-radius: 2px;
  border:1px solid #ccc;
  background: #fff;
}

.data {
  float: right;
  color:#3c3c3c;
  font: 700 10px "Arial";
}
.linkotvet {
  margin-top:3px;
}

.linkotvet a {
  border-radius: 2px;
  border:1px solid #ccc;
  font: 400 11x "Arial";
  color: #ccc;
  text-decoration: none !important;  
  padding:1px;
}

Есть вопросы по шаблону или скрипту? так задай их и мы ответим!

Автор: chestr  14-04-2012, 20:50   Просмотров: 7309   
часть, пользования, добавления, общего, стандартный, дизайна, комментариев, Данная, добавления, написан, комментариев,
Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо зайти на сайт под своим именем.

Пользователь offline pekkea 16 августа 2012 15:05
просто класс!!!

          1
Пользователь offline alanwake1991 5 мая 2013 22:29
Господ админ, кто у вас теги добавляет!? Это ведь кошмар - как так можно!

          2

Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.