Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Новый вид комментариев
Дата: Пт, 16.09.2011, 12:48:41 | Сообщение # 1
Аватарка StiP
OFF
Пользователь
1 Сообщения:
1 Награды:
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>



Адекваша™
  • Страница 1 из 1
  • 1
Поиск: