1. Приветствуем Вас на неофициальном форуме технической поддержки XenForo на русском языке. XenForo - новый и перспективный форумный движок от бывших создателей vBulletin.

Шапка из двух-трех картинок

Тема в разделе "Вопросы по стилям, изменения в CSS и шаблонах", создана пользователем Witold, 30 ноя 2012.

Загрузка
  1. Witold

    Witold Местный

    Регистрация:
    19.01.12
    Сообщения:
    132
    Симпатии:
    23
    Версия XF:
    1.2.2
    Народ как можно сделать шапку из например 2 картинки
    первая ровняется к левому краю
    вторая к правому
    если этих картинки 3
    третья по центру
     
  2. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    в шапке создать блок а его фон прописать
    PHP:
    background-imageurl(картинка.png), url(картинка.png);
    background-repeatno-repeat,no-repeat;
    background-positionleft topright top;
     
  3. Witold

    Witold Местный

    Регистрация:
    19.01.12
    Сообщения:
    132
    Симпатии:
    23
    Версия XF:
    1.2.2
    Ну есть же блок как его то изменять
    PHP:
    <div id="logoBlock">
        <
    div class="pageWidth">
            <
    div class="pageContent">
                <
    xen:include template="ad_header" />
                <
    xen:hook name="header_logo">
                <
    div id="logo"><a href="{$logoLink}">
                    <
    span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
                    <
    img src="@headerLogoPath" alt="{$xenOptions.boardTitle}/>
                </
    a></div>
                </
    xen:hook>
                <
    span class="helper"></span>
            </
    div>
        </
    div>
    </
    div>
     
  4. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    нужно прописать класс к примеру для id="logoBlock"
    PHP:
     #logoBlock {
    background-imageurl(картинка.png), url(картинка.png);
    background-repeatno-repeat,no-repeat;
    background-positionleft topright top;
     
    Witold нравится это.
  5. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    А вот здесь тогда что указывать? Если в шапке будет несколько изображений.

    28-12-2012 12-07-24.jpg
     
  6. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    так и останется
     
  7. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Путь, к одной из нескольких картинок от шапки?
     
  8. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    нет это путь к логотипу форума а в 4 сообщении я на примере показал как сделать фон этого блока из 2 картинок
     
  9. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Skrimm, если Вам не сложно, поясните мне от начала и до конца. Думаю, многим новичкам было бы полезно.
    Допустим. У меня есть картинка 1 и картинка 2. Хочу первую расположить в крайнем левом положении в шапке, вторую в крайнем правом.
    1. Заливаю эти картинки на хостинг;
    2. В шаблон ad_header вставляю КОД и указываю путь до картинок
    Код:
     #logoBlock {
    background-image: url(картинка1.png), url(картинка2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top, right top;
    } 
    Что дальше?
     
  10. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    Код нужно вставить в EXTRA.css ну и примерно выглядеть будет вот так 1212.png
     
  11. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Всё вышеописанное примерно понял. Спасибо!
    А вот сюда к чему путь указывать?
    28-12-2012 12-07-24.jpg
     
  12. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    можно к баннеру вашего форума
     
  13. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    А к одной из двух картинок шапки можно?
     
  14. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    а зачем они ведь уже прописаны в css
     
  15. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Баннер?! Что под этим понимается?
     
  16. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
  17. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Что такое рекламный баннер я знаю. Я имел ввиду, что Вы под этим понимали, когда мне в "Путь к основному логотипу" рекомендовали путь к баннеру прописать.
    Мне в итоге к чему там путь прописать?
     
  18. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    можете в инете найти картинку под тематику сайта и прописать или просто удалить запись
     
  19. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Код вставлять в в EXTRA.css в любое место?
    Буду пробовать :). Спасибо!
     
  20. Skrimm

    Skrimm Активный пользователь

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    да в любое :)
     
    eterskov нравится это.

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