Autore Topic: Oggetto HTML in footer largo come il browser  (Letto 4360 volte)

Nico

  • Nuovo arrivato
  • *
  • Post: 5
Oggetto HTML in footer largo come il browser
« il: 13 Settembre, 2011, 11:59:09 »
Wow, sono un pò emozionato nell'aprire uno dei primi topic in questo nuovo forum!  ;D
Innanzitutto grazie ai creatori, con il forum ufficiale temporaneamente chiuso questo sito è manna dal cielo per me!

Espongo subito il mio dilemma.
Secondo indicazioni di Snake.Xenzia ho utilizzato il metodo per visualizzare il footer largo come il browser:

Passo 1 - Esperto

HEAD
Citazione
<style>
#imFooter_bg
{height: 150px; background: url('res/bottom.jpg') no-repeat center; }
#imFooter {display: none}
</style>

STATISTICHE
Citazione
<div id="imFooter_bg"></div>

Ora però non riesco ad inserire oggetti HTML nel footer, o meglio si possono inserire ma non vengono visualizzati una volta esportato il sito (funziona solo con immagini e testo)

Cercando su google ho anche trovato un topic del vecchio forum in cui si parlava di questo problema...solo che essendo in manutenzione mi attacco al grappolo  :o

Qualcuno si è già imbattuto in questo problema?

Grazie
Nico

milux

  • Moderatore globale
  • Utente storico
  • *****
  • Post: 1779
    • 3MD
Re:Oggetto HTML in footer largo come il browser
« Risposta #1 il: 13 Settembre, 2011, 12:38:49 »
non vedi le immagini nell'anteprima? se hai messo l'immagine di background nella cartella /res fai l'export e poi apri l'index . A  me funziona ma non in anteprima...

ah una cosa.. nella sezione Esperto modifica : {height: 150px; background: red url('res/bottom.jpg') repeat left; } il repeat e l'allineamento in modo da avere il footer a tutta larghezza della pagina..
« Ultima modifica: 13 Settembre, 2011, 12:42:22 da milux »
**OS : Windows 7 - 63Bit (uno è andato perso e non lo trovo..) + W10
**Website X5 :  Evo 10(active) - Evo 11(active) - 13(active)
**Wysiwyg Web Builder 12 (passa al lato oscuro..)
**Hosting : LINUX
**Editor : Notepad ++ / Geany

Nico

  • Nuovo arrivato
  • *
  • Post: 5
Re:Oggetto HTML in footer largo come il browser
« Risposta #2 il: 13 Settembre, 2011, 13:06:26 »
No, no le immagini le vedo correttamente anche in anteprima.

Mi spiego meglio.

Quando vado a personalizzare il footer, inserendo immagini o testo, queste appaiono sia in anteprima che in export,
mentre se inserisco un oggetto HTML o il campo Cerca questi non appaiono...sia in anteprima che in export.

Il fatto è che con il metodo utilizzato, rendo non visibile #imFooter e lo sostituisco con l'immagine res/bottom.jpg,
e ovviamente in una immagine non possono esserci dei campi interattivi.

Volevo solo sapere se c'era la possibilità di aggirare il problema.. :-\

lemonsong

  • Anziani
  • Utente storico
  • *
  • Post: 1867
    • lemonsong's world
Re:Oggetto HTML in footer largo come il browser
« Risposta #3 il: 13 Settembre, 2011, 13:15:33 »
Se ho capito bene, modificherei così quel codice in head:

<style type="text/css">
#imFooter_bg {height: 150px; background: url('files/footer_100.jpg') repeat-x center; width: 100%; z-index: 1}
body #imSite {margin-bottom: -150px; }
#imFooter {z-index: 2; }
</style>


In rosso le personalizzazioni.

Se fai vedere qualcosa online faciliti chi ti può aiutare.




Nico

  • Nuovo arrivato
  • *
  • Post: 5
Re:Oggetto HTML in footer largo come il browser
« Risposta #4 il: 14 Settembre, 2011, 14:02:55 »
Grazie lemonsong, purtroppo adesso non ho la possibilità di uploadare..

Cmq ho risolto, posto il codice utilizzato:

<style type="text/css">
#imFooter_bg {height: 100px; background:#000000 url('res/bottom.jpg') no-repeat center; width: 100%; z-index: 1}
body #imSite {margin-bottom: -100px; }
#imFooter {z-index: 2; }
</style>


Grazie a tutti!  ;D

Nico