Поиск:
  • Страница 1 из 1
  • 1
Красивый вид комментариев
Дата: Четверг, 23.06.2011, 14:37 | Сообщение # 1
Offline
  • Проверенный
  • Ранг: Генерал-лейтенант
  • 809 Сообщения


Это в 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
Поиск:
Администрация проекта не несет ответственности за публикуемые материалы.
Дизайн полностью принадлежит "Up-Rise.Ru".
Дизайн сайта разработал life_man.
© 2024 Сайт управляется системой uCoz.