Суббота, 30.11.2024, 06:40

Реклама:


  • Страница 1 из 1
  • 1
Новый вид комментариев
darkinДата: Среда, 04.05.2011, 21:06 | Сообщение # 1
Сообщений: 21
Репутация: [ 9 ]
Замечания:

Это в 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
Поиск:



Статистика Форума
Лучшие пользователи
Уважаемые пользователи
Популярные темы
Недавно обновленные темы
Flame Постов [ 495 ]
DeFeNdEr Постов [ 67 ]
{{GUF}} Постов [ 49 ]
3oM6u Постов [ 40 ]
VoV4Ik Постов [ 31 ]
^lemps^ Постов [ 27 ]
darkin Постов [ 21 ]
МyЖиK Постов [ 16 ]
Batareyka Постов [ 15 ]
jasminka Постов [ 13 ]
DeFeNdEr Репутация [ 106 ]
{{GUF}} Репутация [ 100 ]
Sipnein Репутация [ 51 ]
Camper-ks Репутация [ 50 ]
Flame Репутация [ 18 ]
darkin Репутация [ 9 ]
3oM6u Репутация [ 8 ]
VoV4Ik Репутация [ 2 ]
→-Ry[☼]uK_™ Репутация [ 2 ]
Di4log Репутация [ 2 ]
Заявка от Скепа:) [ 10 ]
ОЦЕНИТЕ No avatar [ 9 ]
АВУ [ 9 ]
2 ШАПКИ ДЛЯ САЙТА. [ 8 ]
Оцените мою работу =) [ 8 ]
Вопрос! [ 7 ]
Баннер [ 7 ]
баннеробмен [ 7 ]
Мини профиль для uCoz [ 6 ]
Банерообмен [ 6 ]
Подскажите [ 0 ]
Обмен) [ 1 ]
Где взять и установить s... [ 5 ]
Правила раздела [ 1 ]
Профиль для ucoz в нижне... [ 0 ]
Красивый информер для фа... [ 0 ]
Уведомления о регистраци... [ 0 ]
Форма входа на uCoz [ 0 ]
http://nurtube.ru/ [ 0 ]
http://like-net.ru/ [ 0 ]

Design by Flame | Бесплатный конструктор сайтов - uCoz Дизайн данного сайта полностью принадлежит администратору.