Макеты
  • EXMO affiliate program
  • Выгодный курс обмена валюты
  • Здесь может быть Ваш текст или баннер номер №3...
    Пишите Свободно

NEW: 
Красивый вид комментариев для Ucoz

Информация:
Красивый вид комментариев для ucoz. Отличительной особенностью от других видов комментариев является то что в данной версии присутствует нестандартный вид модер-панели, который сделан под дизайн вида комментариев.

Автор: не известен.(если Вы являетесь автором просьба сообщить нам)
Источник: не установлен
Установка:
А это в вид комментариев:




Код
<table width="100%" cellpadding="0" cellspacing="0" class="levo1">  
  <tr>  
  <td width="100" class="new-com-img" valign="top">  
  <img src="$USER_AVATAR_URL$" style="border: 1px #a2a2a2 solid;" width="100" align="left">  
  </td>  
  <td valign="top" style="padding: 0 10px 0 10px;">  
  <div class="ugolok"></div>  

  <div class="shad2">  
  <div class="new-com-u">  
  <div class="new-com-author">  
  # $NUMBER$ <a hreh="$PROFILE_URL$" target="_blank">$USERNAME$</a> $DATE$ $TIME$  
  </div>  
  <div class="new-com-text">  
  <div id='comm-id-79'>$MESSAGE$</div>  
  </div>  

  <div class="new-com-link">  
  $ANSWER$  
  </div>  
  </div>  
  </div>  
   
  </td>  

  </tr>  
  </table>  

</div>


Это в CSS

Код
/* Вид комментария */  
.new-com {  
   
}  

  .new-com-img {  
   
  }  
   
  .new-com-author {  
  color: #a0a0a0;  
  font-size: 10px;  
  padding: 0 0 5px 0;  
  }  
   
  .new-com-author a {  
  color: #983965;  
  font-size: 18px;  
  margin-right: 30px;  
  }  
   
  .new-com-text {  
  padding: 10px;  
  background: #efefef;  
  }  
   
  .new-com-text a {  
   
  }  
   
  .new-com-podpis {  
  font-size: 10px;  
  padding: 5px;  
  text-align: right;  
  color: #a0a0a0;  
  }  
   
  .new-com-link {  
  font-size: 10px;  
  }  
   
  .new-com-link a {  
  color: #9a3966;  
  }  
   
  .ugolok {  
  position: absolute;  
  background: url(http://s56.radikal.ru/i153/1105/18/df1874cc6b5a.png) left top no-repeat;  
  width: 22px;  
  height: 19px;  
  margin: 10px 0 0 -21px;  
  z-index: 10000;  
  }  
   
  .new-com-u {  
  background: #fff;  
  border: 1px #ff3c16 solid;  
  padding: 10px;  
  }  
   
  .shad {  
  background: #fff url(http://i039.radikal.ru/1105/3a/7347f801683d.jpg) right bottom no-repeat;  
  padding: 0 22px 25px 0;  
  }  
   
  body:nth-of-type(1) .shad .new-com-u {  
  margin-right: 0px;  
  padding: 10px 20px 25px 10px;  
  }  
   
  .new-com-text #b_left, .new-com-text #b_center, .new-com-text #b_right, .new-com-text #b_spoiler, .new-com-text #b_color {  
  display: none;  
  }  
   
  .new-com-text input, .mass_comments_action input {  
  background: url(../images/form-text.gif) left top repeat-x;  
  color: #000;  
  }  
   
  /***** ****/  
  .color-2 .ugolok {  
  display: none;  
  }  
   
  .color-2 .new-com-u {  
  border: 0;  
  background: #f1f1f1;  
  }  
   
  .color-2 .levo1 {  
   
  }  
   
  .color-2 {  
  background: #f1f1f1;  
  padding: 5px;  
  margin-left: 20px;  
  margin-right: 10px;  
  }  
   
  .color-2 .new-com-text {  
  background: #fff;  
  }  
   
  .color-2 .new-com-link a {  
  color: #696969;  
  }  
   
  .color-2 .new-com-author a {  
  color: #696969;  
  }  
   
  .color-2 {  
   
  }  

.commentS-block {  
  background: #efefef;  
  padding: 5px;  
  border-top: 1px #340002 solid;  
}  
   
  .commentS-title {  
  height: 30px;  
  padding-left: 30px;  
  color: #818181;  
  font-size: 11px;  
  line-height: 25px;  
  }  
   
  .commentS-title a {  
  color: #340002;  
  text-decoration: none;  
  }  

   
  .commentS-data { /* таблица для содержимого */  
  width: 100%;  
  background: #fff;  
  }  
   
  .commentS-data td {  
  padding: 5px;  
  padding-left: 10px;  
  color: #666666;  
  }  
   
  .commentS-data a {  
  color: #3e94ff;  
  }  
   
  .commentS-td2 input {  
  height: 25px;  
  margin: 5px 20px 5px 0;  
  background: #343434;  
  color: #fff;  
  border: 1px #d0d0d0 solid;  
  }  
   
  .commentS-more {  
   
  padding: 5px;  
  margin-left: 30px;  
  color: #818181;  
  margin-right: 20px;  
  }  
   
  .commentS-more a {  
  color: #3b3b3b;  
  }  
   
.quote {  
  background: #feffd0;  
  padding: 5px;  
  border: 1px #707070 dotted;  
  color: #707070;  
}  

  .quote a {  
  color: #499eff;  
  }


Релиз от: ˙·٠•๑۩•Ooops•۩๑•٠·˙



Выгодный курс обмена валюты

 Вы собираетесь бесплатно 
Cкачать/Download 
 "Красивый вид комментариев для Ucoz" 
 Ссылки на скачивания 

  Download

Размер:
6.5 Kb


Категория: Ucoz | Добавил: ♔Ďęŕჳҝuŭ♔ | Теги: комментариев, uCoz, красивый Красивый вид комментариев для Ucoz комментариев, uCoz, красивый

Похожие новости:

Имя *:
Email *: