Коментари. Аватар с кръгла форма

Коментари. Аватар
Здравейте, приятели. Още една публикация за промяна в дизайна на коментарите. Става дума за аватарите в лентата с коментари, които в стандартния вид на Blogger имат квадратна форма.
Не бива да бъркаме тази промяна в дизайна на коментарите с притурката Последни коментари.

Вместо така:

Квадратни аватари


Ще изглеждат така:

Кръгла форма


Ако аватарите в лентата с коментари на вашия блог са квадратни и желаете да направите предлаганата промяна, продължаваме.
Как да го направим?
От раздел Тема по познатия начин откриваме реда ]]> </ b: skin> и поставяме този код над него:

.avatar-image-container, .avatar-image-container img { max-width: 50px !important; width: 50px !important; max-height: 50px !important; height: 50px !important; padding: 0 !important; border: 0px; -webkit-border-radius: 999px; -moz-border-radius: 999px; border-radius: 999px; } .avatar-image-container{ border:3px solid #fff !important; -webkit-box-shadow: 0 1px 2px #BBB; -moz-box-shadow: 0 1px 2px #BBB; box-shadow: 0 1px 2px #BBB; }


Променете цвета и ширината на рамката, ако желаете. Всъщност със стиловете на коментарите, техния външен вид, можете да си "играете" толкова, колкото искате.
Съветвам ви да прочете и как да вмъкнете текст и икона във формата за коментари.
Или погледнете всички статии в раздел Коментари на Съдържание от главното меню. Ще намерите много и различни варианти за тяхното оформление.

Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:
BGtop

Здраве за всички вас! Не забравяйте да правите добро на други хора!
OpenCloseComments
Cancel