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

1.1.2 Как правильно вставить текст или изображение в "шапку"?

Тема в разделе "Для новичков", создана пользователем eterskov, 25.09.2012.

Загрузка
  1. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Подскажите пожалуйста, как правильно внедрить в указанное мною место в "шапке" изображение или текст.
    Мне пока нужно поставить текст. Я сделал так. В фотошопе сделал текст в виде изображения формата PNG, залил его на форум. В шаблон ad_header

    Код:
    <xen:hook name="ad_header" />
     
    <xen:if is="{xen:time $serverTime, 'n'} == 5 AND {xen:time $serverTime, 'j'} > 1 AND {xen:time $serverTime, 'j'} < 11">
        <div style="position: absolute; top: 0; left: 0;"><img border="0" src="styles/Reclama/lenta.gif" alt="" /></div>
    </xen:if>
    
    Вставил строку <img src="styles/Reclama/slogan.png"></a> (где располагается у меня изображение) и получилось вот так

    Код:
    <xen:hook name="ad_header" />
     
     
    <img src="styles/Reclama/slogan.png"></a>
     
     
    <xen:if is="{xen:time $serverTime, 'n'} == 5 AND {xen:time $serverTime, 'j'} > 1 AND {xen:time $serverTime, 'j'} < 11">
        <div style="position: absolute; top: 0; left: 0;"><img border="0" src="styles/Reclama/lenta.gif" alt="" /></div>
    </xen:if>
    
    Изображение встало. НО! При сворачивании интернет страницы это изображение переносится с правого угла шапки, в место над шапкой.

    25-09-2012 19-27-46.png

    Собственно и вопрос, как правильно вставить текст (или изображение) в шапку? Форум вот http://clippu.net/
     
  2. Alakey

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

    Регистрация:
    15.03.12
    Сообщения:
    102
    Симпатии:
    9
    Версия XF:
    1.1.3
    Та же беда. Вся эта шапка начинает наезжать, я даже не знаю как сказать, на тело что ли (не видно кнопки регистрации).
     
  3. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Ещё раз спрошу. Вот такая беда происходит. Правый блок при сужении страницы перескакивает поверх логотипа.
     
  4. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Вот смотрите (кто в теме :)). Один хороший человек Sywooch мне показал, как состоит шаблон logo_block у него на форуме http://forum.fishing-ua.com

    Код:
    <div id="logoBlock">
      <div class="pageWidth">
    <div class="pageContent">
                <div id="logo">
    <table width="100%">
    <tr><td width="50%" align="left">
            <xen:hook name="header_logo">
    <a href="{$logoLink}">
                    <span><xen:comment>This span fixes IE vertical positioning</xen:comment></span>
        <img src="@headerLogoPath" alt="{$xenOptions.boardTitle}" />
    </a>
    </td>
    <td width="50%" align="right">
    <xen:include template="ad_header" />
    </td>
    </tr>
    </table>
    </div
    </xen:hook>
    <span class="helper"></span>
    </div>
    </div>
    </div>
    А так мой стоковый выглядел
    Код:
    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>
    Я просто закинул его код шаблона к себе на форум. В принципе получилось, что я хотел, но фон шапки при сужении страницы не накладывается у меня на правый блок :(. Где подправить?

    Получилось вот так

    --- добавлено : 11 окт 2012 в 23:47 ---
    Так... начинаю понимать потихоньку. Получается и левый (логотип) и правый (текст) блок нужно размещать в логотип.
     
  5. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Разобрался.
     
  6. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Подниму тему. Так как же вставить изображение в шапку, что бы оно не зависимо от разрешения экрана отображалось по центру?
    Вставляю в ad_header чисто код
    Код:
    <img src="путь">
    Если дописать
    Код:
    align="middle"
    ничего не меняется.
     
  7. gib130

    gib130 Местный

    Регистрация:
    07.01.12
    Сообщения:
    159
    Симпатии:
    209
    Версия XF:
    1.1.4
    Создать див и в него поместить изображение, дальше лишь просто позиционировать див.
     
    gib1300 нравится это.
  8. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Я по другому сделал. В EXTRA.CSS добавил
    Код:
    #header > div {
    background-image: url("путь до картинки");
    background-repeat: no-repeat;
    background-position:  center top;
    } 
     
    santamo и Mirovinger нравится это.
  9. santamo

    santamo Местный

    Регистрация:
    03.06.13
    Сообщения:
    256
    Симпатии:
    23
    Версия XF:
    1.2.4
    А как вы сделали то, что повыше "Clippu Net - форум по Автозвуку "? спс.
    Да и вооще - что у вас за стиль. Мне понравился.
     
  10. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Я вообще про этот форум говорил http://remont-strojka.info/ Я его ещё только собираю.
    А что там у меня повыше на Clippu Net?
     
  11. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1 164
    Симпатии:
    846
    Версия XF:
    1.3.4
    @eterskov он имеет ввиду notices.

    Код:
    Символика Радио Медиа Моя система
     
  12. santamo

    santamo Местный

    Регистрация:
    03.06.13
    Сообщения:
    256
    Симпатии:
    23
    Версия XF:
    1.2.4
    И еще понравились альбомы - это когда мусолишь мышкой по изображению, а там меняются всякие картинки.
     
  13. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Что такое notice я не знаю. Баннер, что ли, имеете ввиду? Или Объявления?
     
  14. adder

    adder Местный

    Регистрация:
    08.10.10
    Сообщения:
    1 164
    Симпатии:
    846
    Версия XF:
    1.3.4
    Объявления, да.
     
  15. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
  16. santamo

    santamo Местный

    Регистрация:
    03.06.13
    Сообщения:
    256
    Симпатии:
    23
    Версия XF:
    1.2.4
    Да. объявления работают. А как там всякая движуха красивая делается?
     
  17. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Она сама делается. Конкретно настройки движухи: Админка - Внешний вид - Объявления.
    Методом научного тыка разберётесь.
    Ну и это уже не по теме разговор пошёл.
     
  18. santamo

    santamo Местный

    Регистрация:
    03.06.13
    Сообщения:
    256
    Симпатии:
    23
    Версия XF:
    1.2.4
    Да, не по теме, но открывать ради этого тему жирно будет.
    Вопрос по стилю все же остался. :)
     
  19. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1 329
    Симпатии:
    386
    Версия XF:
    1.2.3
    Стиль Social
     
  20. santamo

    santamo Местный

    Регистрация:
    03.06.13
    Сообщения:
    256
    Симпатии:
    23
    Версия XF:
    1.2.4
    спс
     

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