Не бива да бъркаме тази промяна в дизайна на коментарите с притурката Последни коментари.
Вместо така:
Ще изглеждат така:
Ако аватарите в лентата с коментари на вашия блог са квадратни и желаете да направите предлаганата промяна, продължаваме.
Как да го направим?
От раздел Тема по познатия начин откриваме реда ]]> </ 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; }
Променете цвета и ширината на рамката, ако желаете. Всъщност със стиловете на коментарите, техния външен вид, можете да си "играете" толкова, колкото искате.
Съветвам ви да прочете и как да вмъкнете текст и икона във формата за коментари.
Или погледнете всички статии в раздел Коментари на Съдържание от главното меню. Ще намерите много и различни варианти за тяхното оформление.
Ще съм благодарна да оцените моя труд и кликнете върху звездичките по-долу. Или гласувайте за блога ми на:
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Няма коментари:
Публикуване на коментар