Joomla.it Forum
Joomla! 1.5.x (versione con supporto terminato) => Joomla! 1.5 => I Template di Joomla 1.5.x => : targheauto 06 Mar 2009, 19:28:39
-
Ciao raga!
Sto lentamente customizzandomi il ja_puriry in base alle mie esigenze e mi chiedevo se e come fosse possibile "colorare" i lati dello schermo che non sono "coperti" dal template (io ho impostato la larghezza a 960px).
Non so se mi sono spiegato bene, vorrei qualcosa tipo esempio queste stesse pagine del forum, che ai lati, nello spazio non utilizzato per il contenuto, sono azzurro-blu sfumato ....
Thx
Alex
-
ciao
se intendi lo sfondo dietro il template , visto che tu lo hai stretto , certo che si puo
se non c'è gia un css altrimenti lo crei e gli dai il colore che vuoi oppure l'immagine che vuoi.
#ja-containerwrap2 {style.css (riga 180)
background:transparent url(images/cw-bg2.gif) no-repeat scroll 50% 0;qui x dare colore allo sfondo
-
Grazie del reply conti,
in realtà il sito non esiste ancora, lo sto mettendo a punto in locale.
Esiste la versione "non-joomla" qui: http://www.targheauto.com ma non c'entra molto con l'evoluzione che sto implementando.
Proverò a verificare quello che mi hai suggerito, mi pare la strada giusta, è che non trovavo il posto dove intervenire :-)
Ciao
Alex
ciao
se intendi lo sfondo dietro il template , visto che tu lo hai stretto , certo che si puo
se non c'è gia un css altrimenti lo crei e gli dai il colore che vuoi oppure l'immagine che vuoi.
#ja-containerwrap2 {style.css (riga 180)
background:transparent url(images/cw-bg2.gif) no-repeat scroll 50% 0;qui x dare colore allo sfondo
-
ciao
quello e un pezzo di css che tovi nel template che stai usando
vai nel css
alla voce style.css
cerchi quella riga e la modifichi a tuo piacere
#ja-containerwrap2 {style.css (riga 180)
background:transparent url(images/cw-bg2.gif) no-repeat scroll 50% 0;
-
Si, adesso mi ci raccapezzo meglio direi :)
Grazie ancora!
ciao
quello e un pezzo di css che tovi nel template che stai usando
vai nel css
alla voce style.css
cerchi quella riga e la modifichi a tuo piacere
#ja-containerwrap2 {style.css (riga 180)
background:transparent url(images/cw-bg2.gif) no-repeat scroll 50% 0;
-
Non funzia ...
ho modificato il template style.css in ...templates\ja_purity\styles\background\purewhite\ da cosi':
#ja-containerwrap2 {
background: url(images/cwf-bg.gif) repeat-x top left;
}
a cosi':
#ja-containerwrap2 {
background: url(images/miaimmagine.gif) repeat-x top left;
}
quindi sostituendo l'immagine con una di mia produzione, ma
l'effetto e' che la mia immagine diventa sfondo dell'intera pagina. Il risultato che cercavo io era di usarla come sfondo per lo spazio laterale esterno ai 960 px del contenuto del template (vedi le "barre" bluette ai lati di queste pagine).
Come si fa?
Thx !
Alex
-
Allora se ho capito bene dovresti risolvere editando qui
body#bd {template.css (riga 15)
background:#F2F2F2 none repeat scroll 0 0; <--
color:#333333;
}
cambia prima il colore, salva aggiorna la pagina e vedi se cambia quello che ti interessa. se dovesse essere la parte che ti interessa...beh a quel punto non ti resta che creare una immagine e modificare la regola css. es:
body#bd {template.css (riga 15)
background:#F2F2F2 url(/miotemplate/images/img.jpg) none repeat scroll 0 0;
color:#333333;
}
ciao
-
Grazie per il suggerimento, ma nulla da fare, ho provato la modifica e
non sortisce alcun effetto .... altre idee ? ???
Alex
-
Aggiornamento: smanettando per benino sono riuscito ad ottenere l'effetto di cui allego un'immagine, spero si veda.
Ho agito su #ja-footerwrap in template.css e su #ja-containerwrap2 e #ja-containerwrap-fr #ja-containerwrap2 in style.css sotto style\background\purewhite.
L'unica cosa che mi manca di capire e' come sostituire la fascia grigia in basso, proprio in fondo alla pagina sotto il footer, con la stessa immagine o con qualsivoglia altro colore.
In altre parole, qual e' il pezzo di CSS che governa quella striscia che appare sotto il footer???
Grazie 1000 Alex
Grazie per il suggerimento, ma nulla da fare, ho provato la modifica e
non sortisce alcun effetto .... altre idee ? ???
Alex
[allegato eliminato da un amministratore perchè più vecchio di 365 giorni]
-
Fatto!
Per l'ultimo pezzo e' stato sufficiente modificare l'elemento body#bd !!!
Alex