Meniu personalizat!

Buna ziua,spuneti va rog cum sa fac si eu un meniu personalizat??

Buna ziua,

1. JavaScript

Adaugati urmatorul cod in gestiunea codurilor javascript:
Panou => Module => HTML & JAVASCRIPT => Gestiunea codrilor JavaScript => Creati un nou JavaScript

Cod:

$(document).ready(function() {
    $(".navbar a").each(function() {
        $(this).attr("href") === window.location.pathname && $(this).attr("class", "active")
    })
});

Setati vizibilitatea pentru toate paginile.

2. Foaia de stil css

Adaugati urmatorul cod in foaia de stil css:
Panou => Afisare => Imagini si culori => Culori => Foaie de stil css

Cod:

#page-header .navbar li {
padding: 5px 0px;
text-align: center;
text-transform: uppercase;
}

#page-header .navbar ul.linklist{
border-bottom: 2px solid #2DAF31;
}

#page-header .navbar li a {
padding: 8px;
position: relative;
}

#page-header .navbar li a:hover, #page-header .navbar li a.active {
background: #2DAF31;
}

#search-box {
margin-top: -17px;
position: relative;
top: -13px;
}

#search-box #keywords {
outline: none;
border: 1px solid #222;
padding: 5px;
border-radius: 2px;
color: #f1f1f1;
background: #111 !important;
}

#search-box .button2 {
border: 0px;
background: #2DAF31;
color: #f9f9f9;
padding: 5px;
border-radius: 2px;
margin-left: 3px;
}

In codul de mai sus #2DAF31 reprezinta culoarea aleasa de mine.

#meniu #phpbb3

Cum sa o fac mai lata din sus in jos?

Adaugati acest cod:

Cod:

#page-header .navbar ul.linklist {
padding: 10px 0px !important;
}

#page-header .navbar li a {
    padding: 18px 15px 18px 15px !important;
}

#search-box {
top: -22px !important;
}

Explicarea selectorului #page-header .navbar ul.linklist:
padding: 10px 0px !important; - valoarea 10px mareste latimea meniului.

Explicarea selectorului #page-header .navbar li a:
padding: 18px 15px 18px 15px; - valoarea 18px mareste inatimea, iar valoarea 15px latimea efectului hover din meniu.

Am accesat forumul dumneavoastra si am constatat ca nu ati adaugat codul JavaScript. Trebuie si adaugat si el pentru ca meniul sa arate mai bine.

rezolvat!