Круглые граватары в комментариях на WordPress
Если вы на своем блоге на WordPress используете плагин easygravatars, который выводит в комментах граватары пользователей, то можете легко сделать их круглыми. Выглядит необычно и стильно:
Сделать это нам поможет все тот же CSS3.
Плагин выводит граватары с классом .eg-image. Поэтому достаточно в файле стилей вашего шаблона добавить следующий набор правил:
.eg-image img {
border-radius: 30px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
}
Радиус в 30 пикселей взят из рассчета, что граватары имеют размер 32х32. Если вы используете более крупные картинки, то радиус должен быть соответствующим.
Enjoy! :)
А если фото с граватара, каким-то образом стало на поверх статьи, да еще и большим, на весь экран, что посоветуете сделать ? Спасибо !
Николай, проблема в плагине wpDiscuz. Замените его обычными комментариями, или поставьте настоящий Disqus.
Очень симпатично получается. А этот код можно и к другим картинкам применять?
Катерина, конечно! Только нужно будет размеры border-radius подгонять по величине картинки. Чем она крупнее, тем большее значение следует выставлять, чтобы получалось круглое, а не скругленный квадрат.