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

Сообщение # 46 | 16:11:07
Может ни туда пишу, если так - переправьте.

1. Как сделать некий код, подставляемый по тегу. Т.е. если я в тексте поставлю к примеру {{Общее}}, то должен подставиться html-код, записанный в другом месте. Точно по такому же принципу работают теги $$ в uCoz-e. Средства (html, css и т.п.), с помощью которых это можно сделать, значения не имеют.

2. Как сделать тип заголовков так, чтобы как в Википедии - заголовок, а прямо под ним на всю ширину страницы серая черта?
olegsuv
Сообщений: 1365
Репутация: 127

Сообщение # 47 | 16:20:18
Doudnick_Val,

1. Что еще нужно? Список кодов везде есть
2. Любому элементу-блоку дать border-bottom. Заголовки, кстати, и есть блочные элементы.

Любые работы по:
- Javascript, jQuery, HTML, CSS
- Верстке макетов и установке их на сайты
- Нестандартным решениям
Хранитель_Склепа
Репутация: 0

Сообщение # 48 | 17:19:24
Товарищи, подскажите, где в коде Таблицы стилей (CCS) редактируются цвета кнопок блока комментариев? Я изменил дизайн, но налажал с их цветами, а сейчас не могу найти, какая конкретная часть кода за них отвечает (/* General Style */ , /*WRAP*/ итд).
Скрин участка, который хочу отредактировать:

За основу взят шаблон # 783
Doudnick_Val
Сообщений: 39
Репутация: 2

Сообщение # 49 | 21:05:17
Quote
Что еще нужно? Список кодов везде есть

Тем не менее я ничего не нашел. Даже не знаю если как это назвать.
Сообщение отредактировал Doudnick_Val - Пятница, 11 Ноя 2011, 21:05:36
ROBBEN16
Сообщений: 34
Репутация: 0

Сообщение # 50 | 14:17:42
у меня какая то ерунда, когда я просматриваю блог как пользователь то при добавлении комментарии показывает, что не верный код безопасности, хотя я в настройках установил что пользователи не могут видеть код безопасности
Сообщение отредактировал ROBBEN16 - Воскресенье, 11 Дек 2011, 14:22:58
Maestro-Neveroff
Сообщений: 38
Репутация: 12
Уровень замечаний:

Сообщение # 51 | 03:29:26
Друзья, подскажите, а можно ли как то сделать комментарии как в блогах на вордпрессе? Чтоб юзер мог ввести в одно из полей ссылку на свой сайт, а потом при нажатии на его имя открывался его сайт. Ну типа для блогеров dofollow ссылки сделать можно?

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

Сообщение # 52 | 03:44:39
Maestro-Neveroff, редактируйте шаблон "Вид комментария". Коды $USERNAME$ и $SITE$ в нём работают.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Maestro-Neveroff
Сообщений: 38
Репутация: 12
Уровень замечаний:

Сообщение # 53 | 03:57:55
Selena,

Вид материалов.
Quote
<?if($NAME$)?><a href="$SITE$"><b>$NAME$</b></a><?endif?>


Форма добавления комментариев:
Quote
<tr><td>Ваш сайт:</td><td><value="$SITE$"></td></tr>


так что ли получается делать?

Добавлено (06-Янв-2012, 03:57:55)
---------------------------------------------
почему-то вместо ссылки на указанный сайт ставится ссылка на материал, к которому оставили коммент


Сообщение отредактировал Maestro-Neveroff - Пятница, 06 Янв 2012, 03:54:30
Selena
Сообщений: 15657
Репутация: 1100

Сообщение # 54 | 04:24:54
Maestro-Neveroff, в форме код как минимум должен быть что-то вроде такого:

Code
<tr><td class="commTd1">Ваш сайт:</td><td class="commTd2"><input class="commFl" type="text" name="site" value="$SITE$" size="30" maxlength="60"></td></tr>

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Maestro-Neveroff
Сообщений: 38
Репутация: 12
Уровень замечаний:

Сообщение # 55 | 14:57:49
Selena,
это все понятно, я просто для наглядности стили убрал. чтоб "виднее" было))
без этих стилей просто не будет поля для ввода и все.
проблема в том, что вместо ссылки на сайт юзера, там стоит ссылка на страницу, на которой оставлен комментарий

Quote
<?if($NAME$)?><a href="$SITE$"><b>$NAME$</b></a><?endif?>


вот этот самый $SITE$ почему-то не дает ссылку на оставленный сайт

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

Сообщение # 56 | 19:03:55
Maestro-Neveroff, да, к сожалению, код $SITE$ ничего не выводит. Будем выяснять.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Maestro-Neveroff
Сообщений: 38
Репутация: 12
Уровень замечаний:

Сообщение # 57 | 21:21:34
Selena, хех, я уж подумал, что я опять бестолковый не так что-то делаю biggrin

Добавлено (08-Янв-2012, 21:21:34)
---------------------------------------------
не скажете, когда проблема будет решена?


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

Сообщение # 58 | 20:24:43
Maestro-Neveroff, выяснилось, что на сегодня данный код отключен.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Maestro-Neveroff
Сообщений: 38
Репутация: 12
Уровень замечаний:

Сообщение # 59 | 22:38:18
Selena, то есть теперь нельзя будет сделать dofollow-блог?

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

Сообщение # 60 | 22:48:13
Maestro-Neveroff, это поле сейчас не работает. А на счёт блога, пока не знаю деталей, не могу так категорично ответить.

Отправляя сообщение о помощи, приводите ссылку на свой сайт. Это не считается рекламой, зато снимает массу вопросов.
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Комментарии: настройка дизайна (работа стилями)
Поиск: