XF 2.1 Добавление дополнительных вкладок сверху

Статус
В этой теме нельзя размещать новые ответы.

rozhur

Проверенные
Сообщения
142
Решения
3
Реакции
195
Баллы
755
Как грамотно добавить свои вкладки навигации в этой области? есть ли такой плагин?
101710
UPD:
Я в принципе разобрался. Панель висит как надо, но тут встает другой вопрос.
Реализовал таким путем:
в header добавил
HTML:
            <div class="navigation-panel">
                <div class="links">
                    <ul>
                        <li><a href="1">1page</a></li>
                        <li><a href="2">2page</a></li>
                        <li><a href="3">3page</a></li>
                        <li><a href="4">4page</a></li>
                        <li><a href="5">5page</a></li>
                        <li><a href="6">6page</a></li>
                    </ul>
                </div>
CSS:
Код:
.links
{
    padding: 0 20px;
    text-align: center;
}

.links ul li
{
    display: inline;
    padding: 0 15px;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
}

.links ul li a
{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}

.links ul li a:hover
{
    font-weight: bold;
}


.navigation-panel{
    font-family: 'RalewayRegular', arial;
    position: relative;
    z-index: 6;
    width: 712px;
    background: #dd4443;
    color: #fff;
    height: 50px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    margin-left: -356px;
    top: -63px;
    text-align: center;
}
При наведении на ссылку, текст видоизменяется и тем самым сдвигает другие ссылки в стороны от себя, как исправить?
 
Последнее редактирование:
Менять дизайн, чтобы вкладки которые сейчас ниже шапки, были возле лого. Самое простое решение - скачайте стиль, который вам нравится
Человек, судя по вопросу, хочет свои вкладки. А не перенос существующих. Если я конечно правильно понял...
 
grisha2217, есть сайт. У него есть вкладки в верху и мне нужно их на форум также пихнуть, чтобы верхняя часть форума была максимально похожа на сайт.

Я в принципе разобрался. Панель висит как надо, но тут встает другой вопрос.
Реализовал таким путем:
в header добавил
HTML:
            <div class="navigation-panel">
                <div class="links">
                    <ul>
                        <li><a href="1">1page</a></li>
                        <li><a href="2">2page</a></li>
                        <li><a href="3">3page</a></li>
                        <li><a href="4">4page</a></li>
                        <li><a href="5">5page</a></li>
                        <li><a href="6">6page</a></li>
                    </ul>
                </div>
        </div>
CSS:
Код:
.links
{
    padding: 0 20px;
    text-align: center;
}

.links ul li
{
    display: inline;
    padding: 0 15px;
    font-size: 16px;
    line-height: 50px;
    color: #fff;
    text-transform: uppercase;
}

.links ul li a
{
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
}

.links ul li a:hover
{
    font-weight: bold;
}


.navigation-panel{
    font-family: 'RalewayRegular', arial;
    position: relative;
    z-index: 6;
    width: 712px;
    background: #dd4443;
    color: #fff;
    height: 50px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    margin-left: auto;
    margin-right: auto;
    left: 50%;
    margin-left: -356px;
    top: -63px;
    text-align: center;
}
При наведении на ссылку, текст видоизменяется и тем самым сдвигает другие ссылки в панельке в стороны от себя, как это исправить?

Проблему решил. Можно закрыть :)
 
Последнее редактирование модератором:
Решить-то решили, но ждите геморрой при обновлении движка: всё слететь может. Лучше делать через TMS.
если перед обновлением править на исходный, и после вернуть - прокактит ведь?
 
Последнее редактирование:
Статус
В этой теме нельзя размещать новые ответы.
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу