Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : dantino 24 Jan 2010, 19:09:58
-
Ciao ragazzi,
sto facendo un sito utilizzando come base il template in oggetto.
Gradirei modificare il menù principale (quello in alto) in modo che sia di colore diverso rispetto all'arancio e magari cambiare il colore bianco delle voci di menù.
Potete cortesemente indicarmi come fare.
Grazie ciao D
-
Ciao,
mi sembra che questo template abbia già 3 colori per il menù in alto. Oltre all'arancione c'è verde e rosso.
Vai nella gestione templetate, clicca sul nome e a destra c'è "Color Variation" lì puoi scegliere una variante all'arancio.
Altrimenti devi cambiare i colori nel file
orangedarkgrey.css
-
Ciao,
ecco l'interno del CSS indicato:
------------------------
evitiamo di postare codice fai lo zip
-------
Grazie di tutto.
Ciao
-
[quote author=dantino link=topic=93176.msg409131#msg409131
#topnav{ background: #0E192D url(../images/orangedarkgrey/top_menu_bg.png) top repeat-x; }
#topnav ul li a:hover{ background: #EF610D; }
#topnav ul li a.active{ background: #EF610D; color:#FFF; }
#topnav ul li li { background: #EF610D; KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
#topnav ul li li a:hover{ background: #EE3C22; filter: alpha(opacity:90); KHTMLOpacity: 0.90; MozOpacity: 0.90; opacity: 0.90; }
-------
Grazie di tutto.
Ciao
[/quote]
Sì, esattamente. Se cambi #EF610D con il colore che vuoi in questa parte ti cambierà il menù alto. Ti conviene cambiare anche #EE3C22 che è il colore del menù a tendina. Basta che lo sostituisci con il colore scelto, è già più tenue perché ha un'altra opacità.
-
Grazie grazie, sto facendo delle prove per prendere confidenza con il codice ed identificare il colore più adatto.
Grazie di tutto ;)
-
Ciao,
considero la seguente immagine:
top_menu_bg.png
che si trova all'interno della cartella images/orangedarkgrey
Essa rappresenta l'immagine grigia su cui è scritto il menù che sto modificando?
Spero che questi post possano aiutare altri ad applicare semplici modifiche al CSS e non rappresentino solo una rottura di scatole.
Grazie ciao
-
Quella è l'immagine che, ripetuta, fa da sfondo al menù. Per capirci quel grigio chiaro un po' sfumato in basso, sotto il grigio scuro e l'arancione che appaiono quando passi sopra il mouse.
Il grigio scuro è sempre nel .css ed è #666 o #666666.
Tipo in questa riga:
#topnav ul li a.active{ background: #666; color:#FFF; } mentre #FFF o #FFFFFF è il colore bianco della scritta.
Vai a questo link
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
e vedi come si utilizza Firebug, utilissimo per scoprire tutto sul file .css direttamente da Firefox e cambiare direttamente lì i colori o altro, vedere l'effetto (che però NON modifica il file vero) e scrivere poi la modifica sul file.
-
Ciao, ho modificato la top_menu_bg.png ed ho cambiato lo sfondo del menu.
Molto interessante Firebug.
Grazie
-
Continua la realizzazione del mio primo sito personalizzato con Joomla ed il vostro aiuto è stato molto importante. Alla fine del lavoro segnerò tutti i passaggi che mi hanno permesso di arrivare al risultato finale in modo che tutti possano usufruire dei suggerimenti di cui ho giovato. Ora vi segnalo il seguente problema del templates themza_j15_33.
Il modulo del menu possiede all'interno un immagine ovvero una piccola freccia grigia.
- Quando il menu è sulla parte sinistra tra freccia link ci sono circa 3 millimetri.
- Quando il menu è sulla parte destra la freccia è nettamente attaccata il link.
Premetto che:
- Il problema si ripete in ogni modulo che possiede link ad esempio: Notizie.
- utilizzo Safari come browser
Come risolvo questo problema ?
Grazie ciao
-
Ciao dantino,
ti conviene aprire un altro topic con la nuova richiesta, altrimenti ti leggo solo io :) o magari, se ti leggono altri, leggono solo la prima richiesta e non vanno avanti.
Se il topic del cambio colore menù l'hai risolto, metti [RISOLTO] vicino al titolo e fanne un altro con il nuovo problema.
Intanto do un'occhiata e appena fai il nuovo topic, se so risponderti, lo farò volentieri.
Ciao
Ho guardato: dovrebbe essere così:
template.css - riga 326
#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin:0 10px;
padding:0 10px 5px 15px;
dove metti questi nuovi valori.
Questo funziona per il menù notizie. Se sposti un menù tipo "risorse" da sin a dx, va bene senza modifiche.
Riciao
-
ehmmmm, grazie per il titolo, però provo vergogna 8)
ti ho detto cose molto semplici...
magari se togli il riferimento :) :)
Grazie
a presto
-
E poi adottauncane è una femminuccia e quindi metti "alla mitica" ;)
-
E poi adottauncane è una femminuccia e quindi metti "alla mitica" ;)
:) :) :) :) :) :) :) :)
arrossisco