Back to top

Autore Topic: Stato Active con CSS Sprite  (Letto 1717 volte)

Offline Salvanet

  • Esploratore
  • **
  • Post: 87
    • Mostra profilo
Stato Active con CSS Sprite
« il: 08 Set 2010, 10:46:49 »
Salve ragazzi, ho creato un menu utilizzando la tecnica del CSS Sprite inserendo il codice seguente:

Codice: [Seleziona]
[b].menu ul { display: inline; background-color:#000000; }
.menu li a {
display: block; float: left; height: 30px; width:130px;
background-image: url(PATH DELL'IMMAGINE SPRITE);  text-indent: -9999px;
}
.item57 a {
width: 131px; background-position: 0 0;
}
.item71 a {
width: 131px; background-position: 0 -30px;
}
.item60 a {
width: 131px; background-position: 0 -62px;
}
.item67 a {
width: 131px; background-position: 0 -94px;
}
.item58 a {
width: 131px; background-position: 0 -126px;
}
.item65 a {
width: 131px; background-position: 0 -158px;
}
.item61 a {
width: 131px; background-position: 0 -190px;
}
.item59 a {
width: 131px; background-position: 0 -222px;
}
.item72 a {
width: 131px; background-position: 0 -254px;
}
.item66 a {
width: 132px; background-position: 0 -286px;
}

.item57 a:hover, .item57 a:focus {
background-position: -135px 0;
}
.item71 a:hover, .item71 a:focus {
background-position: -135px -30px;
}
.item60 a:hover, .item60 a:focus {
background-position: -135px -62px;
}
.item67 a:hover, .item67 a:focus {
background-position: -135px -94px;
}
.item58 a:hover, .item58 a:focus {
background-position: -135px -126px;
}
.item65 a:hover, .item65 a:focus {
background-position: -135px -158px;
}
.item61 a:hover, .item61 a:focus {
background-position: -135px -190px;
}
.item59 a:hover, .item59 a:focus {
background-position: -135px -222px;
}
.item72 a:hover, .item72 a:focus {
background-position: -135px -254px;
}
.item66 a:hover, .item66 a:focus {
background-position: -135px -286px;
}

.item57 a:active, .item57 a:focus {
background-position: -135px 0;
}

a { outline: none; }[/b]
il menu funziona benissimo, ho solo un problema, vorrei creare lo stato active dei tasti.
Ho provato ad inserire la classe active item nel foglio di stile ma niente, eppure il codice della pagina prevede, per il link che punta ad essa, la classe active item. Ad esempio nella pagina con id=57 il link per quella pagina è <ul class="menu"><li id="current" class="active item57"><a href......

Grazie per l'aiuto :D
« Ultima modifica: 08 Set 2010, 18:20:55 da conti1 »

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Stato Active con CSS Sprite
« Risposta #1 il: 08 Set 2010, 18:21:36 »
ciao
se vuoi risolvere posta il link del sito
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline Salvanet

  • Esploratore
  • **
  • Post: 87
    • Mostra profilo
Re:Stato Active con CSS Sprite
« Risposta #2 il: 08 Set 2010, 21:38:13 »
ciao, in realtà non posso postare il link perchè sto sviluppando il sito in locale.
Mi servirebbe in pratica avere uno stato del pulsante, quando la pagina è visualizzata, differente dallo stato normale. Ad esempio se sono sulla Pagina 1, nel menu, il link Pagina 1 deve essere di colore differente rispetto agli altri.
grazie 1000

 



Web Design Bolzano Kreatif