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

Граватар что такое Как установить на сайт

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

Если в не в курсе, то «Граватар» - gravatar - это всемирный аватар, который используется многими сайтами!

Как работает «Граватар»!?

1. Вы регистрируетесь по указанной выше ссылке и загружаете в свой аккаунт аватарку…
2.Идем на сайт, где есть комментарии с поддержкой «Граватара» - оставляем сообщение и ваш, комментарий будет подкреплен вашим аватаром!
3.Если вы захотите сменить аватар, то вам нужно вернуться на сайт и изменить вашу аватарку.. и все ваши аватары по всему миру изменятся!
4.По –мне, так очень удобная вещь, но всякая вещь имеет и положительные и отрицательные стороны…

Как использовать «Граватар» на сайте!?

Естественно, что нас на 100% - интересует вопрос использования «Граватара» на сайте – не буду вам рассказывать всего, что вы и так сможете прочитать на сайте, максимально кратко пробежимся по основным темам…

Как редактировать размер «Граватара»!?

На сайте есть описание, как редактировать размеры Граватара, но мне эти способы не нравятся, поэтому мы и не будем писать о них!

Я делаю очень просто… прикрепляем стиль к картинке и всегда можем уменьшить или увеличить все ваши Граватары на сайте..

Код:

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

Результат:

1.

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

$gravatar = 'ваша_почта@сайт.домен';

И код, который и будет выводить вашу автарку...написание кода может отличаться - это всего лишь пример...

Как вы можете наблюдать, то основной функцией преобразования вашего емайла выступает функция md5.
И если захотите потом почитать - положительные и отрицательные свойства «Граватара»
<img src="https://www.gravatar.com/avatar/'.md5( strtolower( trim( $gravatar ) ) ) .'.png"> 

Результат:

2.

Если человек не зарегистрирован – как будет реагировать Граватар на несуществующую почту в системе Граватара!?

Мы написали интересную почту - «ваша_почта@сайт.домен» попустим её через md5 -получим -

908c5b8adaa664686e21f5cc88380c14

Код:

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

Результат:

3.

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

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

Код:

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

Результат:

3.1.

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

Код:

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

Результат:

3.2.

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

Код:

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

Результат:

3.3.

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

Код:

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

Результат:

3.4.

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

Код:

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

Результат:

3.5.

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

Код:

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

Результат:

3.6.

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

Код:

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

Результат:

4.

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

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

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

Код:

<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 |
Последняя дата редактирования : 2020-01-19 06:31
Теги:
как сделать граватарустановить граватарграватар как пользоваться как настроить граватарИнструкция установки граватара на сайтКак установить на сайт граватар

Последние комментарии :
admin :
21/05/2020 05:03
Я Вас помню! Вы частенько оставляли сообщения на сайте!Все никак не мог спросить!? У Вас есть сайт -> зачем это…
подробнее.
Паула :
21/05/2020 04:48
Вообще мне очень нравится, что вы делаете! И ваш подход! И ваш стиль!И не обращайте внимание на всяких…
подробнее.
admin :
20/05/2020 10:36
Как бы смешно это не звучало! Но! Запускается новая система комментирования COMMENTS+ 1.5. в тестовом режиме!От…
подробнее.

НАШИ ПРОЕКТЫ : Проекты находятся в разной степени готовности (просто их столько, что времени не хватает…) Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2020 Мы на лучшем хостинге -> ruweb