1. Не прочитали правил - получили бан! В правилах немного букв, прочитать их не составит труда

    • МУЛЬТИАККАУНТЫ - запрещены, и блокируются сразу-же.
    • "Спасипа" "давно искал" "вау" - БАН!
    • Не активировали аккаунт в течении суток, профиль удаляется.

    C уважением команда forocommander

Инструкция Добавляем изображение к голосованию в теме

Тема в разделе "Статьи, обзоры, инструкции", создана пользователем Forcom, 15 май 2016.

  1. Forcom

    Forcom Администратор

    Ищем шаблон poll_block .Под строкой
    
    <div class="pollContent">
    
    добавляем
    
    <div class="custom_pollImage"></div>
    
    Сохраняем шаблон.
    Открываем extra.css вашего стиля и добавляем туда следующий код:
    
    .custom_pollImage {
    background: url("styles/image.jpg") no-repeat;
    width: 150px;
    height: 150px;
    position: absolute;
    left: -200px;
    }
    }
    
    Где url("styles/image.jpg") путь до вашего изображения.Размеры кстати можете отрегулировать под себя.Сейчас это картинка 150 на 150.
    untitled(3).
    Чтобы добавлять разные картинки в определённые разделы вместо кода выше, добавьте в extra.css вашего стиля следующий код:
    
    .nodeX .custom_pollImage {
    background: url("styles/image.jpg") no-repeat;
    width: 150px;
    height: 150px;
    position: absolute;
    left: -200px;
    }
    
    Где X -идентификатор раздела.Его можно увидеть в ссылке в адресной строке (нужного раздела)
    untitled(4).
    К примеру в этом разделе идентификатор-2.
    Чтобы убрать вопросительный знак из голосования,добавляем в extra.css
    
    .pollBlock .questionMark {
    display: none;
    }
    
    И в заключение,для корректного отображения картинки добавляем в extra.css следующий код:
    
    <xen:if is="@enableResponsive">
    @media (max-width:@maxResponsiveWideWidth) {
    .custom_pollImage {
    display: none;
    }
    }
    @media (max-width:@maxResponsiveMediumWidth) {
    .custom_pollImage {
    display:none;
    }
    }
    @media (max-width:@maxResponsiveNarrowWidth) {
    .custom_pollImage {
    display:none ;
    }
    }
    </xen:if>
    
     

Поделиться этой страницей