Ciao a tutti con questo tutorial vorrei spiegarvi come creare una barra come questa:
Non pretendete che debba uscire con Benvenuto, System10 e poi Esci, MODIFICHEREMO SOLO IL CSS
Allora prima cosa vedere con ispeziona elemento l'id dell' header.
Screen:
Come vedrete l'id del mio header si chiama newnav, dopo averlo preso andate in AdminCP>Stili e Template>Ricerca nei template e cercate additional.css.
Ora una volta aperto cercate #idheader dal vostro browser facendo la combinazione ctrl+f, togliete tutti i valori e mettete questi:
Il risultato è questo:
Ovviamente è solo lo stile, quindi se volete usare questa barra, i valori saranno li stessi però dovrete usare i tag <nav></nav> <li></li> <ul></ul> <div id="nomeid"></div> e lo dovete correlare con:
![e67a33a87172abb3a8fae56c76d87911.png](/forum/proxy.php?image=http%3A%2F%2Fgyazo.com%2Fe67a33a87172abb3a8fae56c76d87911.png&hash=6f66d4b4b62e703e8bebe8c8f1bc397d)
Non pretendete che debba uscire con Benvenuto, System10 e poi Esci, MODIFICHEREMO SOLO IL CSS
Allora prima cosa vedere con ispeziona elemento l'id dell' header.
Screen:
![626d1a2a8fd97011ecac66265771e7a5.png](/forum/proxy.php?image=http%3A%2F%2Fgyazo.com%2F626d1a2a8fd97011ecac66265771e7a5.png&hash=6ad89f4527f7a96623081f59f2dcb24e)
Come vedrete l'id del mio header si chiama newnav, dopo averlo preso andate in AdminCP>Stili e Template>Ricerca nei template e cercate additional.css.
Ora una volta aperto cercate #idheader dal vostro browser facendo la combinazione ctrl+f, togliete tutti i valori e mettete questi:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Il risultato è questo:
![636b4fbc1c087df9426e3c6d8e86bec1.png](/forum/proxy.php?image=http%3A%2F%2Fgyazo.com%2F636b4fbc1c087df9426e3c6d8e86bec1.png&hash=e91943840bcb244cee6181254045d521)
Ovviamente è solo lo stile, quindi se volete usare questa barra, i valori saranno li stessi però dovrete usare i tag <nav></nav> <li></li> <ul></ul> <div id="nomeid"></div> e lo dovete correlare con:
Codice:
Perfavore,
Entra
oppure
Registrati
per vedere i codici!
Ultima modifica: