Newsgroup: it.comp.www.html
Titolo: "Linguette" con i CSS

Ciao a tutti,
nella pagina sche sto creando c'e' una barra orizzontale nell'intestazione
con i link alle principali sezioni del sito (5 o 6).
Ho visto come creare degli pseudo-pulsanti-rollover usando solo i CSS,
giocando con il colore di sfondo, i bordi, ecc., pero' mi piacerebbe
ricreare graficamente le classiche "liguette" (tab). Sapete se c'e' un
modo per farle solo con i CSS, magari assegnando delle immagini di sfondo
appropriate ai vari stati del link (active, ecc) o qualcosa del genere?
Grazie!
-- 
Ciao da Zelig
(per rispondere via e-mail togliere ".remove-this" dall'indirizzo)
Zelig Web: 
http://welcome.to/zelig

 .


Grande! :-)
Grazie 1000, proprio quello che cercavo. Vado a studiare :-)


 Grazie!
[spot] Un' alternativa al link postato da deelan...
Menù grafici con rollover e preload via css:
http://pro.html.it/articoli/id_447/idcat_8/pro.html
Guardati il terzo esempio.
Ciao,
    Alessandro Fulciniti

nel caso il menu' non è su tutte le pagine ma ad esempio in un frame e 
quindi separato dalle altre pagine trovandosi in un file proprio, come 
si fa ad avere sempre il pulsante attivo;
cioè negli esempi si usa mettere per ogni tag li di ogni sezione il
rispettivo activelink;
nei frame invece come si fa?
inoltre nell'articolo si usano immagini jpeg per i bottoni, è solo un 
caso oppure comunque il jpeg è meglio del gif?

 [spot] Un' alternativa al link postato da deelan...
Interessante anche questo, pero' (se non ho capito male) questi tab non
sono "elastici" come quelli di Alistapart, cioe' la loro larghezza e'
fissa e non si adatta alla larghezza del testo del link, giusto?


 fissa e non si adatta alla larghezza del testo del link, giusto?
Non ho intenzione di fare pubblicità al mio progetto ma li puoi trovare
dei tab non di lunghezza fissa:
http://atomnet.sourceforge.net/
i css:
http://atomnet.sourceforge.net/css/screendefault.css
http://atomnet.sourceforge.net/css/basic.css
-- 
Lawrence
"ain't nothin' but fun."

 fissa e non si adatta alla larghezza del testo del link, giusto?
Esatto, sono a larghezza fissa. Su alistapart infatti viene composto un
tab grazie a due immagini di sfondo: una al list-item e una al link,
e questo consente di avere uno sfondo che si adatta al testo, ma l' immagine
resta quella anche sullo stato hover, mentre cambia il colore del testo.
Se si vuole uno sfondo che si adatti al testo, non si può cambiarlo sullo stato hover,
almeno non senza markup aggiuntivo e/o trucchi per IE.
Ciao,
    Alessandro Fulciniti
P.S: è uscita la seconda parte dell' articolo:
 
http://pro.html.it/articoli/id_450/idcat_8/pro.html

 caso oppure comunque il jpeg č meglio del gif?
Le jpg con un buon livello di compressione sono abbastanza
leggere, mentre le gif hanno la trasparenza che le jpg non hanno.
Inoltre credo che la palette delle gif sia un po' piů limitata rispetto
a quella delle jpg. Ho scelto le jpg cmq x un motivo molto + semplice:
il software che ho usato (Pixia) non supporta le gif.
Ciao,
    Alessandro Fulciniti

 il software che ho usato (Pixia) non supporta le gif.
ma png č meglio rispetto a gif?
ed č supportato da tutti i browser?

 ed č supportato da tutti i browser?
Parlavamo di jpg o sbaglio? Cmq le png, a differenza delle gif,
hanno trasparenza variabile. Cioč in una gif un pixel č totalmente
trasparente per quello che ci sta sotto, oppure totalmente coprente,
quindi ci sono solo due livelli di trasparenza (si/no).
Nelle png la trasparenza ha 256 livelli.. peccato che non sia
supportata da IE.
Ciao,
    Alessandro Fulciniti

 
e aggiungo: anche in alcune versioni di mozilla
-- 
e-mail: 
robiweb...@libero.it
page: 
http://www.robiweb.135.it
"Tre Anelli ai Re degli Elfi sotto il cielo che risplende,
Sette ai Principi dei Nani nelle lor rocche di pietra,
Nove agli Uomini Mortali che la triste morte attende,
Uno per l'Oscuro Sire chiuso nella reggia tetra"
J. R. R. Tolkien - Il Signore degli Anelli

 e aggiungo: anche in alcune versioni di mozilla
quali?
deadhead