Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Граватар

Поддержи проект!!! smile

Что такое граватар?. Адрес сайта, где нужно зарегистрироваться для граватара. Как установить граватар на сайт!?

О граватаре:

  1. Что такое граватар?
  2. Как зарегистрироваться в Граватаре?!
  3. Как установить граватар на сайт?
  4. Вывести граватар по умолчанию
  5. Еще граватары по умолчанию.
  6. Принудительная произвольная картинка не зависящая от почты

Ещё :

Как проверить существует ли граватар!?
  1. Что такое граватар?

    Если сказать двумя словами - Что такое граватар?...

    Граватар - это -так называемый всемирный граватар, который работает на тех сайтах, которые поддерживают эту "возможность."

    Адрес сайта gravatar

    Сайта «Граватар» на русском языке - gravatar

    Как работает "Граватар" кратко :

    Для пользователей обязательно, для владельцев сайта не обязательно.

    Вы должны быть зарегистрированным на сайте gravatar

    И второе условие, что у вас должен быть загружена картинка аватара на сайте.

    Ниже рассмотрим подробную регистрацию на сайте граватара.

  2. Как зарегистрироваться в Граватаре?!

    Если вы вебмастер, то вам не нужно регистрироваться, но если только с одной целью, протестировать работу "граватара" на своем сайте.

    Регистрация Граватаре - стандартная, обычная, как на всех других сайтах!

    Заходим на сайт граватара

    Ищем строку создать "Создайте собственный  граватар"

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Как зарегистрироваться в Граватаре?!
    Далее регистрируемся, как обычно... если вы уже зарегистрированы в https://wordpress.com/
    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Как зарегистрироваться в Граватаре?!

    После регистрации попадаем в читалку, ну или либо в другое место, нажимаем на кнопку, которая находится справа в углу,

    Попадаем на страницу загрузки аватара.

    Где видим надпись : "Эта информация будет размещена в вашем профиле и на визитке Gravatar в открытом доступе."? что собственно нам и нужно!

    Эту картинку, скриншот, можно увеличить в отдельном окне нажмите по нему!Как зарегистрироваться в Граватаре?!

  3. Как установить граватар на сайт?

    Теперь давайте разберем, как должен "Граватар" работать на сайте!

    На самом деле всё очень просто!

    Пример использования Граватара на сайте:

    В переменную помещаем наш настоящий, реальную почту, по которой мы раньше зарегистрировались :

    PHP

    $gravatar = 'example@example.ru';

    Нам понадобится немного стилей:

    Css : <style>p img.gravatar   { width: 20px; } </style> HTML : <img class="gravatar" src="https://www.gravatar.com/avatar/'.md5( strtolower( trim( $gravatar ) ) ) .'.png"> 

    И осталось только вывести результат получения граватара на сайте:

    Результат:

  4. Вывести граватар по умолчанию

    Кроме тех пользователей, которые зарегистрированы в граватаре, есть, которые не зарегистрированы на сайте! Какой аватар выводить таким пользователям!?

    В зависимости от ваших предпочтений, на граватар можно выводить различный по умолчанию...

    Итак выше мы приводили емайл для примера :

    $gravatar = 'example@example.ru';

    Естественно, что такого емайла не существует, давайте проведем с этим емайлом пару манипуляций и выведем прямо здесь вот такую конструкцию::

    echo '<img class="gravatar" src="https://www.gravatar.com/avatar/'.md5( strtolower( trim( 'example@example.ru' ) ) ) .'.png">';

    Как вы можете наблюдать, то основной функцией преобразования вашего емайла выступает функция md5 .

    Смотрим полученный результат:

    Получение того же результата:

    Если мы будем выводить вот такую конструкцию граватара с номером : 908c5b8adaa664686e21f5cc88380c14

    <img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png"> 

    Результат:

    Добавление к граватару get запроса ?d=mp

    Если мы добавим к нашей конструкции гет запрос, то любой аватар превратиться в профиль человека:

    Html:

    <img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=mp"> 

    Результат:

  5. Еще граватары по умолчанию.

    Для Граватара есть еще несколько вариантов вывода аватаров по умолчанию. Если емайл не существует…

    Добавляем - "?d=wavatar"

    Html:

    <img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=wavatar"> 

    Результат:

    Добавляем - "?d=retro"

    Html:

    <img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=retro"> 

    Результат:

    Добавляем - "?d=robohash"

    Html:

    <img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=robohash"> 

    Результат:

    Добавляем - "?d=blank"

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

    .border {

    border: 1px solid #e8e8e8;

    }

    Html:

    <img class="gravatar border" src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=blank"> 

    Результат:

    Добавляем - "?d=monsterid"

    Html:

    <img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=monsterid"> 

    Результат:

    Добавляем - "?d=identicon"

    Html:

    <img src="https://www.gravatar.com/avatar/908c5b8adaa664686e21f5cc88380c14.png?d=identicon"> 

    Результат:

  6. Принудительная произвольная картинка не зависящая от почты

    Принудительная произвольная картинка не зависящая от почты...

    Не знаю зачем нужно такое - но раз уж есть, то и покажем...

    Еще в спецификации по умолчанию можно выводить :

    Код:

    <img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=identicon&amp;f=y">

    Результат:

    Код:

    <img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=wavatar&amp;f=y">

    Результат:

    Код:

    <img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=retro&amp;f=y">

    Результат:

    Код:

    <img src="https://www.gravatar.com/avatar/00000000000000000000000000000000?d=robohash&amp;f=y">

    Результат:


Вас может еще заинтересовать список тем : #HTML | #PHP |
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
как сделать граватарустановить граватарграватар как пользоваться как настроить граватарИнструкция установки граватара на сайтКак установить на сайт граватарграватар на русскомсайт граватаррегистрация граватарасделать граватарграватар регистрация на русскомграватар регистрация на русском официальный сайтадрес граватар

Последние комментарии :
Марат :
03/12/2020 08:47
Давно пользуюсь данным скриптом, который написал еще при царе горохе!За десять лет изменилось то, что и при…
подробнее.
Ольга Попова :
02/12/2020 11:42
Я уж было обрадовалась, а у меня не…
подробнее.
Марат :
23/11/2020 07:38
Приходите ещё!
подробнее.
Лило :
23/11/2020 06:34
Благодарю, удобно
подробнее.
Марат :
15/11/2020 01:57
Здесь отвечал...1) Есть вот комментарии от вконтактае, очень простые 2)Такое же есть от мордокниги, 3) смотрите…
подробнее.