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

Необходимо добавить баннер в шапку

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

Загрузка
  1. miracle228

    miracle228 Read only

    Регистрация:
    27.12.11
    Сообщения:
    31
    Симпатии:
    1
    Версия XF:
    1.1.1
    Как поставить сюда баннер? Безымянный.png
     
  2. Pepelac

    Pepelac Продам луц в бутылках Команда форума

    Регистрация:
    28.09.10
    Сообщения:
    1.794
    Симпатии:
    1.349
    Ищите шаблон ad_header
     
  3. rango177

    rango177 Местный

    Регистрация:
    31.12.11
    Сообщения:
    26
    Симпатии:
    1
    Версия XF:
    1.2.3
    Здравствуйте. как же все таки сделать чтоб баннер был сверху лого как на этом скрине. спасибо
     
  4. maus

    maus Местный

    Регистрация:
    27.03.12
    Сообщения:
    187
    Симпатии:
    128
    Добавить баннер в шаблон ad_header. Так он будет вставляться в код страницы сразу перед логотипом. Вот пример (роль баннера исполняет красный прямоугольник), который следует добавить в конец шаблона:
    Код:
    <div style="float: right; width: 400px; height: 64px; background-color: red;">...код баннера сюда...</div>
    Описания используемых для этого css-стилей ищите на htmlbook ru. Для вас, вероятно, будут полезны стили float, margin и padding.
     
    rango177 нравится это.
  5. rango177

    rango177 Местный

    Регистрация:
    31.12.11
    Сообщения:
    26
    Симпатии:
    1
    Версия XF:
    1.2.3
    у меня дефолт стиль. И сверху лого как на этом скрине большой на всю ширину шапки. Нужно чтоб баннер был на лого. тоесть картинка на картинке. Ни знаю как сделать)
     
  6. maus

    maus Местный

    Регистрация:
    27.03.12
    Сообщения:
    187
    Симпатии:
    128
    Пример того как это должно выглядеть в Пэинте слепите и код баннера дайте.
     
  7. rango177

    rango177 Местный

    Регистрация:
    31.12.11
    Сообщения:
    26
    Симпатии:
    1
    Версия XF:
    1.2.3
    [​IMG]
    Код:
    <!-- OYY.ru --><script type="text/javascript"><!--[/LEFT][/LEFT]
    [LEFT][LEFT]oyy_banner_id = '16051';[/LEFT][/LEFT]
    [LEFT][LEFT]document.write('<sc'+'ript type="text/javascript" src="'+('https:'==document.location.protocol?'https':'http')+'://ad.oyy.ru/oyy.js?rnd='+Math.round(Math.random()*100000)+'"></sc'+'ript>');[/LEFT][/LEFT]
    [LEFT][LEFT]//-->[/LEFT][/LEFT]
    [LEFT][LEFT]</script>
     
  8. maus

    maus Местный

    Регистрация:
    27.03.12
    Сообщения:
    187
    Симпатии:
    128
    Примерно так:
    Код:
    <div style="position: absolute; width: 468px; height: 60px; right: 0px; bottom: 0px; margin: 0 10px 10px 0; z-index: 1000;">
    <!-- OYY.ru --><script type="text/javascript"><!--
    oyy_banner_id = '16051';
    document.write('<sc'+'ript type="text/javascript" src="'+('https:'==document.location.protocol?'https':'http')+'://ad.oyy.ru/oyy.js?rnd='+Math.round(Math.random()*100000)+'"></sc'+'ript>');
    //-->
    </script></div>
    Т.к. я не знаю, как вы таких размеров шапку сделали, сходу готовое решение дать не могу. Без изменений этот код сделает баннер, закрепленный справа-снизу. Влево-вверх его можно подтянуть, меняя второе (отступ справа) и третье (отступ снизу) число в margin. Если не поможет, то тут придется на самом сайте разбираться.
     
    rango177 нравится это.
  9. rango177

    rango177 Местный

    Регистрация:
    31.12.11
    Сообщения:
    26
    Симпатии:
    1
    Версия XF:
    1.2.3
    Супер, Спасибо. Помогло.
    --- добавлено : Jul 8, 2012 3:48 PM ---
    Только теперь все кнопки на форуме что рядом с баннером не кликабельны.
     
  10. maus

    maus Местный

    Регистрация:
    27.03.12
    Сообщения:
    187
    Симпатии:
    128
    Логично. Тогда уберите margin, вместо него настраивайте при помощи значений right и bottom (то же самое).
     
    rango177 нравится это.
  11. rango177

    rango177 Местный

    Регистрация:
    31.12.11
    Сообщения:
    26
    Симпатии:
    1
    Версия XF:
    1.2.3
    Заработало)
     
  12. rango177

    rango177 Местный

    Регистрация:
    31.12.11
    Сообщения:
    26
    Симпатии:
    1
    Версия XF:
    1.2.3
    эх. при изменении размера браузера, баннер становится криво, съезжает со своего места
     
  13. rango177

    rango177 Местный

    Регистрация:
    31.12.11
    Сообщения:
    26
    Симпатии:
    1
    Версия XF:
    1.2.3
    вот так получилось по левой стороне
    Код:
    <div style="position:absolute; top:190px;">
    <!-- OYY.ru --><script type="text/javascript"><!--
    oyy_banner_id = '10018';
    document.write('<sc'+'ript type="text/javascript" src="'+('https:'==document.location.protocol?'https':'http')+'://ad.oyy.ru/oyy.js?rnd='+Math.round(Math.random()*100000)+'"></sc'+'ript>');
    //-->
    </script></div>
     
  14. maus

    maus Местный

    Регистрация:
    27.03.12
    Сообщения:
    187
    Симпатии:
    128
    Это вопрос, или что? Скиньте ссылку на форум в личку, сделаю, как надо, раз уж взялся.
     
  15. Romchik®

    Romchik® The Power of Dreams Команда форума

    Регистрация:
    26.09.10
    Сообщения:
    5.740
    Симпатии:
    5.269
    Версия XF:
    1.5.11
    Это потому что баннер позиционируется скорей всего относительно всей страницы. Нужно, чтобы он позиционириовался относительно родительского блока. Ему нужно указать position:relative;
     
    rango177 и maus нравится это.

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