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

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

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

Загрузка
  1. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Вставил код в экстра ксс, из пути к логотипу путь убрал.
    Никаких изменений :(.
     
  2. Skrimm

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

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    если взять форум из вашей подписи тогда
    #header > div {
    }
     
    eterskov нравится это.
  3. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    То есть
    Код:
    #logoBlock {
    background-image: url(http://clippu.net/styles/dxf/xenforo/картинка1.png), url(http://clippu.net/styles/dxf/xenforo/картинка2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top, right top;
    
    Заменить на
    Код:
    #header > div {
    background-image: url(http://clippu.net/styles/dxf/xenforo/картинка1.png), url(http://clippu.net/styles/dxf/xenforo/картинка2.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top, right top;
     
  4. Skrimm

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

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

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Вот мой Экстра. ксс
    Код вставил сразу после /*Xenique*/
    Что то у меня подозрения, что я url не правильно прописываю :(.Хотя по этому запросу картинки отображаются.

    Код:
    /*Xenique*/
     
    #header > div {
    background-image: url(http://clippu.net/styles/dxf/xenforo/logo 291.png), url(http://clippu.net/styles/dxf/xenforo/slogan.png);
    background-repeat: no-repeat,no-repeat;
    background-position: left top, right top;
    }
     
    /*Account CSS*/
     
    .accountSideBar
    {
            background: #fdfbf8;
            padding: 0px !important;
            border: 1px solid #366c88;
            border-radius: 6px;
            box-shadow: 3px 3px 6px #bababa;
    }
     
        .accountSideBar .heading
        {
            margin: 0 !important;
                    background-image: url(@imagePath/xenforo/menu_ro.png);
                    background-repeat: repeat-x;
                    background-position: top;
        }
        .accountSideBar .section
        {
            margin: 0 !important;
        }
     
    /* Discussion List */
     
    .discussionList
    {
        background: #eef1f4;
            padding: 10px;
            border: 1px solid #3c738e;
            border-radius: 10px;
            -moz-box-shadow: 1px 1px 6px #8f969e;
            box-shadow: 1px 1px 6px #8f969e;
     
    }
     
     
    /*Footer*/
     
    .xenique, xenique a
    {
        color: #0a5b83;
    }
    .xenique a:hover
    {
        color: #0d8dcc;
        border-bottom: 1px dashed #0d8dcc;
        text-decoration: none;
    }
     
    /* Forms */
    .xenForm
    {
        margin: 10px auto;
        width: @formWidth;
        background: #fdfbf8;
          border: 1px solid #aeb0b1;
          border-radius: 6px;
    }
     
     
    /*Help List */
    .helpContent .baseHtml,
    .smilieList
    {
     
            background: #fdfbf8;
            border-radius: 6px;
            border: 1px solid #acadaf;
            padding: 10px;
    }
     
    /* Member View*/
       
        .profilePage .section
        {
            background-color: transparent;
        }
       
        .profilePage .messageSimple
        {
            background: #edf7fc;
            border: 1px solid @primaryLighterStill;
            padding: 6px;
            border-radius: 3px;
        }
        .profilePage .messageSimpleList
        {
            background-color: #fdfbf8;
           
        }
        .profilePage .pageNavLinkGroup
        {
            background-color: #fdfbf8;
        }
       
        .messageSimple .secondaryContent
        {
            background: #fcfaf7;
            border: 1px solid @primaryLightest;
            padding: 3px;
            border-radius: 3px;
        }
     
    .profilePage .profileContent
    {
        background-color: #fdfbf8;
    }
    .profilePage .mast
    {
       
        border: 0 !important; /* Edit out unwanted border - Xenique */
    }
     
    .profilePage .main
    {
            border: 0 !important; /* Edit out unwanted border - Xenique */
    }
     
    /* Message List */
    .messageList .message
    {
        @property "message";
        padding: 10px 10px 30px;
        border-top: 1px solid @primaryLighterStill;
        @property "/message";
            background: #fdfbf8;
            border: 1px solid #bbbdc0;
            border-radius: 6px;
        margin-bottom: 10px;
    }
     
    .sectionMain
    {
          margin-top: -10px !important;
    }
     
     
    .pollBlock .secondaryContent
    {
          background: #d9eaf2 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x top;
          border: 1px solid #a0b4bb;
          border-radius: 7px;
    }
     
     
    /* Search Bar */
    #QuickSearch .formPopup
        {
            background-color:transparent;
        }
     
    #QuickSearch .textCtrl
        {
            border: 1px solid #0a2837;
                    border-radius: 3px;
                    box-shadow: inset 0px 2px 5px #7b7f84;
        }
    #QuickSearch.active
            {
                            background: #fdfbf8 !important;
            }
     
        #QuickSearch
        {
            right: 10px;
            top: -30px;
            background-color: transparent;
        }
     
    .searchResults
    {
          background: #fdfbf8;
          padding: 10px;
          border-radius: 7px;
          box-shadow: 1px 1px 6px #b1b4b5;
          border: 1px solid #aeb0b1;
    }
     
    /* Side Bar */
     
    .sidebar .section
    {
          background: transparent !important;
    }
     
    .sidebar .section .secondaryContent
    {
          background: #dae1e7 url('@imagePath/xenforo/sidebar.png') repeat-x top;
          border: 1px solid #7d8894;
          border-radius: 3px;
          -moz-box-shadow: 1px 1px 6px #a7b2bd;
          box-shadow: 1px 1px 6px #a7b2bd;
    }
     
    /* Pop up menus */
     
        .Popup .PopupControl.PopupOpen,
        .Popup.PopupContainerControl.PopupOpen
        {
            padding: 3px !important;
        }
     
     
     
    body .subForumsPopup
    {
        margin: 10px;
        float: none;
    }
     
    body .subForumsPopup .blockLinksList
    {
        display: inline-table;
        width: 100%;
        box-sizing: border-box;
        word-spacing: -10px;
    }
     
    body .subForumsPopup .blockLinksList > li
    {
        display: inline-block;
        width: 25%;
        word-spacing: 0;
        vertical-align: top;
    }
     
    body .subForumsPopup .blockLinksList .nodeTitle
    {
        font-weight: normal;
    }
     
    body .subForumsPopup .blockLinksList .unread .nodeTitle
    {
        font-weight: bold;
    }
     
    body .subForumsPopup .blockLinksList .nodeTitle a:before
    {
        content: "";
        background: @primaryLighter;
        border-radius: 4px;
        margin-right: 5px;
        display: inline-block;
        height: 14px;
        width: 4px;
        vertical-align: middle;
    }
     
    body .subForumsPopup .blockLinksList li.node > .unread .nodeTitle a:before
    {
        background: @primaryMedium;
    }
     
     
     
        /* End Xenique */
        
     
  6. Skrimm

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

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    #header > div {
    background-image: url(http://мой сайт/forumstyle/NY1.png);
    background-position: right top;
    background-repeat: no-repeat;
    }
    я прописал вот скрин
    13133.png
     
  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
    нет все правильно но вот пути к картинкам не правильны я вводить пробовал не показывает

    возьми пути в ("картинка")

    или можешь дать доступ мне я гляну пока время есть
     
    eterskov нравится это.
  9. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Заработало :D!!! Спасибо!
    Но есть небольшая проблемка :(. Посмотрите. Я же путь к логотипу убрал. Теперь там квадратик пустой. Как это обойти?

    Я понял. Можно что то прозрачное туда загрузить. Так наверное?
     
  10. Skrimm

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

    Регистрация:
    23.06.12
    Сообщения:
    151
    Симпатии:
    38
    Версия XF:
    1.1.4
    можно но как вариант поиск по шаблонам искать <div id="logo"> чуть ниже будет ссылка на квадрат ее можно удалить
     
  11. eterskov

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Спасибо Вам!!! Прям к Новому Году подарок. Давно хотел сделать, что бы ширина страницы форума была не фиксированная. Теперь смогу :).
     
  12. Skrimm

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

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

    eterskov Местный

    Регистрация:
    12.03.12
    Сообщения:
    1.329
    Симпатии:
    384
    Версия XF:
    1.2.3
    Ааа...! Я понял. Сама картинка логотипа нужна для того, что бы если на неё жмакнуть :), перекидывало на главную страницу.
    А можно ведь сделать так, что я не две картинки добавлю, а только правую часть с цитатой? В таком случае как бы код выглядел?
    Так?
    Код:
    #header > div {
    background-image: url("http://clippu.net/styles/dxf/xenforo/slogan.png");
    background-repeat: no-repeat;
    background-position:  right top;
    } 
    Собственно, мне нужно, что бы правый край был не фиксированный и подстраивался под все разрешения экрана.

    А можно линк на Ваш форум?
     

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