[Semi-RISOLTO] Personalizzazione JA PURITY ii

[Xone]

Salve a tutti... ho dato un'occhiata in giro ed ho visto che molti hanno problemi con la personalizzazione del template di cui in oggetto. In quanto ho anchio qualche problema che presto esporrò vorrei creare un post dove riassumere un po tutto ciò che ce da risolvere per il template... dove quindi inserire tuti i problemi e le relative soluzioni.
Il mio problema consiste nel fatto che vorrei eliminare quel grigio che vi è nell'header ed inserire o una immagine tipo testata o lasciare che vi siano tre img che cambiano random come già ci sono... Purtroppo per quanto riguarda i colori, ja_purity_ii non è flessibile come lo era il back-end del suo predecessore... per cui mi chiedo e chiedo aiuto a chi Sa!!!...di darmi una mano  Grazie...

[Xone]

Saklve a tutti... ho dato un'occhiata in giro ed ho visto che molti hanno problemi con la personalizzazione del template di cui in oggetto. In quanto ho anchio qualche problema che presto esporrò vorrei creare un post dove riassumere un po tutto ciò che ce da risolvere per il template... dove quindi inserire tuti i problemi e le relative soluzioni.
Il mio problema consiste nel fatto che vorrei eliminare quel grigio che vi è nell'header ed inserire o una immagine tipo testata o lasciare che vi siano tre img che cambiano random come già ci sono... Purtroppo per quanto riguarda i colori, ja_purity_ii non è flessibile come lo era il back-end del suo predecessore... per cui mi chiedo e chiedo aiuto a chi Sa!!!...di darmi una mano  Grazie...

UP please...

[adottauncane]

Ciao Xone,
Per cambiare colore a tutto l'header intervieni sulla riga
background-color:#333333;
template.css (riga 921)

Codice: [Seleziona]

#ja-header  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:#333333;
background-image:none;
background-position:0 0;
background-repeat:repeat;
position:relative;
z-index:10;
}
Per togliere quell'effetto sfumato grigio sulle foto cancella questa riga:
background-image:url("../images/header-mask.png");

template.css (riga 969)

Codice: [Seleziona]

.ja-headermask  {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/header-mask.png");
background-position:right top;
background-repeat:no-repeat;
display:block;
height:80px;
position:absolute;
right:-1px;
top:0;
width:602px;
z-index:0;
}
Per cambiare immagine cerca qui:
templates/ja_purity_ii/images/header/

Sono tre:
header1.jpg
header2.jpg
header3.jpg

mantenendo l'altezza e li nome puoi mettere le tue della larghezza che vuoi. Se lo usi fisso 1000px.

Per modificare il logo qui:

template.css (riga 937)
background-image:url("../images/logo.gif");

Codice: [Seleziona]

h1.logo a {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/logo.gif");
background-position:left center;
background-repeat:no-repeat;
display:block;
height:79px;
width:207px;
}

[Xone]

Ciao... e grazie mille per avermi risposto... ma nn trovo la riga.. ti allego il file del mio template... ed uno screen dell'header cuid evo togliere il grigio di sfondo... GRAZIE!!!

[allegato vecchio più di un anno eliminato automaticamente]

[adottauncane]

Hai già cambiato qualcosa sul tuo .css?
Comunque la riga relativa all'header (dove comincia, poi scorri un po' in giù) è

template.css (riga 1849)

quello sotto:
template.css (riga 1945)

e l'ultima:
template.css (riga 1881)

Se posso consigliarti una guida che ti svelerà molti misteri dei .css prova a leggeri questo:
Installa Firebug per Firefox.
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 template.css

Buon lavoro!

[santograz]

Un po' per tutti quelli che hanno questo genere di problemi: ma lo sapete che Firefox ha un'ottimo strumento per individuare le sezioni del CSS responsabili di una formattazione, che si chiama Developer Toolbar?

[adottauncane]

...e, nell'articlo di tonicopi trovate anche questo strumento e come usarlo

[Xone]

Hai già cambiato qualcosa sul tuo .css?
Comunque la riga relativa all'header (dove comincia, poi scorri un po' in giù) è

template.css (riga 1849)

quello sotto:
template.css (riga 1945)

e l'ultima:
template.css (riga 1881)

Se posso consigliarti una guida che ti svelerà molti misteri dei .css prova a leggeri questo:
Installa Firebug per Firefox.
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 template.css

Buon lavoro!

Grazie mille...!!!Davvero grazie... mi ci ero impallato su..ora stacco un po e mi ci metto stasera... appena risolto posto la soluzione...Tnx

[Xone]

Ciao A tutti e scusate la mia assenza dal post per qualche giorno in più... comunque sia... alla fine sono riuscito nel mio intento... ovvero a far scomparire, seppur con meotodo "artigianale", la maschera grigia, il logo di default ed a pozizioneare un header che prendesse tutto il top del layout... in pratica ho scoperto che per fare ciò, basta inserire un unico file header nella cartella /templates/ja_purity_ii/images/header della dimensione 80px [altezza] * 1000px [larghezza] ... ed ilgioco è fatto... questa infatti si andrà a sovrapporre a tutto! Volendo ora riconsiderare l'effetto del cambiamento di header ad ogni refresh... occorrerà solo inseire più immagini nella suddetta cartella e del suddetto formato...
Grazie a tutti... e spero ora grazie anche ai consigli di "adottauncane" di trovare soluzioni un po' più fini per la risoluzione di questi tipi di problemi!:) ...

[efrite15]

Scusate, io ho seguito le varie informazioni presenti in questo thread, ma mi rimane il nero fra l'immagine casuale (i vari header) e il logo ... quello come si toglie??

[adottauncane]

Cioa efrite15,
se hai un link al sito è più comodo... 

[efrite15]

Ciao, il link è ancora in locale, però posso postare una foto della Home :

http://yfrog.com/0ahomecolorij

Come vedete rimane di colore scuro un pezzetto a sinistra del logo e fra il Logo e la banda blu più a destra... oltre ovviamente alla barra dei menu (di cui sono riuscito a cambiare il colore del bottone selezionato...)

[adottauncane]

Mah, prova a vedere se è questo:
template.css (riga 923)

Codice: [Seleziona]

#ja-header .main {
background-color:#333333; <----------
background-position:right top;
background-repeat:no-repeat;
height:80px;
}


[ilvanni]

Ciao efrite15, per piacere non accodarti ad altri topic e non aprirne di doppi, chiudo questo e la discussione continua qua:

http://forum.joomla.it/index.php/topic,111153.msg491077.html#msg491077