Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Meniu personalizat!

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Meniu personalizat!

Mesaj Scris de alfacraft Joi Oct 01, 2015 6:06 pm

Buna ziua,spuneti va rog cum sa fac si eu un meniu personalizat??Meniu personalizat! Person10
alfacraft

alfacraft
Membru activ

Mesaje : 994
Varsta : 23
Data înscrierii : 02/09/2015
Mulțumiri : 16
Internet Explorer phpBB2

http://alfacraft.forumz.ro/
alfacraft a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu personalizat!

Mesaj Scris de Zeus Joi Oct 01, 2015 6:36 pm

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
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu personalizat!

Mesaj Scris de alfacraft Joi Oct 01, 2015 6:41 pm

Cum sa o fac mai lata din sus in jos?
alfacraft

alfacraft
Membru activ

Mesaje : 994
Varsta : 23
Data înscrierii : 02/09/2015
Mulțumiri : 16
Internet Explorer phpBB2

http://alfacraft.forumz.ro/
alfacraft a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu personalizat!

Mesaj Scris de Zeus Joi Oct 01, 2015 8:10 pm

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.
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu personalizat!

Mesaj Scris de alfacraft Joi Oct 01, 2015 8:43 pm

rezolvat!
alfacraft

alfacraft
Membru activ

Mesaje : 994
Varsta : 23
Data înscrierii : 02/09/2015
Mulțumiri : 16
Internet Explorer phpBB2

http://alfacraft.forumz.ro/
alfacraft a fost mulțumit de autorul acestui subiect.

Rezolvat Re: Meniu personalizat!

Mesaj Scris de Zachary Joi Oct 01, 2015 8:43 pm

topic rezolvat
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum