Back to top

Autore Topic: [Risolto]Assegnare ai singoli item del topmenù un colore diverso.  (Letto 4021 volte)

Offline GiGa65

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
salve,
dico subito che sono alle prime esperienze con la realizzazione di un sito web con joomla, perciò avrei bisogno di suggerimenti molto dettagliati.

questo è il sito di cui mi sto occupando:

http://www1.istitutobattisti.eu

devo rendere le voci del top menù (per intenderci, HOME, LA SCUOLA, DOCENTI, STUDENTI, GENITORI, e così via ...) ognuna di un colore diverso:
ad esempio, HOME di colore blu, LA SCUOLA di colore rosso, DOCENTI di colore giallo, ecc.

ho installato firebug e ho visto che devo fare delle modifiche nel file joomla_css.css.

ho fatto le seguenti modifiche (le mie modifiche sono in bold e corsivo):

/*======================= TOP HORIZONTAL MENU =============================*/
.mainlevel-nav, .mainlevel-nav:link, .mainlevel-nav:visited{
    background-image: url(../images/menunav-bg.gif);
    background-position: top;
    background-repeat: repeat-x;
    color: #AAA;
    margin-top: 10px;
    padding: 10px 15px 12px 15px;
    text-decoration: none;
    font-size: 11px;
    margin-right: 2px;
    text-transform: uppercase;
    border-top: 1px solid #333740;
}

.mainlevel-nav:hover{
    background-image: url(../images/menunav-bg-hover.gif);
    background-position: top;
    background-repeat: repeat-x;
    color: #F1F1F1;
    border-top: 1px solid #F25409;
}



#itemid29 span.mainlevel-nav{   
color: #DDD;}

#itemid29 span.mainlevel-nav:link{   
color: #FF0000;}

#itemid29 span.mainlevel-nav:visited{   
color: #0000FF;}

#itemid29 span.mainlevel-nav:hover{   
color: #00FF00;}


#active_menu-nav{    background-image: url(../images/menunav-bg-hover.gif);    background-position: top;    background-repeat: repeat-x;    color: #FF0000;    border-top: 1px solid #F25409;}

span.mainlevel-nav{    display: none;}

===

itemid 29 è il valore dell'item DOCENTI.

inutile dire che non funziona.ho letto qua e la su internet una serie di suggerimenti, ma evidentemente non ho saputo applicarli.

qualcuno, per favore, può aiutarmi?grazie
« Ultima modifica: 16 Nov 2011, 23:11:51 da conti1 »

Offline maicolstaip

  • Global Moderator
  • Instancabile
  • ********
  • Post: 17623
  • Sesso: Maschio
    • Mostra profilo
Re:Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #1 il: 14 Nov 2011, 02:17:45 »
Benvenuto nel forum di joomla.it GiGa65,
sposto il tuo messaggio nella sezione dei maghi del css.

Buona permanenza.
Non si risponde a PM tecnici. Postate sul forum. Grazie.

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #2 il: 14 Nov 2011, 14:00:58 »
ciao
posso farti una domanda?
da dove hai dedotto che : prendo  come esempio una tua frase

Citazione
itemid 29 è il valore dell'item DOCENTI.

quando il tuo menu  da quel che vedo non ah itemid?


Codice: [Seleziona]
<td nowrap="nowrap">
<a id="active_menu-nav" class="mainlevel-nav" href="/index.php/it/home">HOME[/url][/url]
<a class="mainlevel-nav" href="/index.php/it/lascuola">LA SCUOLA[/url][/url]
<a class="mainlevel-nav" href="/index.php/it/area-docenti">DOCENTI[/url][/url]
<a class="mainlevel-nav" href="/index.php/it/area-studenti">STUDENTI[/url][/url]
<a class="mainlevel-nav" href="/index.php/it/area-genitori">GENITORI[/url][/url]
<a class="mainlevel-nav" href="/index.php/it/area-personale-ata">PERSONALE ATA[/url][/url]
<a class="mainlevel-nav" href="/index.php/it/areacorsoserale">CORSO SERALE[/url][/url]
<a class="mainlevel-nav" href="/index.php/it/areaturistiamo">TURISTIAMO[/url][/url]
</td

differnza ben visibile  se avresti  gli item sul menu

Codice: [Seleziona]
<ul class="menu">
<li id="current" class="active item1">
<li class="item62">
<li class="item14"></ul>
« Ultima modifica: 14 Nov 2011, 14:09:12 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline GiGa65

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #3 il: 14 Nov 2011, 23:48:26 »
ciao conti1,
ho preso il valore dell'itemid dal pannello di gestione dei menù di joomla, selezionando il topmenù, che è quello con gli item HOME, LA SCUOLA, DOCENTI, ecc.
ho visto che joomla ha assegnato a quella voce di menù, cioè alla voce DOCENTI, l'id 29.

io non ho scritto una sola riga di codice, perchè ho semplicemente utilizzato un template scaricato da internet e l'ho adattato alle esigenze.
il problema è che non so come fare per colorare in modo diverso le singole voci del menù, così come mi è stato chiesto di fare.

il menù non ha itemid perchè così lo ha generato joomla ...

mi rendo conto che forse si tratta di una modifica difficile da fare rispetto alle mie conoscenze, per questo motivo avrei bisogno, per favore, se è possibile, di un aiuto dettagliato.

il link è quello che ho già scritto:

http://www1.istitutobattisti.eu

grazie in anticipo per i chiarimenti che potrai mandarmi.
se serve qualche altra info per chiarire meglio il problema, chiedimi pure.

ciao

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #4 il: 15 Nov 2011, 02:11:03 »
vediamo se riesco farti mettere quello che vuoi

allora ho modificato il css di quel menù x cui  scaricati  lo zip e rinomina  i tuoi css e carica questi

i file sono 2 che oh modificato
joomla_css.css
template.css

e sono quelli che trovi  nello zip i tuoi rinominali   

fatto questo vai nel modulo del menù che usi
  metti come impostazione

Stile menu: lista
Parametri avanzatiSuffisso classe CSS menu: tu ora hai -nav lo togli e ci metti _menu


fatto questo dovresti avere  di nuovo il meno come  prima ma con  gli item attivi

ora con  firebub trovi i tuoi item del menù

esempio di un item di come lo devi scrivere

esempio con firebug hai un item29
crei il tuo css in questo modo

.item29 span {    color: red;}
se fai tutto come descritto  ora puoi colorare IL TUO MENU

[allegato vecchio più di un anno eliminato da un amministratore]
« Ultima modifica: 15 Nov 2011, 05:09:20 da conti1 »
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline GiGa65

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #5 il: 15 Nov 2011, 22:23:26 »
ciao conti1,
grazie mille, perchè, come potrai vedere tu stesso andando sul sito, adesso sono riuscito finalmente a colorare gli item del top menù (l'item DOCENTI, per il momento), grazie al tuo aiuto.

c'è stato, però, un impatto a seguito della modifica che mi hai fornito:

se appunto ti colleghi al sito
http://www1.istitutobattisti.eu/
noterai che se fai click sulla voce DOCENTI, o su un'altra voce qualsiasi del top menù, ora il focus del sito non si sposta, cioè mi fa restare sempre sulla HOME, anche se clicco su una voce diversa del top menù.
perchè?

ti ringrazio tantissimo per l'aiuto che mi hai fornito.
per caso ti viene in mente un suggerimento da darmi per risolvere questo nuovo problema che mi si presenta?

ciao

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #6 il: 15 Nov 2011, 22:45:51 »
ciao
hai il logo che copre il menu
hai un'immagine alta 100px quando quella scritta ti basterebbe 45px di altezza.
comunque cerca questo css e modoficalo come questo che ti posto

#topmenu {    height: 30px;    margin-top: 16px;    padding-top: 8px;    position: relative;    width: 100%;    z-index: 999;}template.css (riga 139)
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline GiGa65

  • Nuovo arrivato
  • *
  • Post: 5
    • Mostra profilo
Re:Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #7 il: 16 Nov 2011, 21:44:50 »
ciao conti1,
ho apportato le modifiche che mi hai scritto al template.css e adesso funziona tutto correttamente.

il problema che ho postato è RISOLTO.

grazie mille davvero per il tuo aiuto prezioso e risolutivo.

un carissimo saluto

p.s. è la prima volta che partecipo al forum. per favore, dimmi pure se devo assegnare punteggi a chi mi ha aiutato o chiudere il post in qualche modo per far capire che è risolto. grazie ancora.
« Ultima modifica: 16 Nov 2011, 21:52:38 da GiGa65 »

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:[Risolto]Assegnare ai singoli item del topmenù un colore diverso.
« Risposta #8 il: 16 Nov 2011, 23:13:12 »
ciao non devi dare nessun  punteggio  bisogna solo mettere risolto nel titolo principale , che oh aggiunto io.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 



Web Design Bolzano Kreatif