Images di Sfondu di u Corpu Fattu Facilmente

html,

Una bella caratteristica chì truverete in parechji siti hè induve l'area di cuntenutu centrale pare sovrappone a pagina cù una ombra goccia daretu. Hè in realtà un metudu abbastanza semplice per fà chì u vostru blog sembra bellu (o un altru situ web) cù una sola immagine di fondo.

Cumu hè fattu?

  1. Scuprite quantu hè largu u vostru cuntenutu. Esempiu: 750px.
  2. Custruisce una maghjina in a vostra applicazione d'illustrazione (adupru Illustrator) più larga di l'area di cuntenutu. Esempiu: 800px.
  3. Pone u fondu di l'immagine à u fondu chì vulete avè da ogni latu di u blog.
  4. Aghjunghjite una regione bianca sopra à u fondu.
  5. Applica una ombra nantu à a regione bianca chì estrude da ogni latu di a regione.
  6. Pone l'area di colture a larghezza per 1 pixel in altezza. Questu farà l'imagine per scaricà bella è compatta per una resa rapida.
  7. Emette l'imagine.

Eccu cumu l'aghju custruita aduprendu Illustrator (nutate chì aghju a zona di colture assai più alta ... hè solu cusì chì pudete vede ciò chì facciu):
Sfondu cù Illustrator

Eccu un esempiu di cumu si vede l'output cù l'immagine di fondo:
Esempiu di Image Background

Eccu cumu applicà l'immagine aduprendu a vostra tag di stile di corpu in u vostru CSS schedariu.

fondo: # B2B2B2 url ('images / bg.gif') centru di ripetizione;

Eccu una dissezione di u tag di stile di fondo:

  • # B2B2B2 - imposta u culore di fondu generale di a pagina. In questu esempiu, hè grisgiu chì currisponde à u grisgiu nantu à l'immagine di fondo.
  • url ('images / bg.gif') - imposta l'immagine di fondu chì vulete usà.
  • repeat-y - imposta l'imagine da ripetere nantu à l'assi y. Cusì l'immagine di fondu si ripeterà da u cima à u fondu di a pagina.
  • centru - imposta l'imaghjina in u centru di a pagina.

Bellu è faciule ... una maghjina, un tag di stile!

2 Comments

  1. 1
  2. 2

Chì ne pensi?

Stu situ utilizeghja Akismet per reducisce u puzzicheghju. Sapete ciò chì i dati di i vostri dati è processatu.