Fare una barra stile Sciax2

[#Settings]

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:

Spoiler

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:

Perfavore, Entra oppure Registrati per vedere i codici!

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:

Perfavore, Entra oppure Registrati per vedere i codici!

 

[ebello]

Avevo già scritto in passato una guida simile su come inserire la barra simile stile Facebook/twitter (http://www.sciax2.it/forum/tutorial/inserire-barra-menu-simile-quella-facebook-twitter-561418.html), la presenza di più guide e quindi di più strade su come raggiungere un determinato obiettivo non può che aiutare gli utenti ad ottenere ciò che cercano ;)

 

[#Neaples]

La barra che esce alla fine, assomiglia alla barra di un forum (non faccio spam non vi preoccupate ).. Comunque abbastanza utile per quelli che si creano un forum ed hanno solo le barre predefinite della skin scelta! ;)

 

[#Vincè]

La barra finale (quella nera) non è compatibile con quella di sciax2 , dove sono gli a:hover? , dove sono gli effetti transition? mancano un po' di cose

@System10 senz'offesa

 

[#Settings]

La barra finale (quella nera) non è compatibile con quella di sciax2 , dove sono gli a:hover? , dove sono gli effetti transition? mancano un po' di cose

@System10 senz'offesa

E' solo una riproduzione in css.

 

[#Vincè]

E' solo una riproduzione in css.

eh allora non scrivere "userbar style sciax2" patpat @ebello rinomina

 

[#Settings]

eh allora non scrivere "userbar style sciax2" patpat @ebello rinomina

Non capisco il commento, non è php ho solo scritto dei vari tag per rendere il tutto più semplice al colui che la crea.

 

[#Vincè]

Non capisco il commento, non è php ho solo scritto dei vari tag per rendere il tutto più semplice al colui che la crea.

infatti è tutto css , compresa quella blu di s2 :facepalm:

 

[Mirko]

In effetti senza indicare (oltre allo stile css della barra) anche codice html questa guida è un tantino inutile, dal momento che all'utente non basta inserire il codice css che hai fornito per far apparire la barra.

Per me puoi benissimo tenerla così, ma è un consiglio per ampliare la guida visto che attualmente risulta a metà ^^

 

[#Settings]

In effetti senza indicare (oltre allo stile css della barra) anche codice html questa guida è un tantino inutile, dal momento che all'utente non basta inserire il codice css che hai fornito per far apparire la barra.

Per me puoi benissimo tenerla così, ma è un consiglio per ampliare la guida visto che attualmente risulta a metà ^^

Ho testato tutto e funziona. Basta mettere due tag e il gioco è fatto.

 

[Mirko]

Ho testato tutto e funziona. Basta mettere due tag e il gioco è fatto.

Non ho mai detto che non funziona
Ho detto semplicemente che senza il codice HTML la guida risulta a metà per gli utenti meno esperti.

 

[#Settings]

Non ho mai detto che non funziona
Ho detto semplicemente che senza il codice HTML la guida risulta a metà per gli utenti meno esperti.

Certamente, dammi un po' di tempo.