Colore Menu

[pirateparty]

E' solo per farti vedere se ho scritto bene, così io poi, se lo correggi, lo metto e lo testo...
Dimmi se ti serve altro...

[giovi]

per avere un menu come quello devi avere questo codice nell'html (questo e nient'altro!):

Codice: [Seleziona]

<div id="menuprincipale"><jdoc:include type="modules" name="menuprincipale" style="none" /></div>e queste le uniche dichiarazioni di stile da aggiungere al css oltre quelle che c'erano già quando hai scaricato il template:

Codice: [Seleziona]

div#menuprincipale{
  margin: 0 10px; //misura modificabile DOPO esserti accertato che il resto funziona
  height: 30px; // idem
  padding:3px; //come sopra
  background: url(http://media.xda-developers.com/images/navbarbg.png) repeat-x;}
div#menuprincipale ul li{display:inline; position:relative; top:0; bottom:0; height:30px; border-right: 1px solid #443218;border-left: 1px solid #573E1B;}
div#menuprincipale ul{list-style:none;}
div#menuprincipale a{color:#C2BDB5;}#menuprincipale a:hover{color:#ffd200;}Sono le stesse proprietà che usa l'altro sito, non c'è nulla da modificare prima di visualizzare il risultato. Usa queste impostazioni e da quello che ne verrà fuori puoi regolare le varie impostazioni

[pirateparty]

DAVVERO GRAZIE! Ora me lo modifico.. solo un'ultimissima domanda: come faccio a spostare tutta la barra del menu (quindi #menu principale, #menuprincipale ul li, #menuprincipale ul, #menuprincipale a, #menuprincipale a:hover) più in alto di 42px?


Dopodichè ti lascerò libero!

[giovi]

mmmm... allora secondo me (ti ripeto che non conosco affatto il template!) dovresti semplicemente incollare il codice html in una posizione più appropriata (ad esempio al posto del menu che c'era prima!) oppure tramite css (è una soluzione un pò più sporca ma più semplice e dovrebbe funzionare) applichi questa dichiarazione di stile:

Codice: [Seleziona]

div#menuprincipale{
position:relative; top:-42px;
}oppure

Codice: [Seleziona]


div#menuprincipale{
margin-top:-42px;
}


[pirateparty]

Wow, ce l'abbiamo fatta! Grazie mille!


Dici che i codici CSS per modificare il font e la grandezza li trovo su internet?

[giovi]

nel wiki c'è una guida di tonicopi su come inserire l'effetto aumenta-diminusci carattere, per quanto riguarda il font invece c'e anche una guida ma se preferisci puoi utilizzare cufon per rendere tramite immagini li font desiderato (funziona anche sui browser meno recenti che abbiano java attivo).