Модератор форума: 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-конструктор для настройки стилей комментариев: Перейти »
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 76 | 18:47:54
Noi$e, в Общих настройках у вас должна быть задействована опция "Использовать древовидный режим вывода комментариев". А в правах групп разрешено "Отвечать на комментарии".

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Noi$e
Сообщений: 11
Репутация: 21
Уровень замечаний:

Сообщение # 77 | 18:59:48
Selena, Обе опции были включены

Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 78 | 19:14:37
Noi$e, кому? То есть какой группе? Создайте тестового пользователя с правом отвечать на комментарии и сообщите мне его данные.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Noi$e
Сообщений: 11
Репутация: 21
Уровень замечаний:

Сообщение # 79 | 19:17:13
Selena,
login test
password test

Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 80 | 19:18:50
Noi$e, всё работает.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Noi$e
Сообщений: 11
Репутация: 21
Уровень замечаний:

Сообщение # 81 | 19:21:09
Вижу не могу только понять почему у меня не работало. Selena, спасибо за помощь.

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

Сообщение # 82 | 20:22:18
Доброго времени суток! Вот такой вопросец... В форме добавления комментариев убрал би-би коды, чтобы пользователи не могли менять шрифт, в стилях прописал определенный шрифт, но есть некоторые, которые все равно красят, увеличивают шрифт методом копипаста biggrin Как убрать такую возможность? И почему, если в стилях прописал определенный шрифт, все равно он отображает измененные шрифты таким методом?
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 83 | 20:28:07
НеТормози,
Quote (НеТормози)
В форме добавления комментариев убрал би-би коды, чтобы пользователи не могли менять шрифт, в стилях прописал определенный шрифт, но есть некоторые, которые все равно красят, увеличивают шрифт методом копипаста biggrin Как убрать такую возможность?

Вот это в стили:
Quote (CSS)
div.cMessage,div.cMessage span,div.cMessage font{font-family:Verdana,sans-serif !important;font-size:12px !important;}

Здесь главное выделено красным.
Отредактируйте под себя.
...

НеТормози, Хороший ник ))) ну ваще biggrin
- только просёк )

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Среда, 01 Фев 2012, 20:34:12
webanet
Сообщений: 24067
Репутация: 4985

Сообщение # 84 | 20:29:22
НеТормози, панель управления - пользователи - группы пользователей - установка прав для всех групп - комментарии - Разрешить ББ-коды -снимите галку с нужных групп

ТУТ можно оставить своё мнение по любому вопросу
https://webanetlabs.net/
НеТормози
Сообщений: 50
Репутация: 1

Сообщение # 85 | 20:40:56
webanet, не могу убрать, тогда перестанет работать цитата. Сейчас попробую вариант fflesh,

Добавлено (01-Фев-2012, 20:40:56)
---------------------------------------------
fflesh, Я так понял, эту строчку надо мне в стили поставить? Т.к. у себя такое не нашел. В итоге, вставил, но 1) меняется шрифт в чате; 2) В комментах ничего не меняется. Т.е. пишется как и было, и то, что уже написано не меняется.
Сообщение отредактировал НеТормози - Среда, 01 Фев 2012, 20:42:40
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 86 | 20:54:55
НеТормози,
Quote (НеТормози)
Я так понял, эту строчку надо мне в стили поставить?

Ну, можете упаковать в теги <style />:
Code
<style type="text/css">
div.cMessage,div.cMessage span,div.cMessage font{font-family:Verdana,sans-serif !important;font-size:12px !important;}
</style>

... и добавить прямо в шаблон «страница материала и комментариев»...

Quote (НеТормози)
Т.к. у себя такое не нашел.

И не найдете. Их нет. Их просто нужно добавить.
...

Quote (НеТормози)
В итоге, вставил, но 1) меняется шрифт в чате; 2) В комментах ничего не меняется. Т.е. пишется как и было, и то, что уже написано не меняется.

Возможно у вас в комментах не этот класс... Этот - от стандартного шаблона.
... Ссылка на страницу с комментариями поможет дать верный ответ.
...

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

Сообщение # 87 | 20:57:31
fflesh, вот код со страницы добавления комментариев



А это вид комментариев

Сообщение отредактировал НеТормози - Среда, 01 Фев 2012, 20:58:53
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 88 | 21:10:07
НеТормози,
Quote (НеТормози)
А это вид комментариев

Замени вот этот фрагмент:
Code
<td width="94%"><span style="font-family: Tahoma; font-size: 8pt;">$MESSAGE$</span></td>

На вот этот:
Code
<td width="94%"><div class="сomMessage">$MESSAGE$</div></td>

И добавь в CSS вот это:
Code
div.сomMessage,div.сomMessage span,div.сomMessage font{font-family:Tahoma,sans-serif!important;font-size:8pt!important;}

...

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

Сообщение # 89 | 21:18:21
fflesh, комментарии сдвинулись вправо, шрифт по размерности выровнялся, но цветность и толщина остались...
Сообщение отредактировал НеТормози - Среда, 01 Фев 2012, 23:17:54
fflesh
Сообщений: 1784
Репутация: 1314

Сообщение # 90 | 21:21:07
НеТормози,
Quote (НеТормози)
но цветность и толщина остались...

Quote (fflesh)
Отредактируйте под себя.

... Пропиши цвет и насыщенность ...
Типа:
Code
div.сomMessage,div.сomMessage span,div.сomMessage font{font:normal 400 8pt/100% Tahoma,sans-serif!important;color:#000!important;}

...

Quote (НеТормози)
комментарии сдвинулись вправо,

Я написал замени, а не добавь ... Это разное.


...

НеТормози,
Quote (НеТормози)
Я так и сделал, заменил. В вашем коде эти 94% тоже присутствуют

Да, но не два раза )))
... Вижу уже сам сообразил )
Прикрепления: 3945460.png (4.3 Kb)

Всё написанное выше - моё личное мнение и на абсолютную правоту не претендует.
Есть вопросы лично ко мне - пиши сюда: http://likbezz.ru/forum/8
Сообщение отредактировал fflesh - Среда, 01 Фев 2012, 21:34:56
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Поиск: