Welcome! Обсуждаем политические взгляды, проблемы медицины и регионов, IT индустрию и многое другое

Форум доступен на основном домене Thenewpath.xyz в случае блокировки имеется зеркало New-path.online и New-path.ru

  • Настоятельно рекомендуем проверять сомнительные ссылки, которые скидывают вам участники форумов, если вы не уверены в репутации отправителя или в безопасности ссылки, лучше воздержитесь от её открытия
  • В сети бываю редко

    Арбитраж от пользователей без регистрации скрыт

    По остальным вопросам указаны номера для связи

    89885994404
    89375035259

  • []Технический аккаунт Offline[]

Информация Xenforo как разместить png логотип или картинку в шапку форума и сделать её кликабельной

  • Новые темы и информация
  • Последние сообщения
  • Актуальное
  • Горячие темы
  • Самые просматриваемые

Moderation

В курсе событий
Модератор
Команда форума
Регистрация
16.06.2011
Сообщения
1 464
Реакции
180
Репутация
20 040
Возраст
38
Местоположение
Пер. Грановский дом 65 квартира 32
Сайт
thenewpath.xyz

Репутация:

Для начала на хостинге вашего сайта разместить заранее заготовленное изображение ну к примеру тут styles/default/xenforo/ваш логотип.png или .img
Далее находим в админ панели шаблон page_container
Код:
Page_Container после строки
<nav class="p-nav"> разместить код
    <a class="p-nav-banner" href="Ваша ссылка на проект или сайт" aria-label="Ваш заголовок или пометка">
        <img src="/styles/default/xenforo/Ваша картинка или логотип.png" alt="">
    </a>

    Либо заменить в Page_Container

    <header class="p-header" id="header">
    <div class="p-header-inner">
        <div class="p-header-content">

            <div class="p-header-logo p-header-logo--image">
                <a href="{{ ($xf.options.logoLink && $xf.homePageUrl) ? $xf.homePageUrl : link('index') }}">
                    <img src="{{ base_url(property('publicLogoUrl')) }}" srcset="{$srcset}" alt="{$xf.options.boardTitle}"
                        width="{{ property('publicLogoWidth') ?: '' }}" height="{{ property('publicLogoHeight') ?: '' }}" />
                </a>
            </div>

            <xf:ad position="container_header" />
        </div>
    </div>
</header>

На
            <nav class="p-nav">
    <a class="p-nav-banner" href="Ваша Ссылка" aria-label="Ваш текст">
        <img src="/styles/default/xenforo/Ваше png.png" alt="">
    </a>

    <div class="p-nav-inner">
Далее находим в админ панели Extra.less

4.png

5.png

И разместить код
Код:
    .p-nav {
    position: relative;
}

.p-nav::before {
    content: "";
    display: block;
    height: 40px;
    background-color: #0f1520;
}

.p-nav-banner {
    position: absolute;
    top: 0;
    right: 200px;
    z-index: 10;
    height: 5px;
    display: flex;
    align-items: center;
}

.p-nav-banner img {
    display: block;
    height: 80px;
    width: auto;
}

Где кстати меняя код под себя можно настроить высоту логотипа, размер, отклонение от середины и т.д.

1.png

2.png

3.png
 
Последнее редактирование:
Если у вас возникли проблемы со входом, регистрацией или сменой пароля, обращайтесь лично к модератору
Если у вас возникли проблемы со входом, регистрацией или сменой пароля, обращайтесь лично к модератору
Назад
Верх
Click here to login using your socials account