Download Tipz Theme

Immagine di background con html e css

settembre 18, 2009 | In: Web

Intanto premetto che voglio cercare di essere il più chiaro possibile…se c’è qualcosa che non capite alzate la man…ehm…lasciate un commento :D

Allora, a volte capita di dover inserire un0immagine che faccia da sfondo in html. Naturalmente nell’html di “persè” è impossibile. Invece noi lo faremo, introducendo i cosiddetti “css” (lo stile).  In ogni caso non voglio perdere tempo a dirvi cosa sono i css perchè in questo momento è potenzialmente inutile, poichè è capitato anche a me di metter mano al file “style.css” con scarsi risultati.

Quindi mettiamo direttamente mano all’html. Facciamo l’esempio di avere una slider in javascript. Noi costruiamo l’ìimmagine di background, e la piazziamo sotto la slider con le opportune misure.

Quindi, nominiamo l’immagine di background dell’immagine, e mettiamola nella stessa cartella del file html che stiamo modificando in questo momento.

Quindi, la slider, avrà un “div” (si può dire contenitore), esempio:

<div id=”slider”>

codice slider

</div>

Quindi noi, apporteremo solo queste modifiche:

<div id=”slider” style=”background-image:url(immaginedibackgroundscelta.estensione); height: 000(da impostare)px; weight: 000px”>

codice slider

</div>

Quindi abbiamo detto che la slider deve avere come background un’immagine (quella che noi abbiamo creato), di altezza da definire (l’altezza del background) e di larghezza da definire (la larghezza del background). E’ ovvio che dovete modificare l’url dell’imamgine di background e la dimensione di altezza e larghezza.

Per chiarimenti…esistono i commenti!

Condividi:
  • Print this article!
  • Digg
  • del.icio.us
  • Facebook
  • Google Bookmarks
  • Live
  • MySpace
  • Turn this article into a PDF!


Ti è piaciuto il post? Sì...scommetto di sì...allora non fare finta che questo blog non sia mai esistito e inizia a seguirci!




4 Responses to Immagine di background con html e css

iltrenoavapore

settembre 28th, 2009 at 11:48

Salve, approfitto per una domanda alla quale non riesco a trovare risposta:
Nel mio blog splinder vorrei sostituire l’immagine della testata, background url(…) con un video flash. Il codice mi funziona come post, ma risulta invisibile nella sezione dove va il background, #contentheader.
Dovrenbbe essere possibile, l’ho visto su un sito splinder… puoi dirmi qualcosa o rimandarmi a qualche link?
Ti ringrazio comunque

P:S. codice che funziona come post:

piac95

settembre 28th, 2009 at 14:08

Uhm…è interessante…il codice nn si vede, ma non ha molta importanza…io però ho notato una cosetta con un blo su webserver usato come tester per temi…ovvero, un elemento (es. immagine), inserito nello “style.css”, doveva venir posizionato nella cartella del tema wordpress…altrimenti, se modificavo il tutto ad esempio dall’header.php (usando il <div id="" style=" etc.) dovevo inserire l'elemento nella cartella "home" di wordpress.
Spero di esser stato utile…al massimo replica! :D

Seisasiriuche-online

novembre 14th, 2009 at 09:01

imparato molto

Seisasiriuche-online

novembre 14th, 2009 at 09:09

good start

Comment Form

Latest comments

Statistiche