Back to top

Autore Topic: [RISOLTO]Classe specifica per voce menu  (Letto 2864 volte)

Offline st3w

  • Appassionato
  • ***
  • Post: 254
  • Sesso: Maschio
    • Mostra profilo
[RISOLTO]Classe specifica per voce menu
« il: 16 Ott 2009, 18:21:04 »
Salve ,
mi stavo cimentando a personalizzare un template di joomla , ora ho personalizzato completamente il menu. Perō ho l'esigenza di impostare una classe in una voce specifica del menu.
Le voci sono :
HOME - CHI SIAMO - DOVE SIAMO
in DOVE SIAMO , devo impostare una classe diversa per avere un background diverso , ma in termini pratici come faccio ??
« Ultima modifica: 17 Ott 2009, 11:50:22 da st3w »

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #1 il: 16 Ott 2009, 18:27:01 »
Ogni voce di menų ha una sua classe, che viene assegnata da joomla.
Individuala e poi scrivi una regola specifica per quella classe  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline st3w

  • Appassionato
  • ***
  • Post: 254
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #2 il: 16 Ott 2009, 20:59:44 »
grazie per la risposta,
io nel codice php del file index del template per generare il menu faccio :

<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>

quindi come trovo i menu che genera joomla ??

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #3 il: 16 Ott 2009, 21:43:13 »
Ma non usi firebug?
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html

Se tu crei un menu  e nel suo modulo lo imposti come lista joomla crea un elenco non numerato con le varie voci di menų.
La voce home ha ID 1 e quindi si assegna al li che la contiene la classe item1 e via cosė...
Se devo formattare la voce di menų in modo univoco, ad esempio con un colore di fondo, io farei cosė:
Codice: [Seleziona]
ul.menu li.item1 {
background:red;}
;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline st3w

  • Appassionato
  • ***
  • Post: 254
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #4 il: 16 Ott 2009, 23:11:17 »
quindi fammi capire , nel mio caso nel foglio di stile dovrei scrivere

pillmenu li.item1 {
background:red;} ;)

per personalizzare Home (che corrisponde a item1)
??

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #5 il: 16 Ott 2009, 23:50:22 »
Ma io come faccio a sapere il codice che ci vuole nel tuo menų? Un link al sito?
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline st3w

  • Appassionato
  • ***
  • Post: 254
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #6 il: 17 Ott 2009, 09:29:27 »
qui c'č il link al sito

http://liferc.altervista.org

ho guardato il codice e ho visto che
questa parte
Codice: [Seleziona]
<div class="topnav">
<div id="pillmenu">
<jdoc:include type="modules" name="user3" />
</div>

genera questo codice :

Codice: [Seleziona]
<ul class="menu">

<li id="current" class="active item1"><a href="http://liferc.altervista.org/"><span>Home</span></a>

</li><li class="item2"><a><span>Chi Siamo</span></a></li>

<li class="item3"><a><span>Dove Siamo</span></a></li>

...ecc

ognuna di queste voci come dicevi tu ha item1 , item 2 , item3 . Quindi immagino che dovrei costruire una classe di nom ITEM1 nel foglio di stile per gestire le proprietā della voce di menu..
 ;D

Offline st3w

  • Appassionato
  • ***
  • Post: 254
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #7 il: 17 Ott 2009, 09:32:22 »
e invece no  >:( ...
attendo la tua gradita assistenza  ;)

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #8 il: 17 Ott 2009, 10:57:14 »
e invece si:
Codice: [Seleziona]
#pillmenu li.item3 {
background: red;
background-repeat:no-repeat;
float:left;
height:38px;
margin-bottom:0;
margin-right:0;
text-align:center;
width:115px;
}
funziona e il Dove siamo diventa inesorabilmente rosso!  ;)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

Offline st3w

  • Appassionato
  • ***
  • Post: 254
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #9 il: 17 Ott 2009, 11:11:57 »
 ;D

che spettacolo !!
nella mia grande scienza creavo solo una classe di nome

.item3

per questo non funzionava,
bene a questo punto posso dire che il problema e risolto , quindi ti ringrazio per l'aiuto  ;D

Offline tonicopi

  • Global Moderator
  • Instancabile
  • ********
  • Post: 12790
  • Sesso: Maschio
    • Mostra profilo
Re:Classe specifica per voce menu
« Risposta #10 il: 17 Ott 2009, 11:19:40 »
Ottimo. Metti il RISOLTO nel primo post per favore che aiutiamo anche altri  :)
joomlacsszengarden.com = il giardino dei css di Joomla!
L'attesa del piacere č essa stessa... piacere!

 



Web Design Bolzano Kreatif