Personalizzare il proprio menu

[Raifans]

Questo:


http://forum.joomla.it/index.php/topic,239781.msg1115813.html#msg1115813 ?

Ma questo non vale solo per le singoli voci del menu? Io voglio che l'icona sia messa al fianco del titolo del menu (tipo WORK, ABOUT, CONTACT guardando il sito www.raifans.altervista.org) Grazie ancora

[Rasjah]

dovrebbe bastare l'istruzione css

background-image: url(nome_dell'immagine_che_vuoi_usare.jpg) no-repeat;

applicato al selettore h3 ( che riguarda il titolo ), il problema è che deve dare una denominazione diversa per ogni voce ... perchè tutte sono dei titoli h3. Quindi devi dare delle classi differenti per ogni voce ( es. h3 .work ) e poi ad ognuna metti l'immagine/icona, con l'istruzione  che ti ho detto prima...

oppure

inserisci delle immagini/icone con dei moduli "HTML personalizzato ", poi li posizioni dove vuoi sulla pagina


vedi tu

[56francesco]

dovrebbe bastare l'istruzione

magari.....

[Raifans]

magari.....

Secondo te come dovrei risolvere?

[Raifans]

Nessuno puoi aiutarmi?

[sono bella e bionda]

Bellino lo ha fatto, concentrati sugli item e lavora di css.

[Raifans]

dovrebbe bastare l'istruzione css

background-image: url(nome_dell'immagine_che_vuoi_usare.jpg) no-repeat;

applicato al selettore h3 ( che riguarda il titolo ), il problema è che deve dare una denominazione diversa per ogni voce ... perchè tutte sono dei titoli h3. Quindi devi dare delle classi differenti per ogni voce ( es. h3 .work ) e poi ad ognuna metti l'immagine/icona, con l'istruzione  che ti ho detto prima...

oppure

inserisci delle immagini/icone con dei moduli "HTML personalizzato ", poi li posizioni dove vuoi sulla pagina


vedi tu

Se provo così?

Codice: [Seleziona]

.social {    width: 120px;    margin: 0 auto;         a {            float: left;            width: 25px;            height: 25px;            margin: 0 $margin/5;            background: url(../images/social-sprite.png) no-repeat;            text-indent: -9999px;             @media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-device-pixel-ratio: 2) {                background: url(../images/social-sprite@2x.png) no-repeat;                background-size: 101px 51px;            }             &.dribbble {                background-position: 0px 0px;                 &:hover {                    background-position: 0px -25px;                }             }             &.twitter {                background-position: -25px 0px;                 &:hover {                    background-position: -25px -25px;                }            }             &.facebook {                background-position: -50px 0px;                 &:hover {                    background-position: -50px -25px;                }            }             &.googleplus {                background-position: -75px 0px;                 &:hover {                    background-position: -75px -25px;                }            }         }}