[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Новый вид комментариев
yanДата: Четверг, 05.05.2011, 21:47 | Сообщение # 1
Логин: yan
Имя: Ян Янченко
Сообщений: 12
Награды: 0
Репутация: 10
Замечания:
Offline

Это в CSS:

Code
/* Вид комментария */   
  .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;   
  }

А это в вид комментариев:

Code
<a name="comment"></a><form method="post" action="" name="dlemasscomments" id="dlemasscomments">   
  <div id='comment-id-79'><div class="new-com">   

  <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>
Прикрепления: 3192545.jpg (12.5 Kb)
  • Страница 1 из 1
  • 1
Поиск: