Как оформить поле комментариев красивым фоном



Оформление поля комментариев цветовым фоном или изображением


Здравствуйте все, кто забежал за информацией, и конечно же мои постоянные читатели. Просмотрела сегодня свои записи в блоге, смотрю, нет у меня информации об оформлении поля комментариев. Сама значит себе оформила, а ведь и кому то из Вас будет полезна эта информация, во всяком случае, я так думаю.

Как вставить стиль CSS в шаблон блога и настроить оформление поля комментариев
Как только веб мастера не выкручиваются, чтобы новые посетители оценили и заметили наше творение. Комментарии в блоге имеют большое значение, пишут, значит Ваш труд полезен читателям, поэтому давайте сегодня займемся оформлением поля комментариев, чтобы так сказать выделить их в своем блоге.

Оформлять будем, используя CSS стили. Я Вам дам самый простой код, а Вы уже дальше сможете добавлять или удалять параметры по своему усмотрению.

В черновике blogger нажимаем шаблон. Обязательно делаем резервную копию. Далее жмем изменить шаблон и находим строку <b:skin>....</b:skin>, кликаем по маркеру слева и не спеша прокручиваем вниз до строки ]]></b:skin>. Кто еще не знает как найти такую строку, почитайте мой пост как быстро и красиво оформить текст в блоге. Выше строки вставляем код

/* Comments
----------------------------------------------- */
.comments {
background-image:url(http://bit.ly/JOwFhe);
border:2px dotted #f00;
font-size:12px;
color:#ffffff;
height:500px;
overflow:auto;
}

Выделенное синим-url адрес фона или картинки. Если хотите просто цветовой фон измените на background: #f8f8ff; (цвет фона впишите свой); лиловым-размер, форма и цвет границы рамки вокруг комментария; красным-размер и цвет шрифта; (можно удалить и оставить свои настройки);

Оранжевым-это я вставила прокрутку для комментариев, если на странице их много, очень удобно. height:500px;-высота прокрутки; (так же, если нет необходимости удалите). Можно еще добавить высоту (height) и ширину (width). Я оставила настроенные в шаблоне. Прокрутка появится автоматически при публикации первого комментария на странице.

Пример можно посмотреть в этом блоге, в меню нажмите начало. Или слетайте в демо блог. Там конечно картинка крутая, но это же для примера. Со временем изменю на что-нибудь попроще. Старайтесь оформить по тематике блога.

На сегодня у меня вся информация. Пишите отзывы, если Вам понравился пост, поделитесь с друзьями в социальных сетях. Всем пока и всего Доброго.



Автор статьи ✎ Olga Protasova Выпуск ✹ 9/06/2014 Ярлыки ►


Открыть комментарии →

0 коммент. :

Отправить комментарий


 
Технологии Blogger.

Форма для связи

Имя

Электронная почта *

Сообщение *