Joomla.it Forum
Joomla! 2.5 (versione con supporto terminato) => Joomla! 1.6/1.7/2.5 => I Template di Joomla 1.6/1.7/2.5 => : MasterDony 07 Jun 2013, 17:57:15
-
Ciao,
non riesco a cambiare i colori del menù di questo template...sapete dirmi che css devo modificare e dove?
questo è il demo del template http://crosstec.de/.sub-templatedemos/
questo è il mio sito www.ariannacerrito.com/joomla
inoltre vorrei sapere se lo slideshow del demo è un estensione a parte o posso averla senza caricare nulla?
grazie millee
-
per il background del menu devi andare in colors.css
devi modificare la parte in rosso
ul.menu, ul.menu ul, .dropdown-menu, .nav-tabs > li a {
background: -moz-linear-gradient(center top , rgb(150, 164, 176) 0%, rgb(102, 120, 136) 100%) repeat scroll 0% 0% transparent;
}
invece per il colore del pulsante attivo ( il verde per intenderci ) sempre in colors.css
ul.menu li:hover > a, ul.menu li:hover > span, ul.menu li.current > a, ul.menu li.current > span, ul.menu li.active > a, ul.menu li.active > span, ul.menu li ul li:hover > a, ul.menu li ul li:hover > span, ul.menu li ul li.current > a, ul.menu li ul li.current > span, ul.menu li ul li.active > a, ul.menu li ul li.active > span, ul.menu li ul li ul li:hover > a, ul.menu li ul li ul li:hover > span, ul.menu li ul li ul li.current > a, ul.menu li ul li ul li.current > span, ul.menu li ul li ul li.active > a, ul.menu li ul li ul li.active > span, ul.autocompleter-choices li.autocompleter-selected {
background: -moz-linear-gradient(center top , rgb(187, 255, 0) 0%, rgb(112, 153, 0) 100%) repeat scroll 0% 0% transparent;
color: rgb(255, 255, 255) !important;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3) !important;
}
però devo dire che ho qualche difficoltà a dirti dovè ubicato il file colors.css
chi cerca ... trova ;) ;) ;) ;) ;)
-
eccolo quà dove si trova....
/joomla/templates/cleanlogic/css/colors.css.php? (http://www.ariannacerrito.com/joomla/templates/cleanlogic/css/colors.css.php?base_color=6b7e8f&accent_color=bbff00&text_color=ffffff&menu_text_color=ffffff&button_text_color=ffffff&bg_ style=font-family:)
fammi sapere...e buon lavoro
Marco
-
Grazie mille, ma é possibile anche rendere la barra trasparente cosi da non apparire in rilievo?
-
Ciao,
sempre nello stesso foglio di stile dalle righe 85 alla riga 91
background: #96A4B0;
background: -moz-linear-gradient(top, #96A4B0 0%, #667888 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #96A4B0), color-stop(100%, #667888));
background: -webkit-linear-gradient(top, #96A4B0 0%, #667888 100%);
background: -o-linear-gradient(top, #96A4B0 0%, #667888 100%);
background: -ms-linear-gradient(top, #96A4B0 0%, #667888 100%);
background: linear-gradient(top, #96A4B0 0%, #667888 100%);
dopo aver salvato il foglio di stile da qualche parte (per sicurezza) prova a modificare tutte le righe con background:# transparent;
man mano che modifichi vedi cosa cambia e cosa ti può piacere.
Ok..??
Ciao Marco
-
il "rilievo" lo trovi nel file menu.css riga 18
ul.menu {
margin: 0px;
padding: 0px;
line-height: 12px;
border: medium none;
border-radius: 5px 5px 5px 5px;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}
e poi, per non complicarti la vita se vuoi togliere il colore di sfondo del menù, cancella completamente
ul.menu, ul.menu ul, .dropdown-menu, .nav-tabs > li a {
background: -moz-linear-gradient(center top , rgb(150, 164, 176) 0%, rgb(102, 120, 136) 100%) repeat scroll 0% 0% transparent;
}
nel file colors.css.php riga 85
-
Purtroppo non sono riuscito a concludere niente,
al posto di quello che mi dite voi in quelle righe trovo altro.
color.css.php
riga 112
if($ieVersion != "8") {
echo("
ul.menu,
ul.menu ul,
.dropdown-menu,
.nav-tabs > li a {
background: ".$bodyGradientLight.";
background: -moz-linear-gradient(top, ".$bodyGradientLight." 0%, ".$bodyGradientDark." 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, ".$bodyGradientLight."), color-stop(100%, ".$bodyGradientDark."));
background: -webkit-linear-gradient(top, ".$bodyGradientLight." 0%, ".$bodyGradientDark." 100%);
background: -o-linear-gradient(top, ".$bodyGradientLight." 0%, ".$bodyGradientDark." 100%);
background: -ms-linear-gradient(top, ".$bodyGradientLight." 0%, ".$bodyGradientDark." 100%);
background: linear-gradient(top, ".$bodyGradientLight." 0%, ".$bodyGradientDark." 100%);
}
");}
:(
-
Ti posto il percorso completo per cambiare i colori della barra menù
http://www.ariannacerrito.com/joomla/templates/cleanlogic/css/colors.css.php (http://www.ariannacerrito.com/joomla/templates/cleanlogic/css/colors.css.php)
devi cambiare quello in rosso
Per il colore della barra completa riga 85
ul.menu, ul.menu ul, .dropdown-menu, .nav-tabs > li a {
background: -moz-linear-gradient(center top , #96A4B0 0%, #667888 100%) repeat scroll 0 0 transparent;
}
Invece per il colore verde che evidenzia il pulsante devi andare ancora nello stesso file riga 113
ul.menu li:hover > a, ul.menu li:hover > span, ul.menu li.current > a, ul.menu li.current > span, ul.menu li.active > a, ul.menu li.active > span, ul.menu li ul li:hover > a, ul.menu li ul li:hover > span, ul.menu li ul li.current > a, ul.menu li ul li.current > span, ul.menu li ul li.active > a, ul.menu li ul li.active > span, ul.menu li ul li ul li:hover > a, ul.menu li ul li ul li:hover > span, ul.menu li ul li ul li.current > a, ul.menu li ul li ul li.current > span, ul.menu li ul li ul li.active > a, ul.menu li ul li ul li.active > span, ul.autocompleter-choices li.autocompleter-selected {
background: -moz-linear-gradient(center top , #BBFF00 0%, #709900 100%) repeat scroll 0 0 transparent;
color: #FFFFFF !important;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3) !important;
}
Non può essere altrimenti.
Mi sembra strano che modificando quei parametri, non succeda nulla. Una cosa che mi sento di dire e che forse il tutto non funziona se lo visualizzi con Internet Explorer… >:( >:( >:( .. o con qualche altro browser, per il resto vedo che all’inizio dei parametri c’è la dichiarazione per farlo vedere correttamente anche su Firefox.. per cui
:-[ :-[
-
prova anche a svuotare la cache...!!
-
purtroppo non sono ancora riuscito a far nulla..
ho provato con firebug e vedo esattamente quello che vedete voi, ma quello essendo un css.php a mio avviso è un file compilato dal server...
il vero colors.css.php ha altro dentro e se lo modifico non ottengo i risultati sperati.
a questo link trovate tutta la cartella css se potete dateci un'occhiata che non so proprio come risolvere
https://docs.google.com/file/d/0Bz20DWf-G3a1VnZJMk5ybWFHYU0/edit?usp=sharing
-
Ciao MasterDony,
se non riesci a canbiare il php, copia il css che ti dà firebug, incollalo al fondo del file modal.css e cambia colore da lì, aggiungendo !important
Esempio:
ul.menu, ul.menu ul, .dropdown-menu, .nav-tabs > li a {
background:#000 !important;
}
ul.menu li:hover > a, ul.menu li:hover > span, ul.menu li.current > a, ul.menu li.current > span, ul.menu li.active > a, ul.menu li.active > span, ul.menu li ul li:hover > a, ul.menu li ul li:hover > span, ul.menu li ul li.current > a, ul.menu li ul li.current > span, ul.menu li ul li.active > a, ul.menu li ul li.active > span, ul.menu li ul li ul li:hover > a, ul.menu li ul li ul li:hover > span, ul.menu li ul li ul li.current > a, ul.menu li ul li ul li.current > span, ul.menu li ul li ul li.active > a, ul.menu li ul li ul li.active > span, ul.autocompleter-choices li.autocompleter-selected {
background: red !important;
}
-
Ciao, grazie mille modificando il file modal.css funzionaaaaaa...
inizialmente funzionava solo su firefox quindi ho eliminato del tutto color.css.php e inserito oltre ai colori del menù anche il colore di background su modal
l'unica cosa che vorrei ancora chiedervi, eliminando color.css.php potrei avere problemi? potrebbe non funzionarmi qualcosa?
-
direi proprio di non toccarlo >:( >:(
-
l'unica cosa che vorrei ancora chiedervi, eliminando color.css.php potrei avere problemi? potrebbe non funzionarmi qualcosa?
Altre parti non caricherebbero il css. Dipende se le usi o no. Cancella solo le parti che sovrascrivi con il css e lascia il file dov'è. Il codice è scritto per essere valido a seconda del browser ma, dato che adesso lo fai con un colore piatto, non serve più. Tieni una copia integra, magari aggiungendo _old al nome.