Back to top

Autore Topic: css menu  (Letto 3484 volte)

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
css menu
« il: 19 Lug 2011, 11:52:00 »
Ciao a tutti, sto facendo un template per joomla..transformandolo da uno gia esistente in html..
non riesco a fare una cosa.
Il menu ha delle immagini e quando passo sopra con il mouse l'immagine cambia (sembra che si attiva, il classico effetto hover).
In pratica quando passo sopra con il mouse o quando sono su quella pagina del menu l'immagine cambia e passa da quella inattiva (piu scura) a quella piu chiara.
Non riesco a farlo con joomla..
Ho impostato nel menu l'immagine per ogni relativa voce (quella piu scura), ma come faccio a dire a joomla che quando passo col mouse di usare l'altra immagine piu chiara?



Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #1 il: 19 Lug 2011, 12:02:57 »
hai usato le pseudoclassi a:link - a:hover, ecc.. sugli elementi giusti?

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #2 il: 19 Lug 2011, 12:04:46 »
nel template predefinito (html e css) ci sono..
ora che ho spostato tutto pero non funzionano.. come posso metterle? devo richiamarle in qualche impostazione? sono un po confuso :D

nel css è cosi:
Codice: [Seleziona]
#menu #nav1 a{background:url(../images/menu_icon1.gif) bottom center no-repeat}
#menu #nav1 a:hover, #menu #nav1.active a{background:url(../images/menu_icon1_active.gif) bottom center no-repeat}

se imposto nav1 alla voce di menu dovrebbe andare? come la imposto?

« Ultima modifica: 19 Lug 2011, 12:07:48 da Max90.. »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #3 il: 19 Lug 2011, 12:07:18 »
ovviamente joomla per il menu non userà gli stessi attributi che hai usato tu nel tuo template in html.
ad esempio la tua classe era:

.menu a:hover {backgrodund:......}

ora sarà del tipo
.classemenu ul li a:hover{background:.........}
in base alle impostazioni che hai dato al modulo del menu.

Il sito è già online? Un link?

Può esserti utile firebug (estensione per firefox) per scovare la classe giusta

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #4 il: 19 Lug 2011, 12:10:09 »
Leggi la mia risposta precedente, ti ho scritto la classe per un icona del menu..

come la imposto per la relativa singola voce "home" (per esempio) ??

il sito è in locale se no te lo linkavo..
uso gia firebug, ma non capisco dove devo impostare la relativa classe in joomla..per digli di cambiare l'immagine quando passo sopra col mouse..

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #5 il: 19 Lug 2011, 12:18:42 »
Leggi la mia risposta precedente, ti ho scritto la classe per un icona del menu..


Non hai scritto da nessuna parte che intendi modificare l'icona di menu... sii più chiaro la prossima volta. Inoltre cerca di non modificare messaggi pecedentemente scritti senza avvisare perchè sconvolgi solo la logica della discussione. se il sito non è online saprò aiutarti poco. spiacente

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #6 il: 19 Lug 2011, 12:21:39 »
in ogni caso le classi a cui si riferiscono le proprietà del tuo css sono del tutto sbagliate. prova ad usare firebug per scoprire quali sono quelle giuste (trattandosi di background e non di icone di joomla).

Offline Max90..

  • Appassionato
  • ***
  • Post: 458
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #7 il: 19 Lug 2011, 12:24:19 »

Offline giovi

  • Instancabile
  • ******
  • Post: 9835
  • Sesso: Maschio
    • Mostra profilo
Re:css menu
« Risposta #8 il: 19 Lug 2011, 12:31:28 »
La classe da utilizzare dipende strettamente dal menu che TU hai impostato. In gestione moduli ->mainmenu c'è la possibilità di scegliere varie tipologie di menu (liste, legacy e non). in base a questo tipo cambia il css.
Il mio consiglio ricorsivo è quello di munirti di firefox, firebug e scovare il nome della classe di uno di quei link.

Maggiori info qui

adottauncane

  • Visitatore
Re:css menu
« Risposta #9 il: 19 Lug 2011, 12:57:03 »
Ciao Max90..
anche se l'articolo parla del suffico classe menù, ci trovi anche i css per fare quello che ti serve o almeno per prendere spunto.
http://www.joomla.it/articoli-della-community-16/5033-piccola-guida-alluso-del-suffisso-classe-css-menu.html

Se poi sei in difficoltà serve un link al sito su cui lavori.

 



Web Design Bolzano Kreatif