Гирлянда из еловых лапок в меню навигации 2013-11-24

[Mirovinger]

Пользователь Mirovinger разместил новый ресурс:

Гирлянда из еловых лапок в меню навигации - Добавляем гирлянду из еловых лапок в меню навигации

Посмотреть вложение 9161
Изображение nav_lapy.png загружаем в папку /icons своего стиля и в шаблон EXTRA.CSS добавляем:

#navigation .helper {
    display: block;
    height: 30px;
    left: -5px;
    padding: 0px 5px;
    position: absolute;
    top: -18px;
    width: 100%;
    background: url('@imagePath/xenforo/icons/nav_lapy.png') repeat 0% 0%;
}

Что бы исправить такой нюанс с оповещениями:
Посмотреть вложение 9162
Идем сюда:...

Узнать больше об этом ресурсе...

 

[Vitaliy]

Здравствуйте. Подскажите пожалуйста как разместить гирлянду на чате taigachat. Спасибо.

 

[Mirovinger]

Могу предложить такой вариант.

В EXTRA.css добавляем:

/* верхняя гирлянда в чате======================================= */
.taigachat_alt.section:before {
background: url("@imagePath/xenforo/icons/nav_lapy.png") repeat scroll transparent ;
content: "";
display: block;
height: 30px;
margin-top: -25px;
margin-bottom: auto;
}
/* нижняя гирлянда в чате======================================= */
.taigachat_alt.section:after {
background: url("@imagePath/xenforo/icons/nav_lapy.png") repeat scroll transparent ;
content: "";
display: block;
height: 30px;
margin-top: auto;
margin-bottom: -10px;
}

Можно использовать только одну гирлянду, но это на ваше усмотрение, просто скопируйте нужный вам код.

 

[abs0lut3]

Спасибо ТС! Красота!

 

[ScireNefaS]

я растерялся, и не могу понять где править, что бы гирлянду приподнять на 5мм от шапки... а то кнопки заслоняет, а юзверям проблематично по ним попадать, и если добавление какой новой кнопки, то они её просто не замечают.
помогите плз

 

[Mirovinger]

Покажите на живом форуме, так как это ещё зависит от стиля.

 

[ScireNefaS]

Покажите на живом форуме, так как это ещё зависит от стиля.

вот так размещена гирлянда, и хочу ее поднять на 5мм выше

в шаблоне EXTRA.css добавлен

.taigachat_alt.section:after {
background: url("@imagePath/xenforo/icons/nav_lapy.png") repeat scroll transparent ;
content: "";
display: block;
height: 30px;
margin-top: auto;
margin-bottom: -10px;
}

этот код

 

[Mirovinger]

Я конечно извиняюсь, но как приведённый Вами код для гирлянды в чате, относится к навбару?

Вот код для навбара.

#navigation .helper {
    display: block;
    height: 30px;
    left: -5px;
    padding: 0px 5px;
    position: absolute;
    top: -18px;
    width: 100%;
    background: url('@imagePath/xenforo/icons/nav_lapy.png') repeat 0% 0%;
}

top: -18px;

Изменяйте на своё усмотрение.

 

[ScireNefaS]

Я конечно извиняюсь, но как приведённый Вами код для гирлянды в чате, относится к навбару?

Вот код для навбара.

#navigation .helper {
    display: block;
    height: 30px;
    left: -5px;
    padding: 0px 5px;
    position: absolute;
    top: -18px;
    width: 100%;
    background: url('@imagePath/xenforo/icons/nav_lapy.png') repeat 0% 0%;
}

Изменяйте на своё усмотрение.

спасибо