• Regolamento Macrocategoria DEV
    Prima di aprire un topic nella Macrocategoria DEV, è bene leggerne il suo regolamento. Sei un'azienda o un hosting/provider? Qui sono anche contenute informazioni per collaborare con Sciax2 ed ottenere l'accredito nella nostra community!

Fare una barra stile Sciax2

#Settings

Utente Guru
Autore del topic
6 Luglio 2009
12.544
120
Miglior risposta
0
Ciao a tutti con questo tutorial vorrei spiegarvi come creare una barra come questa:
e67a33a87172abb3a8fae56c76d87911.png


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

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


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:
La barra che esce alla fine, assomiglia alla barra di un forum (non faccio spam non vi preoccupate :emoji_relieved:).. Comunque abbastanza utile per quelli che si creano un forum ed hanno solo le barre predefinite della skin scelta! ;)
 
  • Like
Reactions: 1 person
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
 
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à ^^
 
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.