Смотрите видео ниже, чтобы узнать, как установить наш сайт в качестве веб-приложения на домашнем экране.
Примечание: В настоящее время эта функция требует доступа к сайту с помощью встроенного браузера Safari.
<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>
.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;
}
}
}
/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;
}
}
}
Скрин можно? Не совсем понимаю о чём вы... Делал их сверху. Код в экстру точно правильно добавили?
В любом, если там уже что-то есть, добавьте ниже простоНаверное, я не туда вставила...
В extra.less в каком месте этот код вставлять?)
В любом, если там уже что-то есть, добавьте ниже просто
Можно ссылку на ваш форум? Явно что-то не так сделалиВот так получилось...
<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>
.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;
}
}
}
найти:
заменить:Код:<div class="p-header-inner">
в extra.lessКод:$0 <div class="p-header-links custom-header-links"> <a href="#">аварийный блог</a> <a href="#">аварийный форум</a> <a href="#">загрузки</a> <a href="#">о форуме</a> </div>
Код:.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; } } }
.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;
}
}
}
а так то надо пытаться самому искать решениеКод:.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; } } }
<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;
}
}
}
<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>
Мы используем основные cookies для обеспечения работы этого сайта, а также дополнительные cookies для обеспечения максимального удобства пользователя.
Посмотрите дополнительную информацию и настройте свои предпочтения