JA PURITY ii modifica barra menu e Logo

[efrite15]

Buongiorno a tutti, ho seguito un pò le discussioni qua sul forum, e mi hanno consigliato di aprire un nuovo thread piuttosto di continuarne un'altro...
Il sito non è ancora online, quindi vi posso postare solo un'immagine del problema...

http://yfrog.com/0ahomecolorij

In pratica vorrei modificare il colore della barra dei meni (sono riuscito a modificare il colore del bottone cliccato e basta...) e il grigione presente sotto il Logo (le parti blu sono le due estremità, che sono riuscito a modificare, il Logo e l'immagine che cambia automaticamente, che ho fatto blu per semplicità...)

Grazie mille a tutti

[ofranco]

ja-sosdmenu.css che si trova in ja-menus/ja_cssmenu è il file da modificare
la riga 83 > color: #CCCCCC; è il colore del testo mouse over
la riga 93 > color: #FFFFFF; è il colore del testo mouse on
riga 104 > colore del pulsante della barra principale quando seleziona il menù di 2° livello
le altre modifiche dovrebbero essere:
riga 112 >
riga 118 >
riha 123 >
riga 124 >
riga 133 >
riga 155 >
Spero di esserti stato d'aiuto.
Ciao, Franco

P.S.
Le altre mofifiche sono al file template.css
riga 1019, 1024.

[ilvanni]

Ciao efrite15, ti posto anche un link ad una guida presente nel wiki di joomla.it e che copre alcuni aspetti della personalizzazione di ja_purity:

http://wiki.joomla.it/index.php?title=Personalizzare_Ja_purity

Ti potrebbe servire per il futuro e per approfondire, dato che stai usando quel template.

[efrite15]

Provvedo subito ad effettuare le verie prove.
Vi ringrazio moltissimo per l'aiuto!!

[efrite15]

ja-sosdmenu.css che si trova in ja-menus/ja_cssmenu è il file da modificare
la riga 83 > color: #CCCCCC; è il colore del testo mouse over
la riga 93 > color: #FFFFFF; è il colore del testo mouse on
riga 104 > colore del pulsante della barra principale quando seleziona il menù di 2° livello
le altre modifiche dovrebbero essere:
riga 112 >
riga 118 >
riha 123 >
riga 124 >
riga 133 >
riga 155 >
Spero di esserti stato d'aiuto.
Ciao, Franco

P.S.
Le altre mofifiche sono al file template.css
riga 1019, 1024.

Ma parliamo dello stesso template? Di tutte le citazioni che fai fatto (il file ja-sosdmenu.css e le cartelle ja-menus e ja_cssmenu) io non ho nulla ....

[efrite15]

Cito un utente che mi ha risposto in un'altra discussione inerente il template (utente adottauncane)

template.css (riga 923)

Codice: [Seleziona]

#ja-header .main {
background-color:#333333; <----------
background-position:right top;
background-repeat:no-repeat;
height:80px;
}
Ha funzionato perfettamente!!!
Manca ora come cambiare solore alla barra dei menu (e ai menu a tendina)

[adottauncane]

Sono diverse le parti da modificare...
template.css (riga 983)

Codice: [Seleziona]

#ja-mainnav {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#444444; <---- colore
background-image:url("../images/grad1-mask.png"); <--- sfumatura
background-position:center top;
background-repeat:repeat-x;
border-top-color:#666666; <---- bordino
border-top-style:solid;
border-top-width:1px;
line-height:1;
position:relative;
z-index:9;
}

Per gli altri css devi specificare quale tipo di menù usi, Mega o un altro...
Magari riesci a far da solo se installi Firebug per Firefox e ispezioni il codice css.
Qui il video tutorial
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
qui un utilissimo articolo di tonicopi
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e qui lo scarichi
https://addons.mozilla.org/it/firefox/search?q=firebug&cat=all&as=1&appid=1&lver=3.6&atype=0&pp=20&pid=3&sort=weeklydownloads&lup=
Potrai provare le modifiche direttamente da Firefox e poi riportarle sul file .css

[efrite15]

Sono diverse le parti da modificare...
template.css (riga 983)

Codice: [Seleziona]

#ja-mainnav {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#444444; <---- colore
background-image:url("../images/grad1-mask.png"); <--- sfumatura
background-position:center top;
background-repeat:repeat-x;
border-top-color:#666666; <---- bordino
border-top-style:solid;
border-top-width:1px;
line-height:1;
position:relative;
z-index:9;
}

Per gli altri css devi specificare quale tipo di menù usi, Mega o un altro...
Magari riesci a far da solo se installi Firebug per Firefox e ispezioni il codice css.
Qui il video tutorial
http://www.joomla.it/guide-e-video-guide/video-guide/3645-utilizzare-firebug-con-il-proprio-sito-joomla.html
qui un utilissimo articolo di tonicopi
http://www.joomla.it/articoli-della-community/797-tre-moschettieri-al-servizio-di-joomla.html
e qui lo scarichi
https://addons.mozilla.org/it/firefox/search?q=firebug&cat=all&as=1&appid=1&lver=3.6&atype=0&pp=20&pid=3&sort=weeklydownloads&lup=
Potrai provare le modifiche direttamente da Firefox e poi riportarle sul file .css

Me lo dicono tutti di installare sti plugin, il problema è che, per svariati motivi, non posso installare firefox =o/ .... se ci fossero su explorer o Opera...
Ora sto sistemando l'impaginazione superiore... per i menu uso il Moo Menu !

[adottauncane]

Allora:
moo.css (riga 112)

Codice: [Seleziona]

#ja-cssmenu li a.active, #ja-cssmenu li a.active:hover, #ja-cssmenu li a.active:active, #ja-cssmenu li a.active:focus {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#006699; <---- colore
background-image:url("../../images/grad1-mask.png"); <---- sfumatura
background-position:center top;
background-repeat:repeat-x;
color:#FFFFFF; <---- colore testo
}

Poi prova a guardare la riga 104 dovrebbe essere quella che si riferisce alla tendina del sub menù. In ogni caso il file che devi modificare è moo.css. Dovresti riuscire a capire, facendo delle prove cosa modificare.
Buon lavoro...

P.S. Se non necessario, non citare la risposta precedente, tanto si capisce ugualmente e non si appesantisce il DB. Grazie...

[efrite15]

Grazie mille per i consigli, ho provato a modificare tutti i colori, e adesso ho capito bene le corrispondenze dei colori e dei menu  !!!
L'unica cosa che mi manca è il "fascione" scuro che contiene in menu... immagino sia nel file template.css ma sai mica come si chiama? perché è lunghetto da fare prove come con i menu  ...
Poi vedrò di munirmi di firefox in qualche modo  che mi pare parecchio comodo per ste cose

[adottauncane]

La fascetta del menù a tendina è quella due post più su. SE intendo quella sotto è questa:
template.css (riga 1255)

Codice: [Seleziona]

#ja-topsl {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#444444; <------- colore
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-bottom-color:#666666; <----- bordi
border-bottom-style:solid;
border-bottom-width:1px;
border-top-color:#666666;
border-top-style:solid;
border-top-width:1px;
color:#CCCCCC; <------ testo
}


[efrite15]

Quello che dicevo io era questo:

background-image:url("../images/grad1-mask.png"); <--- sfumatura

che più che sfumatura, è proprio il colore della barra... infatti gli altri parametri non modificano niente...  almeno a vista....
Grazie mille per l'aiuto  !!!

[adottauncane]

Se guardi bene qualche post più su oltre alla sfumatura ho indicato anche il colore e i bordi...
template.css (riga 983)
Ciao ciao