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 => : peppe990 26 Oct 2011, 16:55:53
-
Buona sera,
vorrei inserire una immagine come sfondo al mio template, pensavo che bastasse inserirla nel body ma mi sbagliavo in quanto il mio template ha una classe superiore. Onestamente non so come spiegare quindi vi posto un pezzo di codice css ed il link al sito. Io vorrei inserire una immagine di sfondo che sia visibile sia in topground che in body
body { background-color: #F5F5F5; color: #474747; font: 62.5%/1.2 Helvetica,Arial,sans-serif;}.topground { background-color: #FAFAFA; border-bottom: 1px solid #FFFFFF; height: 202px; position: absolute; width: 100%;}
http://www.templatetest.joomlafree.it/ (http://www.templatetest.joomlafree.it/)
Grazie mille a tutti
-
ma topground è la classe applicata a body?a giudicare dagli attributi non penso, ma controlla nel codice
in ogni caso probabilmente hai il wrapper (o più wrapper..) con sfondo definito, per questo non vedi lo sfondo del body..sarebbe utile che postassi il codice o il template utilizzato
-
Ciao,
Puoi eliminare il background da :
.topground {
background-color: #FAFAFA; da eliminare
border-bottom: 1px solid #FFFFFF;
height: 202px;
position: absolute;
width: 100%;
}
E aggiungere un immagine di background al body
body {
background:url(../images/tua_immagine)
color: #474747;
font: 62.5%/1.2 Helvetica,Arial,sans-serif;
}
-
http://www.templatetest.joomlafree.it/ (http://www.templatetest.joomlafree.it/) questo è il link al sito. Ho modificato il css per rendere piu facile capire il problema.
La parte in alto rossa è data dalla classe .topground mentre la parte inferiore di colore bianco fa parte del body. Ora se io inserisco una immagine nel body questa inizia dalla riga nera in poi... io invece la vorrei in altro. In poche parole dovrebbe partire dalla classe topground e continuare nel body, cosa credo impossibile quindi pensavo che forse dovrei creare una classe o una posizone modulo io.. boh non saprei.
Grazie a tutti per l'aiuto
-
il body non comincia dalla linea nera, il body è il contenitore dell'intera pagina :)
come ha detto map (senza però sapere a chi fosse associato .topground, quindi un po' ha caso, però ha indovitano :) )
hai provato già a eliminare la riga backgound-color da .topgrounde applicare l'immagine a body?
normalmente dovrebbe funzionare come vuoi, se non va vuol dire che c'è qualcosa di strano che da problemi..
-
come ha detto map (senza però sapere a chi fosse associato .topground, quindi un po' ha caso, però ha indovitano :) )
Non ho risposto a caso !
<body>
<div class="topground"><>
///
</body>
Questo è l' html del template,
e la soluzione più semplice è quella che ho dato prima....
PS: a caso si scrive senza h ....
-
Non ho risposto a caso !
<body>
<div class="topground"><>
///
</body>
Questo è l' html del template,
e la soluzione più semplice è quella che ho dato prima....
PS: a caso si scrive senza h ....
in effetti hai ragione, non avevo intuito che il sito in questione fosse templatetest.joomlafree.it, pensavo fosse un piccolo tentativo di spam ;D
l'per h..nelle sessioni di programmazione intensive ho notato che divento un po' disgrafico :o ;)
-
No figurati è spam :-\
Comunque ho seguito, l'ultile, consiglio di map è funziona. Vorrei chiedervi se ci fosse pure un modo per rendere questa immagine come dire "flessibile" alle varie risoluzioni dei monitor.
Grazie mille e scusatemi per le domane che sono tante e forse anche un pò banali :)
-
No figurati è spam :-\
Comunque ho seguito, l'ultile, consiglio di map è funziona. Vorrei chiedervi se ci fosse pure un modo per rendere questa immagine come dire "flessibile" alle varie risoluzioni dei monitor.
Grazie mille e scusatemi per le domane che sono tante e forse anche un pò banali :)
vedi se una di queste soluzioni ti soddisfa
http://css-tricks.com/3458-perfect-full-page-background-image/ (http://css-tricks.com/3458-perfect-full-page-background-image/)