Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Комментарии: настройка дизайна
Модератор форума
Сообщение # 1 | 12:15:43
Стандартный шаблон комментариев теперь выглядит так:

Код
<div class="$CLASS$" style="padding:3px;">
<div class="cDate" style="float:right">$DATE$ $MODER_PANEL$</div>
<div class="cTop"><span style="width:18px;">$NUMBER$.</span> <b>$NAME$</b>
<?if($USERNAME$)?>(<a href="$PROFILE_URL$">$USERNAME$</a>)<?endif?>
<?if($EMAIL$)?><a href="$EMAIL_JS$" title="Email"><img border="0" align="absmiddle" src="http:https://src.ucoz.ru/t/114/e.gif"></a><?endif?>
<?if($SITE$)?><a rel="nofollow" href="$SITE$" target="_blank" title="Site"><img border="0" align="absmiddle" src="http:https://src.ucoz.ru/t/114/h.gif"></a><?endif?>
</div>
<div class="cMessage">$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer"><b>Ответ администратора</b>: $ANSWER$</div><?endif?>
</div>


Или табличный такой:

Код
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;"><div style="float:right;font-size:11px;font-family:Arial,sans-serif;"><?if($COMMENT_RATING$<0)?><span class="myWinError"><b>$COMMENT_RATING$</b></span><?else?><?if($COMMENT_RATING$=0)?><span style="color:gray;"><b>$COMMENT_RATING$</b></span><?else?><span class="myWinSuccess"><b>+$COMMENT_RATING$</b></span><?endif?><?endif?>  <?if($GOOD_COMMENT_URL$)?><a href="$GOOD_COMMENT_URL$"><img alt="" src="http://s2.ucoz.net/img/icon/thumbu.png" width="13" align="absmiddle" border="0" title="Хороший пост"></a> <a href="$BAD_COMMENT_URL$"><img alt="" src="http://s2.ucoz.net/img/icon/thumbd.png" width="13" border="0" align="absmiddle" title="Плохой пост"></a><?else?><img alt="" src="http://s2.ucoz.net/img/icon/thumbu_.png" align="absmiddle" width="13" border="0" title="Хороший пост"> <img alt="" src="http://s2.ucoz.net/img/icon/thumbd_.png" width="13" align="absmiddle" border="0" title="Плохой пост"><?endif?> $MODER_PANEL$</div><div class="cTop" style="text-align:left;"><?if($IS_OWN$)?><span class="myWinError">*</span> <?else?><?if($IS_NEW$)?><span class="myWinSuccess">*</span> <?endif?><?endif?><a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><b>$NUMBER$</b></a>
<?if($USERNAME$)?><a href="$PROFILE_URL$"><b>$USERNAME$</b></a><?else?><b>$NAME$</b><?endif?>   <span style="font-size:7pt;unicode-bidi:embed;">($DATE$ $TIME$)</span>
<?if($ENTRY_URL$)?>[<a href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Материал</a>]<?endif?>
</div>
<div class="cMessage" style="text-align:left;clear:both;padding:2px 0;"><?if($USER_AVATAR_URL$)?><a href="$PROFILE_URL$" title="$USERNAME$" style="padding-right:4px;"><img alt="" align="left" src="$USER_AVATAR_URL$" width="30" border="0" /></a><?endif?>$MESSAGE$</div>
<?if($ANSWER$)?><div class="cAnswer" style="text-align:left;clear:both;"><b>Ответ</b>: $ANSWER$</div><?endif?>
<?if($ANSWER_URL$)?><div style="clear:both;padding:4px 0;font-size:7pt;">[<a href="$ANSWER_URL$">Ответить</a>]</div><?endif?>
</td></tr></table>



То есть таблиц больше нет и совершенно поменялись классы. Естественно вы остались без оформления комментариев после обновлений от 12.06.07.

Но это дело поправимое. У нас теперь есть новые классы:

cDate - отвечает за вид даты добавления комментария.
cTop - отвечает за вид данных об авторе комментария.
cMessage - отвечает за вид самого комментария.
cAnswer - отвечает за вид ответа администратора.

И есть ещё очень интересная штука - $CLASS$ - CSS класс (разный для четных/нечетных комментариев) принимает вид:
cBlock1 - нечётные
cBlock2 - чётные

Есть ещё классы для оформления общего контейнера с комментариями:

commentsPart - общий вид.
csTop - отвечает за первую строку в контейнере с комментариями.
csQuantity - отвечает за вид надписи о количестве комментариев.

Есть ещё разные id, но их мы тут касаться не будем, это для знатоков.

В итоге пример самого простенького комментария:

/* Comments Style */
.cTop {font-size:11px;color:#C19454;font-weight:bold;padding-bottom:5px;}
.cDate {font-size:11px;color:#C19454;}
.cMessage{padding-left:5px;padding-top:2px;border:1px dashed #A67F48;text-align:justify;padding-bottom:5px;padding-right:3px;}
.cAnswer {padding-left:15px;padding-top:4px;font-style:italic;color:#7b2a24;}
/* -------------- */







CSS-конструктор для настройки стилей комментариев: Перейти »
НеТормози
Сообщений: 50
Репутация: 1

Сообщение # 91 | 22:14:07
fflesh, Я так и сделал, заменил. В вашем коде эти 94% тоже присутствуют. Все, убрал, все нормально. Осталось только прописать под себя.
C меня +

P.S. Спасибо этому форуму и его обитателям.

Добавлено (01-Фев-2012, 22:14:07)
---------------------------------------------
fflesh, Разрешите еще раз побеспокоить, что то у меня эти команды в строке не срабатывают

text-align:left!important;font-weight:normal!important

fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 92 | 22:45:08
НеТормози,
Quote (НеТормози)
fflesh, Разрешите еще раз побеспокоить, что то у меня эти команды в строке не срабатывают
text-align:left!important;font-weight:normal!important

Code
div.сomMessage,div.сomMessage div,div.сomMessage span,div.сomMessage font{font:normal 400 8pt/100% Tahoma,sans-serif!important;color:#000!important;text-align:left!important;}

Тут уже и фонт, и текст, и прочая белеберда.
... Что делать знаете?

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
borisle2
Сообщений: 29
Репутация: 3

Сообщение # 93 | 22:50:52
НеТормози, Найдите $MESSAGE$ и замените на это:
Code
<div style="font-size: 11px !important; text-align: left !important; font-weight: normal !important;">$MESSAGE$</div>

iWebb — Уникальные скрипты и части дизайна!
Пишу скрипты! (www)
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 94 | 22:58:06
borisle2,
Quote (borisle2)
НеТормози, Найдите $MESSAGE$ и замените на это:
Code
<div style="font-size: 11px !important; text-align: left !important; font-weight: normal !important;">$MESSAGE$</div>


К сожалению, вот это, при таком раскладе:
Code
<div style="font-size: 11px !important; text-align: left !important; font-weight: normal !important;">
<div style="color:#F00;font:bold 20px Verdana,sans-serif;text-align:right;">$MESSAGE$</div>
</div>

- будет красным)))), жирным, по правому краю и размером 20 px ... biggrin Как ни крути ...
...

НеТормози,
Quote (НеТормози)
Насчет небольшого скрипта к вам можно обратиться там в личку?

Можно.

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Среда, 01 Фев 2012, 23:33:09
Miss_Esq
Сообщений: 13859
Репутация: 4159
Уровень замечаний:

Сообщение # 95 | 01:32:57
НеТормози,
Quote
ИЕ края не закруляются
" Закругляются " начиная только с версии IE 9

НеТормози
Сообщений: 50
Репутация: 1

Сообщение # 96 | 12:53:30
Мне часто на почту пишут пользователи, что не могут зарегистрироваться. Т.е. при подтверждении вводят капчу, а она не принимает ее. Уже и метод упрощенный, одни цифры, и саму регистрацию упростил. С чем связано? И можно ли это решить?
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 97 | 13:46:54
НеТормози, браузер, которым они смотрят страницу, они указывают? Программы защиты? Кэш браузера чистят?

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
НеТормози
Сообщений: 50
Репутация: 1

Сообщение # 98 | 14:21:27
Selena, Да, не пойму, у некоторых с Мозиллы не идет, у некоторых с Оперы, по разному. Это пользователей сильно раздражает, соотвественно из-за это и не регаются. То же самое происходит при добавлении комментариев. Жаль, что на группу Пользователи нельзя без капчи. В другую группу переводить не вариант. Те, кто обращается ко мне, им помогаю, но всех же не могу охватить. Вы можете мне перечислить причины, по которым такое бывает? Я хоть как FAQ поставлю. Почему именно в системе юкоз такое?
Сообщение отредактировал НеТормози - Четверг, 02 Фев 2012, 14:25:18
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 99 | 16:01:49
НеТормози, не понятно с чем связано. У меня опера - капчи юкоза прохожу на отлично, правда цветные бесят сильно.
Если постоянно ошибку на неверную капчу выдает, пусть попробуют обносить ее сразу перед вводом и отправить форму.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 100 | 16:20:16
НеТормози, я бы рекомендовала кэш браузера почистить.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
НеТормози
Сообщений: 50
Репутация: 1

Сообщение # 101 | 16:35:17
mob_dp2, Selena, Спасибо! Буду это иметь ввиду при рекомендации. Но все же, почему такая проблема на юкозе? Не впервые слышу об этом на других форумах. Разработчики что говорят?
Сообщение отредактировал НеТормози - Четверг, 02 Фев 2012, 16:56:13
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 102 | 17:53:17
Quote (НеТормози)
Но все же, почему такая проблема на юкозе?

Где?
Quote (НеТормози)
Не впервые слышу об этом на других форумах.

Я впервые
Quote (НеТормози)
Разработчики что говорят?

Русские и английские слова, как и все люди.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
AlexSoft777
Сообщений: 12
Репутация: 1

Сообщение # 103 | 18:41:06
Мне нужно увеличить текст новостей, статей и т.п. Какой стиль CSS за это отвечает?
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 104 | 18:48:39
AlexSoft777, на каких страницах?

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
GarryNeo
Сообщений: 24
Репутация: 3

Сообщение # 105 | 18:48:58
Здравствуйте. Мне не нужно, чтобы при ответе на комментарий, уже этот ответ сдвигался вправо. Это вообще можно убрать стилями? В исходном коде, юкоз сам добавляет отступ.
Сообщение отредактировал GarryNeo - Вторник, 14 Фев 2012, 18:49:12
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Поиск: