![Коментари. Аватар с кръгла форма Коментари. Аватар](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw5xn7TJZz8P7MCm0AI-SdR_0cLrAnCChbrQQ5gOas2xAJ9_C0_WKjXmuEAibXgLEt5T2LqGFJ9dlqaSS7NAWh2xK0aVSujhph302CZzhM0CZg8qwgo39eJxgJhPoyhXOzpWREaVvSFJQ/s1600/avatar2-min.png)
Не бива да бъркаме тази промяна в дизайна на коментарите с притурката Последни коментари.
Вместо така:
![Квадратни аватари в стандартната форма на коментарите Квадратни аватари](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipKMiHziQPN-KOAj22L5POwb1r_aVJsX1C44E_0iKD_ReV35GDhK5AbLUsstTGl-RdySrFh_YKMHsSFAbDUOB-RGi8kXEJ7bCPRYVG_O6Cb0YsQdK0zKWxSsiqAwAb0mJGW2JTLCEZU2g/s400/komment-min.png)
Ще изглеждат така:
![Кръгла форма на аватарите Кръгла форма](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtDrAk4WR6RyAueR-bOZbCLfJnBQYeJHBif-yI1fa0VYnvfM-2rUgxmBYcSzbzHK2BX1e5H77u0T_iFREVm24qmlHrj_9YBgGO9HQ1gFaLb2v-WAJovAGLf6Fp4vOki2z9im63-aN6CsU/s400/avatar-min.png)
Ако аватарите в лентата с коментари на вашия блог са квадратни и желаете да направите предлаганата промяна, продължаваме.
Как да го направим?
От раздел Тема по познатия начин откриваме реда ]]> </ 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.net :. Топ класацията на българските сайтове и гласувайте за този сайт! BGtop](http://bgtop.net/images/bgtop8831.gif)
Здраве за всички вас! Не забравяйте да правите добро на други хора!
Няма коментари:
Публикуване на коментар