Смена логотипа в мобильной версии

Аватар пользователя DarKaynd

Здравствуйте, подскажите пожалуйста (собственно заголовок :D), как сделать так, чтобы менялся логотип в зависимости от мобильной версии или размера экрана (лучше от размера экрана, т.к на планшете еще подходит старый логотип, а на телефоне нужен уже другой). Нужно чтобы именно другое изображение вставлялось.
Спасибо :)

Тип материала:
Версия Drupal:
0 Thanks

Лучший ответ

Аватар пользователя itcrowd72
itcrowd72 1 месяц назад

CSS media запросы

Комментарии

Аватар пользователя itcrowd72
itcrowd72 1 месяц назад

CSS media запросы

Аватар пользователя DarKaynd
DarKaynd 1 месяц назад

А как там чтоб логотип поменять на другую картинку?

Аватар пользователя itcrowd72
itcrowd72 1 месяц назад
#logo {
 background: url('/path/to/logo') no-repeat;
}
Аватар пользователя DarKaynd
DarKaynd 1 месяц назад

ну в таком случае у меня новая картинка идет фоном под старой... не, ну я сделал как то так

#logo img {opacity:0;}
#logo {background: url('/path/to/logo') no-repeat;}

Это нормально или есть более элегантные решения :D

Аватар пользователя BatKor
BatKor 1 месяц назад

Здравствуйте,
Настоятельно рекомендую ознакомиться с CSS.
Да самый простой способ описан выше это с помощью css, так же можно выводить и мобильную и десктопную версии, и показывать при необходимых условиям, и куча куча вариантов

Аватар пользователя DarKaynd
DarKaynd 1 месяц назад

Не, ну я знаю что в ксске можно медиа запросами делать, я прост не втыкаю как ей одну картинку на другую заменить. Но вроде какую то фигню сделал, что картинку в блоке скрыл, а фоном сделал другую картинку (код выше), но мне кажется это немного странно)

Аватар пользователя itcrowd72
itcrowd72 1 месяц назад

Можете в шаблонах темы переопределить #logo убрав из него тэг img, тогда достаточно будет только background менять

Аватар пользователя BatKor
BatKor 1 месяц назад

Ага, есть не много, по-моему. Если вам не критично то можно и оставить.