Как выделить комментарии автора
пятница, 13 февраля 2009 г.
Думаю Вы частенько отвечаете на комментарии своих читателей, а читатели, в свою очередь, следят за вашими ответами. Специально для читателей Вы можете выделить комментарии автора блога, сделать их более заметными и яркими.Это позволит Читателям легче ориентироваться, особенно если запись очень популярна и активно комментируется.
Посмотреть принцип работы можно в комментариях к этому соощению (видите: коммент выделен рамкой и другим цветом шрифта).
Чтобы подобное выделение работало и вашем блоге необходими из Панели инструментов перейти в "Макет" блога, выбрать вкладку "Изменить HTML". Не забудьте ставить галочку "Расширить шаблоны виджета" и с помощью поиска (Ctrl+F) найдиде следующий код:
</head>и непосредственно ПЕРЕД ним вставьте:
<!--Blog-Owners-Comment-STARTS-->Красным выделены комментарии к синим фрагментам кода, которые Вы можете изменить на свой вкус ;)
<style>
.comment-body-author {
background: #F5EDE3; /* Цвет фона*/
color: #000000; /* Цвет текста*/
border-top:2px solid #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:2px solid #002F66;
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; /* Расположение*/
}
</style>
<!--Blog-Owners-Comments-STOPS-->
Рамка, которая будет выделять авторский комментарий имеет два параметра: Толщину (в выше описанном коде задана параметром 1.2 px, который также можно изменить) и Вид линии границы (в приведенном примере задается параметром solid - можно изменить на dotted (пунктир) и задать нужный цвет заменив #002F66).
Поля (Margin), и отступы (padding) определяют позицию комментариев в поле комментариев.
Теперь найдите следующий код по первой строке:
<data:commentPostedByMsg/>
</dt>
<b:if cond='data:comment.author == data:post.author'>
<dd class='comment-body-author'>
<p><data:comment.body/></p>
</dd>
<b:else/>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
</b:if>
Недостоющую Часть кода, выделенного красным Вам нужно будет вставить, после чего сохранить шаблон.
Жду комментариев и вопросов, если таковые возникнут (=
8 коммент.:
-
Полезная статья, у себя в новом шаблоне так сделаю пожалуй.
-
А не знаешь как вставить аватары комментаторов?
-
Никак.
-
Отлично! Обязательно попробую у себя сделать так, спасибо :о)
-
да, у меня тоже не получаетса =(
-
Всё получилось, спасибо! Правда, я не захотела иметь рамки и отступы для своих комментариев, поэтому элементарно удалила часть тэга:
border-top:2px solid #002F66;border-bottom:1.2px dotted #002F66 ;border-left:1.2px dotted #002F66;border-right:2px solid #002F66;
line-height: 2.4em;
margin:0;
padding:0 0 0 20px; /* Расположение*/
Может, кому-то пригодится информация! :) -
У меня с первого раза не получилось.
Завтра буду разбираться -
Спасибо полезный материал. Жаль что вы больше не обновляетесь. Если интересно почитайте мой блог
http://alekseiodegov.blogspot.com/
