ГлавнаяВёрстка WordPress › Как сделать Круглые аватары в комментариях WordPress?


Как сделать Круглые аватары в комментариях WordPress?


как сделать круглые аватары Приветствую всех друзей и читателей – Sozdaiblog.ru!

Этот короткий пост расскажет Вам о том, как сделать круглые аватары в комментариях Вашего сайта или блога под управлением WordPress.

По каким-то общепринятым стандартам практически во всех темах оформления для WordPress, аватары в комментариях выводятся в виде квадратной иконки.

Понятия не имею, кто придумал эти стандарты, но у меня постоянно возникает желание их изменить. У нас в России итак достаточно кирпичей. Стоит только посмотреть на отечественный автопром и всё сразу становится ясно.

Чтобы хоть как-то изменить сложившуюся ситуацию в стране, давайте сделаем круглые аватары в комментариях наших Веб-ресурсов.

Для этого Вам потребуется открыть на редактирование файл style.css, который находится в папке Вашей активной темы оформления и в самом конце вставить следующий код:


.avatar { border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }



Если по какой-то причине Ваши аватары не стали круглыми, это говорит о том, что селектор, отвечающий за стили, у Вас отличается от представленного в коде «.avatar».

Тогда воспользуйтесь дополнением к браузеру Firebug, отыщите свой селектор и замените им мой. После этого все Ваши аватары просто обязаны стать круглыми.

На сегодня, это всё. Удачи Вам и до следующих постов…

С уважением, Денис Черников!




Сделайте, пожалуйста, доброе дело, расскажите о блоге своим друзьям:




32 комментарияА что думаете Вы?

  1. Lector

    Без обид, но мне ничего нового не открыл! Я уже сто лет использую эти стили, но хотя может кому и пригодится, кто не знает! Только без обид)

    [Ответить]

    Денис Черников ответил:

    Да какие обиды! У Вас это есть, а у других нет. Вордпресс тоже пол Интернета могут устанавливать, а новые курсы по установке каждый день выходят!

    [Ответить]

  2. Андрей Бас

    Приветствую Денис!

    Интересное решение, в виде круглых «авок» ☺

    У меня они ассоциируются со значками, которые носили, ещё в те далёкие СССРовские времена.

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Андрей! Я тоже помню эти значки, мне их мой крёстный постоянно покупал, когда я в садик ходил! Мне они очень нравились!

    [Ответить]

  3. Степан

    Добрый день Денис.Я смотрю у вас круглые аватарки,думаю плагин какой включен,а тут код нужен,пойдём делать у себя.Спасибо.

    [Ответить]

    Степан ответил:

    Хороший жучок,с помощью его заменил .avatar,на .blur,Спасибо.

    [Ответить]

    Денис Черников ответил:

    Он меня постоянно выручает!

    [Ответить]

    Денис Черников ответил:

    Здравствуйте, Степан! Я тоже раньше так думал, когда увидел круглые аватары на одном из блогов, но оказывается, это реализовывается при помощи маленькой строчки.

    [Ответить]

  4. Людмила

    Спасибо! Вставила код. Все получилось. Так действительно интереснее смотрится.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Людмила! Рад, что Вам это понравилось!

    [Ответить]

  5. Lector

    ААА,точно! то то я думаю что они мне напоминают? ))) точняком — значки)

    [Ответить]

  6. Lector

    Единственное что в в Ослике до 9 версии могут быть проблемы, потому что только 9-ый

    [Ответить]

  7. Lector

    Начал понимать более менее)

    [Ответить]

    Денис Черников ответил:

    Рад за Вас!

    [Ответить]

  8. Татьяна

    Денис, не получается :( У меня как раз видимо тот случай, когда нужно вместо avatar написать что-то другое. Но не могу найти что. Посмотрите у меня пожалуйста... Знаю, что наглость, но так хочется... Весь вечер мучаюсь. Не у мею я эти исходные коды смотреть :( Может поможете? Пожалуйста-пожалуйста.

    [Ответить]

    Денис Черников ответил:

    Татьяна я не вижу сейчас сайты комментаторов, так как удалил раздел для ссылок. Оставьте ссылку я посмотрю по возможности.

    [Ответить]

    Татьяна ответил:

    http:// moymk.ru/

    [Ответить]

    Денис Черников ответил:

    У Вас такой же селектор, только вот вставленного кода у Вас я не увидел!

    [Ответить]

    Татьяна ответил:

    Денис, точно! Это я оказывается сама ошибку сделала. Установила на днях плагин кеширования и забыла совсем про него. Сейчас кеш обнулила и аватарки кругленькие :) Спасибо, что глянули! Большое!

    [Ответить]

    Денис Черников ответил:

    Ну вот, а Вы расстраивались!

  9. Vadim

    Здравствуй, прочитал несколько твоих статей, узнал много нового)

    Спасибо от души)

    [Ответить]

    Денис Черников ответил:

    Приветствую, Вас! Всегда, пожалуйста! Заходите!

    [Ответить]

    Vadim ответил:

    Думаю я здесь на долго, если не навсегда)

    [Ответить]

    Денис Черников ответил:

    Отлично! Буду рад Вашему присутствию!

    [Ответить]

  10. Екатерина

    Спасибо за совет,очень интересно,попробую применить.

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Екатерина! Применяйте, Вам понравится!

    [Ответить]

  11. Ольга

    Отличная тема! Спасибо. Это украсило мой сайт

    [Ответить]

    Денис Черников ответил:

    Пожалуйста, Ольга! Рад, что Вы остались довольны!

    [Ответить]

  12. Olga

    супер!спасибо, так просто, быстро и легко!

    [Ответить]

    Денис Черников ответил:

    Пожалуйста! Обращайтесь!

    [Ответить]

  13. Svetlana

    Здорово!

    А вы, Денис, смотрю, уже и не круглые аватарки сделали! Это совсем другой способ? ;)

    [Ответить]

    Денис Черников ответил:

    Да я просто с CSS немного поигрался, и мне так больше понравилось!

    [Ответить]

Оставить комментарий!

Вверх