Back to top

Autore Topic: Immagine di background  (Letto 2768 volte)

Offline hoguera

  • Appassionato
  • ***
  • Post: 372
  • Sesso: Maschio
    • Mostra profilo
Immagine di background
« il: 10 Feb 2011, 21:00:27 »
Ciao,
consapevole che già l'argomento in questione è stato trattato e ritrattato e che già con altri template non ho avuto grosse difficoltà ad inserire nel body un'immagine....In questo template riesco a mostrare l'immagine solo nella parte superiore del body.....
il template in questione è themza 15-13 Back to Nature.
sebbene abbia modificato con l'indirizzo immagine questa parte:
#page_bg {
   background: #FFFFFF url(../images/green/bg_page.png) top repeat-x;

inserendo:
#page_bg {
   background:  url(../images/stories/miaimmagine.png) top repeat-x;
}
ottengo l'immagine solo nella parte superiore del body :-\
MI date una mano a capire ?
Grazie

adottauncane

  • Visitatore
Re:Immagine di background
« Risposta #1 il: 10 Feb 2011, 23:00:35 »
Ciao hoguera,
sarebbe meglio avere il link al sito. Anche perché non sappiamo che tipo di immagine hai inserito.
Se, ad esempio metti questa:
Codice: [Seleziona]
#page_bg {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-image: url("http://radiomaliboomboom.105.net/wp-content/themes/radiomaliboomboom/images/bg_webradio.jpg");
    background-position: center top;
    background-repeat: no-repeat;
}
green.css (riga 13)

funziona perfettamente. Nel tuo caso magari basta repeat al posto di repeat-x se è un'immagine che va ripetuta anche in altezza.

Offline hoguera

  • Appassionato
  • ***
  • Post: 372
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di background
« Risposta #2 il: 11 Feb 2011, 13:39:18 »
Ciao,
grazie della risposta:)
Qui l'indirizzo del sito (/verdeambienteorosei.com/public_html/templates/themza_j15_13/css/green.css )ed il file che modificato alla riga 13 mi inserisce l'immagine solo nella parte superiore...

adottauncane

  • Visitatore
Re:Immagine di background
« Risposta #3 il: 11 Feb 2011, 16:14:49 »
Adesso però c'è quella di default... essendo alta 785px devi scorrere un po' la pagina per vedere che si ripete impostando appunto:
Codice: [Seleziona]
background-repeat: repeat;
Prova a mettere al tua (con l'esatto percorso e nome) e vedi se basta quella modifica. Altrimenti il link al sito con l'immagine nuova.

Offline hoguera

  • Appassionato
  • ***
  • Post: 372
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di background
« Risposta #4 il: 11 Feb 2011, 23:32:45 »
Ciao,
l'immagine è visibile !
Quello che scordavo e che impostando con repeat mi appare troppe volte , se imposto top no repeat mi appare chiaramente solo a partire dal top e non essendoci trasparenza alla base dell'immagine....
L'unica soluzione è elaborare l'immagine e lasciare il seguito dello sfondo bianco ?
Chiedo troppo :D
sul sito adesso è inserita nel body un'immagine di prova, il link è lo stesso.
Grazie

adottauncane

  • Visitatore
Re:Immagine di background
« Risposta #5 il: 11 Feb 2011, 23:49:06 »
Non ho mica capito... ???
Se il problema è che non vuoi che invada la parte del template dove pubblichi puoi mettere uno sfondo qui:
Codice: [Seleziona]
div#main_bg {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: scroll;
    background-color: #FFFFFF; <---------
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    text-align: left;
    width: 988px;
}
template.css (riga 60)

e poi imposti così lo sfondo:
Codice: [Seleziona]
#page_bg {
    -moz-background-clip: border;
    -moz-background-origin: padding;
    -moz-background-size: auto auto;
    background-attachment: fixed; <-------
    background-color: transparent;
    background-image: url("http://www.verdeambienteorosei.com/images/stories/background2.png");
    background-position: left top; <--------
    background-repeat: no-repeat;
}

oppure incolla un attimo il codice che ti ho postato più su e vedi come potresti realizzare l'immagine di sfondo.

Offline hoguera

  • Appassionato
  • ***
  • Post: 372
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di background
« Risposta #6 il: 14 Feb 2011, 21:14:46 »
Ciao,
assente per un po rispondo solo ora....
Per l'immagine tutto ok,anche se l'ideale era visualizzare un'immagine per intero in tutta l'area del body e non un'immagine ripetuta a partire dal top.
Per ora ho "risolto con un'immagine modificata nella parte superiore del body.
Dovrei trovare un modo per rendere continuativa un'immagine nel background.......

adottauncane

  • Visitatore
Re:Immagine di background
« Risposta #7 il: 14 Feb 2011, 22:04:35 »
Continua a non capire molto che cosa vuoi ottenere.
Se metti     background-attachment: fixed; l'immagine sta ferma e scrolla solo il content e non devi ripeterla.
Se metti     background-repeat: repeat-y; si ripeterà in altezza.

 



Web Design Bolzano Kreatif