Jump to content
  • Ориентация на различные экраны - мобильный/планшет/ПК

       (0 reviews)

    Кирилл

    В Invision Community из коробки реализована адаптивная вёрстка под разные разрешения экранов различных устройств - от смартфонов и телефонов до настольных ПК и планшетов.

    Разработчики предоставляют возможность гибко настраивать отображение той или иной информации в зависимости от разрешения экрана используемого устройства. В рамках стандартных возможностей присутствует несколько классов, которыми можно воспользоваться для адаптации правок в текущей теме, либо при создании новой.

    Основной перечень классов, которые можно использовать:

    .ipsResponsive_hidePhone.ipsResponsive_block /* Скрыть элемент на телефонах */
    .ipsResponsive_hideTablet.ipsResponsive_block /* Скрыть элемент на планшетах */
    .ipsResponsive_hideDesktop.ipsResponsive_block /* Скрыть элемент на ПК */
    
    .ipsResponsive_showPhone.ipsResponsive_block /* Показать элемент на телефонах */
    .ipsResponsive_showTablet.ipsResponsive_block /* Показать элемент на планшетах */
    .ipsResponsive_showDesktop.ipsResponsive_block /* Показать элемент на ПК */

    Пример использования:

    <div class="ipsResponsive_hideDesktop ipsResponsive_block">
        Вы зашли с мобильного устройства или планшета
    </div>
    
    
    <div class="ipsResponsive_showPhone ipsResponsive_block">
        Вы зашли с мобильного устройства
    </div>

    Эти классы могут быть использованы на всём сайте, построенном на Invision Community, чтобы отобразить необходимую информацию в зависимости от экрана устройства.

    Рекламные объявления

    Для каждого интернет сайта в сети очень актуален вопрос отображения рекламных объявлений своим пользователям, адаптированных для различных разрешений экранов.

    Система рекламы в Invision Community позволяет размещать HTML рекламные объявления, поэтому, вы можете воспользоваться классами, указанными выше, для построения своей рекламной компании под различные разрешения экранов.

     

    <div class="ipsResponsive_showPhone ipsResponsive_block">
        Объявление для мобильных устройств
    </div>
    
    <div class="ipsResponsive_showTablet ipsResponsive_block">
        Объявление для планшетов
    </div>
    
    <div class="ipsResponsive_showDesktop ipsResponsive_block">
        Объявление для ПК
    </div>

     



    User Feedback

    Join the conversation

    You can post now and register later. If you have an account, sign in now to post with your account.
    Note: Your post will require moderator approval before it will be visible.

    Guest

    • This will not be shown to other users.
    • Add a review...

      ×   Pasted as rich text.   Paste as plain text instead

        Only 75 emoji are allowed.

      ×   Your link has been automatically embedded.   Display as a link instead

      ×   Your previous content has been restored.   Clear editor

      ×   You cannot paste images directly. Upload or insert images from URL.

      Loading...

Messenger

    ×
    ×
    • Create New...

    Important Information

    By using our site you agree to our Privacy Policy