Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Как сделать так, чтобы в зависимости от размера экрана пользователя отображались разные дополнительные поля?

Как сделать так, чтобы в зависимости от размера экрана пользователя отображались разные дополнительные поля?


     12.02.2018    дополнительные поля    Все вопросы » Общие вопросы по вёрстке    216

вопрос
Здравствуйте. Как сделать так, чтобы в зависимости от размера экрана пользователя отображались разные дополнительные поля. Например:

Если ширина экрана больше 600 px, то отображается информация из [xfgiven_1] [xfvalue_1] [/xfgiven_1], а если меньше то [xfgiven_2] [xfvalue_2] [/xfgiven_2] !?

Размер экрана и дополнительные поля

Ответил: Heavy1


[smartphone] текст [/smartphone]



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



[not-smartphone] текст [/not-smartphone]



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



[tablet] текст [/tablet]



будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт с планшета.



[not-tablet] текст [/not-tablet]



будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт не с планшета.



[desktop] текст [/desktop]



будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт со стационарного компьютера или ноутбука.



[not-desktop] текст [/not-desktop]



будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт не со стационарного компьютера или ноутбука.

6 комментариев

vadosrespekt
Юзер

vadosrespekt - 12 февраля 2018 20:13 -

[smartphone] текст [/smartphone]
будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт с мобильного телефона.
[not-smartphone] текст [/not-smartphone]
будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт не с мобильного телефона.
[tablet] текст [/tablet]
будет выводить текст заключенный в теги, если посетитель просматривает ваш сайт с планшета.
Документация https://dle-news.ru/extras/online/index.html?all2.html

ofara734
Юзер

ofara734 - 12 февраля 2018 20:19 -

У меня адаптивный шаблон. Эти теги работают только если включено: "Включить автоматическую поддержку смартфонов"?

Heavy1
Юзер

Heavy1 - 12 февраля 2018 22:09 -

эти теги работают глобально
варик через css не убирает ненужное поле из html

maruska
Юзер

maruska - 12 февраля 2018 21:41 -

Если по простому можно так
css
<style>
@media (max-width: 600px) {
  .van {
    display: none;
  }
}
@media (min-width: 600px) {
  .too {
    display: none;
  }
}
</style>
html
<span class="van">
[xfgiven_1] [xfvalue_1] [/xfgiven_1]
</span>
<span class="too">
[xfgiven_2] [xfvalue_2] [/xfgiven_2]
</span>

ofara734
Юзер

ofara734 - 12 февраля 2018 21:43 -

Спасибо! То, что нужно!

ofara734
Юзер

ofara734 - 12 февраля 2018 22:11 -

Всем еще раз большое спасибо!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх