1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

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

Главные вкладки

Аватар пользователя DarKaind DarKaind 16 октября 2017 в 18:52

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

Лучший ответ

Комментарии

Аватар пользователя DarKaind DarKaind 16 октября 2017 в 21:13

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

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

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

Аватар пользователя BatKor BatKor 16 октября 2017 в 19:51

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

Аватар пользователя DarKaind DarKaind 16 октября 2017 в 21:15

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

Аватар пользователя ivnish ivnish 16 октября 2017 в 21:21

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