Back to top

Autore Topic: [RISOLTO] Immagine di sfondo  (Letto 3413 volte)

Offline KeruLove

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
[RISOLTO] Immagine di sfondo
« il: 24 Gen 2011, 22:21:50 »
Ciao a tutti.
Mi presento, il mio nome è Stefano e sono iscritto al forum da un po' di tempo ma solo ultimamente ne sto usufruendo perché finalmente sono ruscito a ritagliarmi un po' di tempo per modificare alcuni template. Ho scaricato un template di siteground per l'esattenza il template siteground-j15-177. Vorrei mettere un'immagine di sfondo in dissolvenza al di sotto dei moduli e ci sono riuscito soltanto che il mio problema è il seguente: l'immagine di sfondo finisce sopra il corpo centrale, non permettendomi di cliccare sulle voci del menu di sinistra (cosa essenziale), e mi passa anche sopra il footer. Come posso risolvere? Avevo trovato un'info su un forum (ma non ricordo quale) dove mi diceva di mettere una <img> subito dopo il body per farlo però mi da questo problema. Se metto l'immagine nel blocco #page_bg mi toglie opacità a tutto il template e non è ovviamente quello che mi serve. Potrste gentilmente aiutarmi?  :'( Vorrei inoltre mettere l'immagine in modo tale che ingrandendo o diminuendo lo schermo del browser (con ctrl + +/- per intenderci) rimanga sempre della stessa dimensione, stile sfondi con il flash con attributi width:100% e hegith:100%. Grazie a chiunque voglia darmi una risoluzione al mio problema. Mi accontento anche di avere una risposta alla prima domanda per il momento.  :) Vi lascio il link al sito che sto modificando per farvi capire meglio quale sia il mio problema (http://lnx.lacompagniadellaspadanera.it/Joomla)
« Ultima modifica: 31 Gen 2011, 20:36:36 da KeruLove »

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo
« Risposta #1 il: 24 Gen 2011, 23:41:14 »
ciao modifica il tuo css in questo modo
template.css (riga 394)
Codice: [Seleziona]
#content {
    margin: 0;
    position: relative; <<< aggiungi
    width: 960px;
}
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline KeruLove

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Immagine di sfondo
« Risposta #2 il: 25 Gen 2011, 00:06:24 »
ciao modifica il tuo css in questo modo
template.css (riga 394)
Codice: [Seleziona]
#content {
    margin: 0;
    position: relative; <<< aggiungi
    width: 960px;
}
Ciao conti1.
Ho aggiunto il position ma il problema persiste  :(

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
Re:Immagine di sfondo
« Risposta #3 il: 25 Gen 2011, 00:18:34 »
in firefox funzionza
con ie8 non  hai l'immagine di sfondo

pura curiosita l'id sul body lo hai fatto tu ?
se si xche lo hai messo  li?
<body id="page_bg">
che senso ha
l'immagine di sfondo la puoi mettere benissimo nel css body gia esistente.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

Offline KeruLove

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Immagine di sfondo
« Risposta #4 il: 26 Gen 2011, 22:21:39 »
in firefox funzionza
con ie8 non  hai l'immagine di sfondo

pura curiosita l'id sul body lo hai fatto tu ?
se si xche lo hai messo  li?
<body id="page_bg">
che senso ha
l'immagine di sfondo la puoi mettere benissimo nel css body gia esistente.
La soluzione che mi avevi dato tu l'avevo provata con firefox ma rimaneva tutto com'era.
Comunque no, l'id sul body l'ha messo l'ideatore del template. Io mi sono limitato ad inserire i link facebook e youtube sull'html, e poi ho lavorato sul css. Domani proverò a mettere l'immagine direttamente nel body del css. Grazie conti1

Offline KeruLove

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Immagine di sfondo
« Risposta #5 il: 28 Gen 2011, 20:07:10 »
Ciao conti1... allora oggi con grande sorpresa apro il sito con firefox e IE e noto che il menu è accessibile e che l'immagine di sfondo c'è in entrambi quindi la soluzione che mi avevi dato è giusta  ;D
ho, però, un problema: in IE l'immagine è posizionato molto in alto e quindi con una risoluzione alta dello schermo, scompare completamente dal quadro. In poche parole mi fa l'effetto contrario di firefox. Mettendola, invece, come background del body nel css, su internet explorer mi esce il qudratino bianco con la x rossa in alto a sinistra. Cosa dovrei fare a questo punto?

Offline KeruLove

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:Immagine di sfondo
« Risposta #6 il: 31 Gen 2011, 20:35:54 »
pura curiosita l'id sul body lo hai fatto tu ?
se si xche lo hai messo  li?
<body id="page_bg">
che senso ha
l'immagine di sfondo la puoi mettere benissimo nel css body gia esistente.

Ciao conti1. Ho risolto il problema che avevo cancellando l'id che avevano assegnato al body e mettendo colore di sfondo e immagine (ritoccata con un opacità del 30% con un programma di grafica) direttamente nelle proprietà del CSS del body.  :) Grazie mille. In questo ho risolto il problema anche con internet explorer solo che mi rimane un quadratino dell'immagine che avevo messo come sfondo in precedenza ma risolverò in qualche modo. Grazie ancora. Ciao a tutti.  :)

Offline KeruLove

  • Nuovo arrivato
  • *
  • Post: 10
    • Mostra profilo
Re:[RISOLTO] Immagine di sfondo
« Risposta #7 il: 31 Gen 2011, 22:08:41 »
Ho risolto anche il problema del quadratino dell'immagine non caricata in IE : avevo ancora un tag <img> all'interno dell'html del quale mi ero completamente dimenticato. Grazie ancora a conti1 per avermi fatto notare questa mia banale ma al tempo stesso importante disattenzione.  ;D

 



Web Design Bolzano Kreatif