Приветствую всех друзей и читателей – Sozdaiblog.ru!
Этот короткий пост расскажет Вам о том, как сделать круглые аватары в комментариях Вашего сайта или блога под управлением WordPress.
По каким-то общепринятым стандартам практически во всех темах оформления для WordPress, аватары в комментариях выводятся в виде квадратной иконки.
Понятия не имею, кто придумал эти стандарты, но у меня постоянно возникает желание их изменить. У нас в России итак достаточно кирпичей. Стоит только посмотреть на отечественный автопром и всё сразу становится ясно.
Чтобы хоть как-то изменить сложившуюся ситуацию в стране, давайте сделаем круглые аватары в комментариях наших Веб-ресурсов.
Для этого Вам потребуется открыть на редактирование файл style.css, который находится в папке Вашей активной темы оформления и в самом конце вставить следующий код:
.avatar { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
Если по какой-то причине Ваши аватары не стали круглыми, это говорит о том, что селектор, отвечающий за стили, у Вас отличается от представленного в коде «.avatar».
Тогда воспользуйтесь дополнением к браузеру Firebug, отыщите свой селектор и замените им мой. После этого все Ваши аватары просто обязаны стать круглыми.
На сегодня, это всё. Удачи Вам и до следующих постов…
С уважением, Денис Черников!
-
Что такое хостинг?
- Договор оферты что это такое простыми словами примеры
- Коллаборанты кто это простыми словами кратко и понятно
-
Обзор журнальных и новостных тем WordPress
- Арбитражный трафик что это такое простыми словами
- Файлы соокіе что это такое простыми словами
- Как создать свой блог: шаги и рекомендации
- Воркшоп что это такое простыми
- Контрагент это кто простыми словами для организации
- Консалтинговые услуги что это простыми словами
Без обид, но мне ничего нового не открыл! Я уже сто лет использую эти стили, но хотя может кому и пригодится, кто не знает! Только без обид)
Да какие обиды! У Вас это есть, а у других нет. Вордпресс тоже пол Интернета могут устанавливать, а новые курсы по установке каждый день выходят!
Приветствую Денис!
Интересное решение, в виде круглых «авок» ☺
У меня они ассоциируются со значками, которые носили, ещё в те далёкие СССРовские времена.
Здравствуйте, Андрей! Я тоже помню эти значки, мне их мой крёстный постоянно покупал, когда я в садик ходил! Мне они очень нравились!
Добрый день Денис.Я смотрю у вас круглые аватарки,думаю плагин какой включен,а тут код нужен,пойдём делать у себя.Спасибо.
Хороший жучок,с помощью его заменил .avatar,на .blur,Спасибо.
Он меня постоянно выручает!
Здравствуйте, Степан! Я тоже раньше так думал, когда увидел круглые аватары на одном из блогов, но оказывается, это реализовывается при помощи маленькой строчки.
Спасибо! Вставила код. Все получилось. Так действительно интереснее смотрится.
Пожалуйста, Людмила! Рад, что Вам это понравилось!
ААА,точно! то то я думаю что они мне напоминают? ))) точняком — значки)
Единственное что в в Ослике до 9 версии могут быть проблемы, потому что только 9-ый
Начал понимать более менее)
Рад за Вас!
Денис, не получается У меня как раз видимо тот случай, когда нужно вместо avatar написать что-то другое. Но не могу найти что. Посмотрите у меня пожалуйста… Знаю, что наглость, но так хочется… Весь вечер мучаюсь. Не у мею я эти исходные коды смотреть Может поможете? Пожалуйста-пожалуйста.
Татьяна я не вижу сейчас сайты комментаторов, так как удалил раздел для ссылок. Оставьте ссылку я посмотрю по возможности.
http:// moymk.ru/
У Вас такой же селектор, только вот вставленного кода у Вас я не увидел!
Денис, точно! Это я оказывается сама ошибку сделала. Установила на днях плагин кеширования и забыла совсем про него. Сейчас кеш обнулила и аватарки кругленькие Спасибо, что глянули! Большое!
Ну вот, а Вы расстраивались!
Здравствуй, прочитал несколько твоих статей, узнал много нового)
Спасибо от души)
Приветствую, Вас! Всегда, пожалуйста! Заходите!
Думаю я здесь на долго, если не навсегда)
Отлично! Буду рад Вашему присутствию!
Спасибо за совет,очень интересно,попробую применить.
Пожалуйста, Екатерина! Применяйте, Вам понравится!
Отличная тема! Спасибо. Это украсило мой сайт
Пожалуйста, Ольга! Рад, что Вы остались довольны!
супер!спасибо, так просто, быстро и легко!
Пожалуйста! Обращайтесь!
Здорово!
А вы, Денис, смотрю, уже и не круглые аватарки сделали! Это совсем другой способ?
Да я просто с CSS немного поигрался, и мне так больше понравилось!
А еще подскажите, пожалуйста, как мне сохранить изменения в файле style.css? Я новичок в WordPress и не очень понимаю, как правильно работать с кодом. Буду очень признателен за помощь!
Hello everyone! I want to share with you a tip on how to make round avatars in the comments section of your website or blog running on WordPress.
By default, most WordPress themes display square avatars in the comments. I have no idea who came up with this standard, but I constantly feel the urge to change it. We already have enough squares in Russia. Just take a look at our domestic car industry, and everything becomes clear.
To try and change the situation in our country, let’s make round avatars in the comments section of our web resources. To do this, you need to open the style.css file in the folder of your active theme and insert the following code at the very end:
.avatar {
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
}
If for some reason your avatars didn’t become round, it means that the selector responsible for the styles in your code differs from the one presented here “.avatar”. In that case, you can use the Firebug browser extension to locate the correct selector.
неподходящий селектор и замените его на правильный в коде.
ющим нужный селектор и внесите соответствующие изменения в код.
Итак, после внесения изменений сохраните файл style.css и обновите страницу Вашего сайта или блога с комментариями. Теперь аватары в комментариях должны стать круглыми.
Таким образом, Вы сможете придать своему сайту или блогу более оригинальный и привлекательный вид, а также сделать вклад в изменение общепринятых стандартов.
Удачи Вам в реализации этой и других интересных идей на Вашем веб-ресурсе!