Войти
Меню :
php (388)
html (151)



Blog (1566)
php (388)
js (293)
html (151)
css (137)
html tags (62)
js tag (56)
js method (44)
jquery (42)
php array (38)
text (37)
ruweb.net (37)
js date (33)
fonts (30)
form html (30)
online (30)
Показать еще :
js events (22)
php file (21)
foto (20)
atom (20)
forum (19)
database (19)
other (19)
input (19)
svg (18)
php date (18)
hosting (17)
mysql (17)
info (17)
php img (16)
php time (16)
lingvo (16)
board (16)
dosite (16)
color (15)
js time (14)
jsphp (14)
html book (14)
img (14)
js url (14)
htaccess (13)
table (13)
select (13)
yandex (13)
notepad (13)
знак (13)
osclass (13)
keyboard (12)
dw block (12)
download (12)
php path (12)
icon (11)
$ server (11)
js delete (10)
form (10)
vs code (10)
chart (10)
browser (10)
mouse (10)
ftp (9)
hover (8)
comment (7)
php url (7)
php post (7)
canvas (6)
php get (6)
hey tag (6)
js vars (6)
list (6)
click (6)
iframe (6)
adminka (6)
js file (5)
tag a (5)
js math (5)
js id (5)
year (5)
reg.ru (5)
web (5)
console (5)
heading (5)
value (5)
mb (5)
php var (4)
js form (4)
scandir (4)
submit (4)
xml (4)
day (4)
games (4)
нок (4)
vk (4)
month (4)
pages (4)
youtube (4)
task (4)
symbols (4)
week (4)
ssl (4)
js hash (4)
numbers (4)
base64 (4)
bbcode (4)
video (3)
рся (3)
file (3)
aimp (3)
units (3)
куб (3)
padding (3)
ucoz (3)
captcha (3)
line (3)
js post (3)
https (3)
jquery post (3)
domen (3)
money (3)
details (2)
sitemap (2)
src (2)
qr code (2)
counter (2)
arrows (2)
typeof (2)
js img (2)
height (2)
google (2)
prompt (2)
seo (2)
tag hr (2)
blob (2)
jino (1)
archive (1)
windows (1)
lingvo (1)
нод (1)
cursor (1)
smile (1)
php day (1)
rutube (1)
speed (1)
webp (1)
ok (1)
scroll (1)

Граватар

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

О граватаре:

  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">

    Результат:

Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

Теги:
как сделать граватар/установить граватар/граватар как пользоваться /как настроить граватар/Инструкция установки граватара на сайт/Как установить на сайт граватар/граватар на русском/сайт граватар/регистрация граватара/сделать граватар/граватар регистрация на русском/граватар регистрация на русском официальный сайт/адрес граватар
На сайте сейчас :
dwweb.ru есть здесь:
Все соцсети в одном месте!
Ещё :Игра "пятнашки"
Угадай страну по флагу
+
Как сделать сайт?
Md5 онлайн
Списки шифрования
Sitemap.html
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.025684 секунд.