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

Граватар

2020/11/08 Марат 954 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
Подписаться + =

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

Построение гравиков
Основа для графика : счетчик посещаемости.
На отдельной : странице.
dwweb.ru есть здесь:
Последние комментарии :
Марат :
14.03.2023 21:07
Так... это когда было то... в 2018 году... мне не нравится(не нравилось), как поиск по файлам... как-то коряво было…
подробнее.
Moubrey :
14.03.2023 20:52
Их там два можно поставить, еще и по бокам, а в них еще друге окна станут вкладками, обычный проводник и…
подробнее.
Марат :
26.02.2023 12:20
Спасибо за внимательность!
подробнее.
V :
26.02.2023 11:49
В массиве месяцев пропущен октябрь!
подробнее.
Марат :
02.02.2023 10:48
Я не знаю, что это ... Такое понятие - "определена"... я не понимаю, что такое... есть такая фигня в Js, там, бывают…
подробнее.
Артур :
02.02.2023 06:51
При копировании всего кода из 3 главы "Вывод всех файлов из папки ссылками на них", при выполнении скрипта…
подробнее.
ruweb
Страница загружена за : 0.020674 секунд. Подробнее