Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : juice2002 14 Oct 2008, 19:23:25
-
Salve a tutti,
sto utilizzando il template newave, dove dietro ogni voce del topo menu c'č un immagine di sfondo caricata dal css.
Il problema č che io vorrei che quest'immagine fosse diversa per ogni voce e l'unica soluzione che ho trovato č quella di associare l'immagine nel menu dell'amministratore.
In questo modo perō l'immagine non va sietro il testo e non č linkabile.
Qualcuno puō aiutarmi ??
p.s.
Il richiamo sul file html č questo
----------------------------------
<span id="menu">
<jdoc:include type="modules" name="user3" />
</span>
mentre sul css č questo
----------------------------------
#menu a {
width : 130px;
height : 90px;
color : #ffffff;
display : block;
float : left;
font-size : 1.6em;
padding-top : 90px;
text-align : center;
text-decoration : none;
text-transform : lowercase;
background : url(../images/home.png) #73D000 no-repeat;
}
non sarā la "a" la variabil che mi identifica la voce del menu ?
e come utilizzarla nella url del background ??
GRAZIE
-
Link a sito?
-
ancora non l'ho messo on line, ma questo č fatto con lo stesso template
http://www.ioescort.it:8080/vendocasa/
vorrei avere lo stesso effetto del top menu, ma con 4 sfondi diversi
-
Sei sulla strada buona. Hai individuato il comando che inserisce quell'immagine formattando anche menų.
Ogni voce di menų in joomla prende una sua classe. Tu la individui e fai poi un comando css cosė per ciascuna voce di menų (classevoce č la classe di ogni voce di menų e tuaimmagine.jpg e la tua immagine. Ovviamente puoi fare tasti pių grandi o pių piccoli agendo sulle altre voci.
Questo il codice:
#menu .menu .classevoce a {
width : 130px;
height : 90px;
color : #ffffff;
display : block;
float : left;
font-size : 1.6em;
padding-top : 30px;
text-align : center;
text-decoration : none;
text-transform : lowercase;
background : url(../images/img03.jpg) #73D000 no-repeat;
}Dovrebbe funzioanre! :)
-
innanzitutto grazie, ma pls dovresti seguirmi passo passo perchč non va.
Il meccanismo l'ho capito, ma la pratica mi sfugge.
Il codice che mi hai dato l'ho ricopiato 4 volte (una per ogni voce del menu) sul css.
ad ogni blocco ho cambiato la url dell'immagine.
Ma come fa ad associare ogni blocco alla relativa voce ??
per logica dovrebbe esserci una variabile che va da 0 a 3 ( oppure 1 a 4) a cui associare i 4 blocchi, ma non ho idea di come continuare...
-
questa classe .classevoce deve essere quella che assume l'elemento li di ciascuna voce di menų. Non hai strumenti come firebug che ti consentono di ispezionare il codice?
Come posso sapere io che nome assumono da te? Joomla assegna una classe univoca ad ogni voce di menų: una cosa come item12, item13 eccetera.
Tu devi individuare la classe di ciascuna voce di menų e sostituirla a .classevoce...
Guarda il codice di origine dal browser: visualizza html o codice sorgente :)
-
<div id="menu">
<ul id="mainlevel-nav"><li><a href="/index.php?option=com_content&view=article&id=25&Itemid=28" class="mainlevel-nav" >Joomla! č...[/url]</li><li><a href="/index.php?option=com_content&view=article&id=22&Itemid=29" class="mainlevel-nav" >Caratteristiche[/url]</li><li><a href="/index.php?option=com_newsfeeds&view=newsfeed&id=1&feedid=1&Itemid=18" class="mainlevel-nav" >Notizie dal mondo Joomla[/url]</li><li><a href="/index.php?option=com_content&view=article&id=27&Itemid=30" class="mainlevel-nav" >La Community[/url]</li></ul>
</div>
Come devo scrivere il primo rigo dei 4 blocchi ?
#menu .menu .classevoce a {
-
E' difficile lavorare a distanza in questo modo. In quel menų le voci non hanno le classi univoche. Sei quindi daccapo. Prova a creare un nuovo menų e pubblicarlo lė. Poi ti prendi le cassi dei li e le incolli al posto di .classvoce
:)
-
Ok, grazie. Ora provo poi ti faccio sapere.
-
grazie comunque.
Ora cerco di cavarne qualcosa :)