Joomla.it Forum

Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : Pinver 22 Jan 2010, 19:44:36

: Problema con un particolare topmenu
: Pinver 22 Jan 2010, 19:44:36
Salve ragazzi, ho un problema con un particolare menù che vorrei realizzare. Date un'occhiata al mio sito: http://www.pinvertest.ilbello.com/index.php/home

il topmenù vorrei farlo in modo che quando passo il mouse su un link appaia il viso del bambino nell'aangolo alto a sinistra (ma sopra il pulsante e non sovrapposto) nn riesco a farlo perchè l'immagine parte dall'angolo da cui parte il link. Ho fatto mille prove sui css ma niente.

C'è anche il problema che la png del bambino viene ripetuta come faccio a nn farla ripetere?

Grazie in anticipo.
: Re:Problema con un particolare topmenu
: 56francesco 22 Jan 2010, 19:51:58
mah..
non sono bravo, ma "sopra" è sempre una questione relativa, che può stare per "dentro" ma con porzioni trasparenti di "dentro"  invertite mentre i nomi dei menù potrebbero stare "dentro" ma in "basso"  mentre il bambino (no repeat) sarebbe una immagine in "basso" trasparente e in "alto" no..
ma è solo una questione di logica e proporzioni, almeno credo..
per le png trasparenti è ottimo the-gimp per restare in tema open..
: Re:Problema con un particolare topmenu
: Pinver 22 Jan 2010, 19:59:50
Ok ci siamo più o meno, l'immagine è piazzata sopra mentre sotto è trasparente, stessa cosa del pulsante (anzi al contrario) solo che nn riesco a far salire il bambino rispetto al testo del link in quanto vincolato dalla lista o dal link non so e nn riesco a capirlo.

Per il no-repeat, dove lo inserisco? Ho provato a metterlo dopo l'url dell'immagine nel insieme a background-image, ma cosi non si vede neanche l'immagine...mi sa ke nn gli piace scritto cosi :D
: Re:Problema con un particolare topmenu
: Pinver 23 Jan 2010, 12:55:36
Nessuno?
: Re:Problema con un particolare topmenu
: conti1 23 Jan 2010, 14:49:48
ciao
inizia sistemare l'immagine del viso  del bimbo  xche è troppo grande
poi apri il template_css.css riga 88
e sostituisci la riga dell'immagine con questa
:
background:transparent url(../images/link.png) no-repeat scroll -4px 1pxalmeno in questo modi resta sulla sinistra .