Видеообзоры от Дмитрия Бачило

ulogin подсасывает. ulogin подсасывает аватарки из соцсетей, но мне пришлось их отключить, когда я сделал авторизацию через соцсети, потому что картинки не масштабировались. Если аватарка 60 на 60 — она отображалась правильно, если она 200 на 200 например, то и в комментах она отображалась 200 на 200, причем в коде страницы ясно было прописано height 60 и width 60, и если кусок кода тупо скопипастить в отдельный html-файл и открыть его — там аватарка открывается в правильном размере 60 на 60, какой бы большой она не была.

Это меня совершенно удивляло, выглядело всё так, будто браузер просто игнорирует код. Те, кто был здесь в первый день тестирования авторизации через соцсети — помнят эту чехарду. Щас, вот, нашел минутку сесть да разобраться. Я давно уже отстал от мира html-а, в моё время, когда я его изучал, никакого CSS-а не было. Только теперь я эмпирически, не имея представления что именно я ищу, нашел таки, что style.css у моей темы для wordpress имеет параметр media-«all», который задает height и width в состояние auto, и затем параметры img-avatar, задающие 60 пикселей, тупо игнорируются, потому что противоречат all-у. Достаточно найти в самом начале style.css параметр img, он там выглядит так:

img{
max-width:100%;
height:auto;
width: auto; /* IE 8 */
}


и привезти его к следующему виду:


img{
max-width:100%;
}


И проблема решается. Теперь тут в комментариях нормально и автоматически отображаются ваши автарки из соцсетей, если вы авторизовываетесь через них. Так что если вы юзаете uLogin и у вас пробелема с размерами аватара, может быть этот пост вам поможет.

Продолжаем отгадывать загадку ниже.