SONIC-TM.RU Мы вместе! Мы победим!

img
  • Страница 1 из 1
  • 1
Новый вид комментариев
Понедельник, 13.06.2011, 16:46 | Сообщение # 1
Graffiti Master
Сообщений:
48
Награды:


Это в 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>
  • Страница 1 из 1
  • 1
Поиск: