В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 19-03-2024! 🞨
Меню :
php (329)
html (147)



Blog (1392)
php (329)
js (244)
html (147)
css (131)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
online (29)
Показать еще :
fonts (26)
ruweb.net (25)
foto (22)
php file (20)
atom (20)
forum (19)
hosting (18)
svg (18)
input (18)
php date (17)
board (16)
php time (16)
html book (16)
color (15)
info (15)
img (14)
js time (14)
js url (14)
js events (14)
htaccess (13)
select (13)
notepad (13)
osclass (13)
keyboard (12)
знак (12)
dw block (12)
php img (12)
php path (12)
table (12)
download (12)
icon (11)
form (11)
jsphp (11)
alphabet (10)
keyframes (10)
js delete (10)
yandex (10)
mouse (10)
chart (9)
hover (9)
dosite (8)
browser (8)
php post (7)
comment (7)
php url (7)
iframe (6)
php get (6)
mysql (6)
click (6)
list (6)
canvas (6)
adminka (6)
vs code (6)
js id (5)
mb (5)
heading (5)
value (5)
reg.ru (5)
ftp (5)
year (5)
js math (5)
tag a (5)
bbcode (4)
php var (4)
base64 (4)
xml (4)
scandir (4)
games (4)
flags (4)
symbols (4)
week (4)
day (4)
ssl (4)
нок (4)
submit (4)
task (4)
vk (4)
month (4)
pages (4)
console (4)
js form (4)
domen (3)
line (3)
https (3)
js post (3)
jquery post (3)
money (3)
numbers (3)
js img (3)
padding (3)
куб (3)
captcha (3)
ucoz (3)
js hash (3)
tag hr (2)
details (2)
typeof (2)
seo (2)
prompt (2)
sitemap (2)
рся (2)
youtube (2)
height (2)
arrows (2)
js vars (2)
counter (2)
google (2)
qr kod (2)
video (2)
speed (1)
smile (1)
нод (1)
rutube (1)
scroll (1)
windows (1)
archive (1)
jino (1)
cursor (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 есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.021683 секунд. Подробнее