Sozdaiblog.ru
Назад

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

Опубликовано: 20.05.2013
Время на чтение: 3 мин
32
5

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

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

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

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

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

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


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

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

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

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

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

Поделиться
Похожие записи
Комментарии:
  • Lector
    Опубликовано: 19.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 19.06.2013 Ответить на сообщение

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

  • Андрей Бас
    Опубликовано: 19.06.2013 Ответить на сообщение

    Приветствую Денис!
    Интересное решение, в виде круглых «авок» ☺
    У меня они ассоциируются со значками, которые носили, ещё в те далёкие СССРовские времена.

    • Денис Черников
      Опубликовано: 19.06.2013 Ответить на сообщение

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

  • Степан
    Опубликовано: 19.06.2013 Ответить на сообщение

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

    • Степан
      Опубликовано: 19.06.2013 Ответить на сообщение

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

      • Денис Черников
        Опубликовано: 19.06.2013 Ответить на сообщение

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

        • Денис Черников
          Опубликовано: 19.06.2013 Ответить на сообщение

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

  • Людмила
    Опубликовано: 19.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 19.06.2013 Ответить на сообщение

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

  • Lector
    Опубликовано: 19.06.2013 Ответить на сообщение

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

  • Lector
    Опубликовано: 19.06.2013 Ответить на сообщение

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

  • Lector
    Опубликовано: 19.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 19.06.2013 Ответить на сообщение

      Рад за Вас!

  • Татьяна
    Опубликовано: 19.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 19.06.2013 Ответить на сообщение

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

      • Татьяна
        Опубликовано: 19.06.2013 Ответить на сообщение

        http:// moymk.ru/

        • Денис Черников
          Опубликовано: 19.06.2013 Ответить на сообщение

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

          • Татьяна
            Опубликовано: 20.06.2013 Ответить на сообщение

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

          • Денис Черников
            Опубликовано: 20.06.2013 Ответить на сообщение

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

  • Vadim
    Опубликовано: 29.06.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 29.06.2013 Ответить на сообщение

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

      • Vadim
        Опубликовано: 29.06.2013 Ответить на сообщение

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

        • Денис Черников
          Опубликовано: 29.06.2013 Ответить на сообщение

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

  • Екатерина
    Опубликовано: 19.07.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 19.07.2013 Ответить на сообщение

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

  • Ольга
    Опубликовано: 02.08.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 02.08.2013 Ответить на сообщение

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

  • Olga
    Опубликовано: 18.12.2013 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 18.12.2013 Ответить на сообщение

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

  • Svetlana
    Опубликовано: 01.04.2014 Ответить на сообщение

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

    • Денис Черников
      Опубликовано: 01.04.2014 Ответить на сообщение

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

Имя
Укажите своё имя и фамилию
E-mail
Без СПАМа, обещаем
Текст сообщения
Отправляя данную форму, вы соглашаетесь с политикой конфиденциальности и правилами нашего сайта.