XF 2.1 Как добавить ссылки в шапку?

[chipinos]

Здравствуйте. Как добавить в стандартном шаблоне XF 2.1.x в шапку сайта 4 ссылки?
Может кто подскакать... показать код реализации, и куда вставлять..

БУДУ БЛАГОДАРНА. СПАСИБО!

 

[IlyaPep]

Делаем модификацию /admin.php?template-modifications/
Шаблон PAGE_CONTAINER
Ключ произвольный
Тип поиска Простая замена
Ищем

<div class="p-header-logo p-header-logo--image">

Заменяем на

<div class="p-header-links">
    <a href="#">Link 1</a>
    <a href="#">Link 2</a>
    <a href="#">Link 3</a>
    <a href="#">Link 4</a>
</div>
$0

Ну и в шаблон extra.less чуть кода добавим

.p-header-content {
    align-items: flex-start;
    flex-direction: column;
    .p-header-links {
        margin-bottom: 20px;
        a {
            color: white;
            font-weight: 700;
            text-decoration: underline;
            font-size: 18px;
        }
    }
}

На быструю руку накидал, надеюсь дальше разберётесь

 

[chipinos]

IlyaPep, СПАСИБО! А как сделать, чтобы вверху было.
У меня они по середине. Так всё устраивает... Как на картинке.

 

[IlyaPep]

IlyaPep, СПАСИБО! А как сделать, чтобы вверху было.
У меня они по середине. Так всё устраивает... Как на картинке.

Скрин можно? Не совсем понимаю о чём вы... Делал их сверху. Код в экстру точно правильно добавили?

 

[chipinos]

Скрин можно? Не совсем понимаю о чём вы... Делал их сверху. Код в экстру точно правильно добавили?

Наверное, я не туда вставила...
В extra.less в каком месте этот код вставлять?)

 

[IlyaPep]

Наверное, я не туда вставила...
В extra.less в каком месте этот код вставлять?)

В любом, если там уже что-то есть, добавьте ниже просто

 

[chipinos]

В любом, если там уже что-то есть, добавьте ниже просто

Вот так получилось...
В extra.less вставила.

 

[IlyaPep]

Вот так получилось...

Можно ссылку на ваш форум? Явно что-то не так сделали

 

[chipinos]

IlyaPep, Он у меня на localhost

 

[IlyaPep]

IlyaPep, Он у меня на localhost

Разобрались?

 

[Skaiman]

найти:

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

заменить:

$0
        <div class="p-header-links custom-header-links">
            <a href="#">аварийный блог</a>
            <a href="#">аварийный форум</a>
            <a href="#">загрузки</a>
            <a href="#">о форуме</a>
        </div>

в extra.less

.p-header-links {
    &.custom-header-links {
        margin: 10px 0 0;
        a {
            text-decoration: none;
            font-weight: 600;
            margin: 0 5px;
            border-bottom: 2px solid @xf-publicNav--color;
        }
    }
}

 

[chipinos]

Skaiman, Cпасибо!

IlyaPep, Спасибо!

найти:

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

заменить:

$0
        <div class="p-header-links custom-header-links">
            <a href="#">аварийный блог</a>
            <a href="#">аварийный форум</a>
            <a href="#">загрузки</a>
            <a href="#">о форуме</a>
        </div>

в extra.less

.p-header-links {
    &.custom-header-links {
        margin: 10px 0 0;
        a {
            text-decoration: none;
            font-weight: 600;
            margin: 0 5px;
            border-bottom: 2px solid @xf-publicNav--color;
        }
    }
}

Подскажите, пожалуйста, если разместить с правой стороны
напротив слова ПОИСК. Ссылки. Как правильно сделать?

Шаблон стандартный XF 2.1.x

 

[Skaiman]

.p-header-links {
    &.custom-header-links {
        margin: 10px 0 0;
        text-align: right;
        a {
            text-decoration: none;
            font-weight: 600;
            margin: 0 5px;
            border-bottom: 2px solid @xf-publicNav--color;
        }
    }
}

а так то надо пытаться самому искать решение

 

[chipinos]

.p-header-links {
    &.custom-header-links {
        margin: 10px 0 0;
        text-align: right;
        a {
            text-decoration: none;
            font-weight: 600;
            margin: 0 5px;
            border-bottom: 2px solid @xf-publicNav--color;
        }
    }
}

а так то надо пытаться самому искать решение

Большущее Вам спасибо :)

Skaiman, ну, последние... больше беспокоить не буду :)

Как сделать в виде столбика ссылки, как на фото в этом сообщение.
Наводишь на текст подсвечивается ссылка...

Спасибо!

<div class="p-header-links custom-header-links">
            <a href="#">аварийный блог</a>
            <a href="#">аварийный форум</a>
            <a href="#">загрузки</a>
            <a href="#">о форуме</a>
            <a href="#">контакты</a>
            <a href="#">информация</a>
            <a href="#">помощь</a>
            <a href="#">о форуме</a>
        </div>

.p-header-links {
    &.custom-header-links {
        margin: 10px 0 0;
        text-align: right;
        a {
            text-decoration: none;
            font-weight: 600;
            margin: 0 5px;
            border-bottom: 2px solid @xf-publicNav--color;
        }
    }
}

 

[Skaiman]

        <div class="p-header-links custom-header-links">
            <a href="#">аварийный блог</a>
            <a href="#">аварийный форум</a>
            <a href="#">загрузки</a>
            <a href="#">о форуме</a>
            <br>
            <a href="#">контакты</a>
            <a href="#">информация</a>
            <a href="#">помощь</a>
            <a href="#">о форуме</a>
        </div>

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

 

[chipinos]

Skaiman, благодарю!