Meniu personalizat!

Vezi subiectul anterior Vezi subiectul urmator In jos

Rezolvat Meniu personalizat!

Mesaj Scris de alfacraft la data de Joi 1 Oct - 18:06

Buna ziua,spuneti va rog cum sa fac si eu un meniu personalizat??
avatar
alfacraft
Membru activ

Mesaje : 991
Varsta : 17
Data înscrierii : 02/09/2015
Multumiri : 16
2 avertismente

http://alfacraft.forumz.ro/

Sus In jos

Rezolvat Re: Meniu personalizat!

Mesaj Scris de Zeus la data de Joi 1 Oct - 18:36

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 [Trebuie sa fiti inscris si conectat pentru a vedea acest link] reprezinta culoarea aleasa de mine.

[Trebuie sa fiti inscris si conectat pentru a vedea acest link] [Trebuie sa fiti inscris si conectat pentru a vedea acest link]




[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | Conditii generale | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Inactiv in perioada 22.07.2017 - 27.07.2017
avatar
Zeus
Administrator
Administrator

masculin

Mesaje : 4103
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 627
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos

Rezolvat Re: Meniu personalizat!

Mesaj Scris de alfacraft la data de Joi 1 Oct - 18:41

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

Mesaje : 991
Varsta : 17
Data înscrierii : 02/09/2015
Multumiri : 16
2 avertismente

http://alfacraft.forumz.ro/

Sus In jos

Rezolvat Re: Meniu personalizat!

Mesaj Scris de Zeus la data de Joi 1 Oct - 20:10

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 [Trebuie sa fiti inscris si conectat pentru a vedea acest link] .navbar ul.linklist:
padding: 10px 0px !important; - valoarea 10px mareste latimea meniului.

Explicarea selectorului [Trebuie sa fiti inscris si conectat pentru a vedea acest link] .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.




[Trebuie sa fiti inscris si conectat pentru a vedea acest link] | Conditii generale | [Trebuie sa fiti inscris si conectat pentru a vedea acest link] | [Trebuie sa fiti inscris si conectat pentru a vedea acest link]

Inactiv in perioada 22.07.2017 - 27.07.2017
avatar
Zeus
Administrator
Administrator

masculin

Mesaje : 4103
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Multumiri : 627
Niciun avertisment

https://github.com/zeusmaximus

Sus In jos

Rezolvat Re: Meniu personalizat!

Mesaj Scris de alfacraft la data de Joi 1 Oct - 20:43

rezolvat!
avatar
alfacraft
Membru activ

Mesaje : 991
Varsta : 17
Data înscrierii : 02/09/2015
Multumiri : 16
2 avertismente

http://alfacraft.forumz.ro/

Sus In jos

Rezolvat Re: Meniu personalizat!

Mesaj Scris de Zachary la data de Joi 1 Oct - 20:43

topic rezolvat



[Trebuie sa fiti inscris si conectat pentru a vedea acest link][Trebuie sa fiti inscris si conectat pentru a vedea acest link][Trebuie sa fiti inscris si conectat pentru a vedea acest link]
avatar
Zachary
Administrator
Administrator

masculin

Mesaje : 2174
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 180
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum