xenforo Gradient header

[uydudoktoru]

The default style can be improved by having a gradient header. This small change is very nice.

Add the following to your extra.less template:

// gradient header

.p-header {
    background: linear-gradient(180deg, xf-intensify(@xf-chromeBg, 12%), @xf-chromeBg);
}

// staff Bar
.p-staffBar
{
    background: background: xf-intensify(@xf-chromeBg, 20%);
}

 

[uydudoktoru]

xenForo 2.x Header'a Radyal Gradyan Arka Planı Ekleyin​

gögeli radyal biçimde bir görünüm
extra.less e aşağıdaki kodu ekleyin

.p-header {
    color: #bcdef5;
    background: radial-gradient(#185886 50%, #0f3652);
    background-repeat: no-repeat;
}