Back to top

Autore Topic: Immagine sfondo template  (Letto 4069 volte)

Offline peppe990

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
  • I <3 Joomla
    • Mostra profilo
Immagine sfondo template
« il: 26 Ott 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
Codice: [Seleziona]
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/

Grazie mille a tutti

Offline thewebsurfer

  • Abituale
  • ****
  • Post: 904
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #1 il: 26 Ott 2011, 17:35:43 »
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

Offline map

  • Appassionato
  • ***
  • Post: 355
  • Sesso: Maschio
  • Siti Web Cagliari Web Agency
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #2 il: 26 Ott 2011, 17:39:23 »
Ciao,
Puoi eliminare il background da :

Codice: [Seleziona]
.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

Codice: [Seleziona]
body {
    background:url(../images/tua_immagine)
    color: #474747;
    font: 62.5%/1.2 Helvetica,Arial,sans-serif;
}

Offline peppe990

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
  • I <3 Joomla
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #3 il: 26 Ott 2011, 18:35:20 »
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

Offline thewebsurfer

  • Abituale
  • ****
  • Post: 904
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #4 il: 26 Ott 2011, 18:49:49 »
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..

Offline map

  • Appassionato
  • ***
  • Post: 355
  • Sesso: Maschio
  • Siti Web Cagliari Web Agency
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #5 il: 26 Ott 2011, 19:20:44 »
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 ....
« Ultima modifica: 26 Ott 2011, 19:23:47 da map »

Offline thewebsurfer

  • Abituale
  • ****
  • Post: 904
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #6 il: 26 Ott 2011, 20:25:36 »
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 ;)

Offline peppe990

  • Appassionato
  • ***
  • Post: 342
  • Sesso: Maschio
  • I <3 Joomla
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #7 il: 26 Ott 2011, 23:16:53 »
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  :)

Offline thewebsurfer

  • Abituale
  • ****
  • Post: 904
    • Mostra profilo
Re:Immagine sfondo template
« Risposta #8 il: 26 Ott 2011, 23:33:29 »
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/

 



Web Design Bolzano Kreatif