colori top menu template CLEANLOGIC

[MasterDony]

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

[Rasjah]

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 

[webdesigneritalia]

eccolo quà dove si trova....


/joomla/templates/cleanlogic/css/colors.css.php?


fammi sapere...e buon lavoro
Marco

[MasterDony]

Grazie mille, ma é possibile anche rendere la barra trasparente cosi da non apparire in rilievo?

[webdesigneritalia]

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

[Rasjah]

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

[MasterDony]

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%);
}
");}   

[Rasjah]

 Ti posto il percorso completo per cambiare i colori della barra menù
 
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
 
 

[webdesigneritalia]

prova anche a svuotare la cache...!!

[MasterDony]

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

[adottauncane]

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:

Codice: [Seleziona]

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;
}


[MasterDony]

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?

[Rasjah]

direi proprio di non toccarlo 

[adottauncane]

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.