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

Помогите добавить .gif на форум.

Тема в разделе "Модификации шаблонов", создана пользователем leonovdmitriy, 10 дек 2013.

Загрузка
  1. leonovdmitriy

    leonovdmitriy Местный

    Регистрация:
    31.01.13
    Сообщения:
    51
    Симпатии:
    6
    Всех приветствую!

    В предновогоднюю пору все занимаются украшательством... Вот и я решил. Но Стандартные решения меня не обрадовали....

    Посему задача:
    Я нарисовал gif (мигающие шарики) и хочу добавить их в шапку форума. между лого и панелькой "Войти и зарегистрироваться" ( при авторизации она уйдет и ее не будет видно).
    вот сюда: Скриншот 2013-12-10 01.17.jpg




    Подскажите пожалуйста, какой код и куда нужно вставить...


    Если все получится выложу красивое решение оформления)
     
  2. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    logo_block - шаблон

    Код:
    <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>
    Надеюсь это то что вы имели ввиду.
    Вот что получилось .
    upload_2013-12-10_5-48-37.png
    --- добавлено : 10 дек 2013 в 05:52 ---
    Только наверное нужно будет высоту блока увеличить) А то как то немного перекашивает.
     
    Последнее редактирование модератором: 17 дек 2013
  3. leonovdmitriy

    leonovdmitriy Местный

    Регистрация:
    31.01.13
    Сообщения:
    51
    Симпатии:
    6
    Спасибо! ща попробую!!!
     
  4. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Или вы хотели прикрепить к выдвигающейся панели до авторизации ?
     
  5. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    252
    Симпатии:
    246
    Версия XF:
    1.1.2
    Можно попробовать добавить такой код в EXTRA.css:
    Код:
    #header #logoBlock .pageWidth:before {
        background: url("@imagePath/xenforo/overlay/image.png") repeat scroll transparent;
        content: "";
        display: block;
        height: 100px;
        position: absolute;
        top: -18px;
        width: 100%;
    }
    Получится как то так.
    garlands_login_bar.png garlands_mod_bar.png
    Только возможно придётся не много подправить под себя.
    Так же можно изменить путь к изображению.
    Что бы панель модератора, была сверху, надо в EXTRA.css добавить:
    Код:
    #moderatorBar {
        position:relative;
        z-index:99;
    }
     
  6. Telia

    Telia Read only

    Регистрация:
    22.11.12
    Сообщения:
    136
    Симпатии:
    21
    Версия XF:
    1.0.1
    Я так понимаю ему нужно чтобы после авторизации гифка пропала.
     
  7. leonovdmitriy

    leonovdmitriy Местный

    Регистрация:
    31.01.13
    Сообщения:
    51
    Симпатии:
    6
    Не.. нужно что-бы всегда была!!)

    А поместить ее нужно по нижней границе панели администратора, но слоем ниже чем "войти или зарегистрироваться"...

    Времени попробовать не было... ща перекушу и сяду эКсперименты эКспериментировать!!!
     
  8. leonovdmitriy

    leonovdmitriy Местный

    Регистрация:
    31.01.13
    Сообщения:
    51
    Симпатии:
    6
    Ребят, подскажите дураку...
    Если адрес картинки "_tp://srv3_test@ftp-srv34738.ht-systems.ru/styles/aurora/xenforo/anim.gif"
    Как его вписать сюда
     
  9. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    252
    Симпатии:
    246
    Версия XF:
    1.1.2
    Можно и так.
     
    Последнее редактирование: 11 дек 2013
  10. leonovdmitriy

    leonovdmitriy Местный

    Регистрация:
    31.01.13
    Сообщения:
    51
    Симпатии:
    6
    Вот чудо-человек!
    Спасибо! Пробую...


    не получается...
    Добавил в конец extra.css
    Код:
    #header #logoBlock .pageWidth:before {
        background: url("styles/aurora/xenforo/anim.gif") repeat scroll transparent;
        content: "";
        display: block;
        height: 100px;
        position: absolute;
        top: -18px;
        width: 100%;
    }
    
    #moderatorBar {
        position:relative;
        z-index:99;
    }
    и ничего не происходит...
     
    Последнее редактирование: 10 дек 2013
  11. Mirovinger

    Mirovinger Местный

    Регистрация:
    17.05.12
    Сообщения:
    252
    Симпатии:
    246
    Версия XF:
    1.1.2
    У вас картинка точно там лежит, просто я её не вижу по этому пути.
     
  12. leonovdmitriy

    leonovdmitriy Местный

    Регистрация:
    31.01.13
    Сообщения:
    51
    Симпатии:
    6
    Итак! Благодаря стараниям Mirovinger получилась прекрасная украшайка для сайта:

    ПРИМЕР ТУТ!

    Нужно положить приложенный файлик в папку Styles и добавить в EXTRA.CSS код

    Код:
    #header #logoBlock .pageWidth:before {
        background: url("styles/Anim1.gif") repeat scroll left transparent;
        content: "";
        display: block;
        height: 64px;
        left: -5px;
        padding: 0px 5px;
        position: absolute;
        top: -3px;
        width: 100%;
    }
     

    Вложения:

    • Anim1.gif
      Anim1.gif
      Размер файла:
      282,4 КБ
      Просмотров:
      12
    Mirovinger нравится это.

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