Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Salvanet 08 Sep 2010, 10:46:49

: Stato Active con CSS Sprite
: Salvanet 08 Sep 2010, 10:46:49

Salve ragazzi, ho creato un menu utilizzando la tecnica del CSS Sprite inserendo il codice seguente:

:

[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

: Re:Stato Active con CSS Sprite
: conti1 08 Sep 2010, 18:21:36

ciao
se vuoi risolvere posta il link del sito

: Re:Stato Active con CSS Sprite
: Salvanet 08 Sep 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