СКРИПТЫ
ТЕГИ:
php (319)
js (238)
html (145)
css (125)
html tags (62)
js tag (56)
jquery (41)
text (36)
js method (35)
js date (32)
php array (31)
form html (30)
fonts (27)
link (26)
Показать еще :
online (25)
ruweb.net (24)
foto (22)
php file (21)
atom (20)
forum (19)
hosting (18)
svg (18)
php date (17)
board (16)
html book (16)
input (16)
php time (16)
color (15)
js events (14)
js url (14)
notepad (13)
osclass (13)
htaccess (13)
img (13)
js time (13)
php img (12)
select (12)
знак (12)
table (12)
dw block (12)
info (12)
php path (12)
download (11)
keyboard (11)
jsphp (11)
form (11)
icon (11)
mouse (10)
yandex (10)
js delete (10)
hover (9)
dosite (8)
comment (7)
cookie (7)
php url (7)
year (6)
mysql (6)
iframe (6)
browser (6)
list (6)
click (6)
php get (6)
adminka (5)
tag a (5)
js math (5)
chart (5)
heading (5)
reg.ru (5)
mb (5)
search (5)
ftp (5)
js id (5)
value (5)
base64 (4)
week (4)
day (4)
ssl (4)
bbcode (4)
нок (4)
vk (4)
js form (4)
submit (4)
php var (4)
month (4)
pages (4)
symbols (4)
task (4)
console (4)
куб (3)
captcha (3)
domen (3)
js post (3)
line (3)
ucoz (3)
numbers (3)
padding (3)
js img (3)
https (3)
js hash (3)
vs code (3)
scandir (3)
рся (2)
seo (2)
prompt (2)
counter (2)
height (2)
google (2)
details (2)
js vars (2)
video (2)
sitemap (2)
tag hr (2)
youtube (2)
arrows (2)
typeof (2)
money (2)
qr kod (2)
нод (1)
rutube (1)
jino (1)
cursor (1)
header (1)
speed (1)
windows (1)
archive (1)
smile (1)
scroll (1)

Граватар

2020/11/08 Марат 843 0 html | php |
Что такое граватар?. Адрес сайта, где нужно зарегистрироваться для граватара. Как установить граватар на сайт!?

О граватаре:

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

    Результат:

Можете не благодарить, лучше помогите!
Теги :
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

Счетчик в график :

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
Последние комментарии :
Марат :
18.11.2022 17:21
Как же я вами завидую! Сколько у вас свободного…
подробнее.
>" :
18.11.2022 17:18
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
18.11.2022 17:17
А как восклицательные знаки? С ними всё нормально??? Или нет??? Вы к ним как…
подробнее.
Марат :
18.11.2022 17:15
В мире много разных отклонений... по статистике примерно 10% человек в странах имеют такие.... Была у меня…
подробнее.
qwe"> :
18.11.2022 17:00
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
20.10.2022 10:10
Очень рад за Вас!
подробнее.
ruweb
Страница загружена за : 0.023587 секунд. Подробнее