Back to top

Autore Topic: menu e background  (Letto 3479 volte)

Offline juice2002

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
menu e background
« il: 14 Ott 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

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: menu e background
« Risposta #1 il: 14 Ott 2008, 19:30:07 »
Link a sito?
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline juice2002

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re: menu e background
« Risposta #2 il: 14 Ott 2008, 19:36:26 »
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

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: menu e background
« Risposta #3 il: 14 Ott 2008, 21:41:10 »
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:

Codice: [Seleziona]
#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! :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline juice2002

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re: menu e background
« Risposta #4 il: 15 Ott 2008, 09:54:26 »
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...

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: menu e background
« Risposta #5 il: 15 Ott 2008, 10:09:54 »
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 :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline juice2002

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re: menu e background
« Risposta #6 il: 15 Ott 2008, 10:56:40 »
 <div id="menu">
<ul id="mainlevel-nav"><li><a href="/index.php?option=com_content&amp;view=article&amp;id=25&amp;Itemid=28" class="mainlevel-nav" >Joomla! č...[/url]</li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=29" class="mainlevel-nav" >Caratteristiche[/url]</li><li><a href="/index.php?option=com_newsfeeds&amp;view=newsfeed&amp;id=1&amp;feedid=1&amp;Itemid=18" class="mainlevel-nav" >Notizie dal mondo Joomla[/url]</li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=27&amp;Itemid=30" class="mainlevel-nav" >La Community[/url]</li></ul>
</div>



Come devo scrivere il primo rigo dei 4 blocchi ?
#menu .menu .classevoce a {

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re: menu e background
« Risposta #7 il: 15 Ott 2008, 13:26:20 »
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
 :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline Frencly

  • Nuovo arrivato
  • *
  • Post: 18
  • Sesso: Maschio
    • Mostra profilo
Re: menu e background
« Risposta #8 il: 15 Ott 2008, 13:57:57 »
Ok, grazie. Ora provo poi ti faccio sapere.

Offline juice2002

  • Nuovo arrivato
  • *
  • Post: 9
    • Mostra profilo
Re: menu e background
« Risposta #9 il: 15 Ott 2008, 15:58:51 »
grazie comunque.
Ora cerco di cavarne qualcosa  :)

 



Web Design Bolzano Kreatif