22:43
Logical-Portal.ru
Forum Logo

  • Страница 1 из 1
  • 1
Красивый вид комментариев
pro_ronf Среда, 23.05.2012, 23:03 | Сообщение # 1
Сообщений: 121
Награды:0

Это в 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>    
brokens Суббота, 16.06.2012, 23:54 | Сообщение # 2
Сообщений: 27
Награды:0
По моему ты ошибся разделом)
pro_ronf Воскресенье, 17.06.2012, 10:47 | Сообщение # 3
Сообщений: 121
Награды:0
brokens, не, это ш каталог файлов, коментарии
  • Страница 1 из 1
  • 1
Поиск:
Design by pro_ronf. | Copyright torrent-portal Project © 2025 |