Stampi ta 'Sfond tal-Ġisem Magħmula Faċilment

html

Karatteristika sabiħa li ssib f'ħafna siti hija fejn iż-żona tal-kontenut taċ-ċentru tidher li tiksi l-paġna b'dell dell warajha. Huwa fil-fatt metodu pjuttost sempliċi biex il-blog tiegħek jidher sabiħ (jew websajt oħra) b'immaġni waħda ta 'sfond.

Kif isir?

  1. Kun af kemm hu wiesa 'l-kontenut tiegħek. Eżempju: 750px.
  2. Ibni immaġni fl-applikazzjoni tal-illustrazzjoni tiegħek (nuża Illustrator) usa 'miż-żona tal-kontenut. Eżempju: 800px.
  3. Issettja l-isfond tal-immaġini għall-isfond li tixtieq li jkollok fuq kull naħa tal-blog.
  4. Żid reġjun abjad fuq l-isfond.
  5. Applika dell fuq ir-reġjun abjad li joħroġ minn kull naħa tar-reġjun.
  6. Issettja l-erja tal-ħsad il-wisa 'b'għoli ta' 1 pixel. Dan jagħmel l-immaġni biex tniżżel sabiħa u kompatta biex tirrendi malajr.
  7. Oħroġ l-immaġni.

Hawnhekk kif bnejt bl-użu ta 'Illustrator (innota li għandi l-erja tal-uċuħ ħafna ogħla ... hekk biss tista' tara dak li qed nagħmel):
Sfond ma 'Illustrator

Hawn hu eżempju ta 'kif tidher l-output bl-immaġni ta' l-isfond:
Eżempju ta 'Sfond Image

Ara kif tapplika l-immaġni billi tuża t-tikketta tal-istil tal-ġisem tiegħek CSS fajl.

sfond: # B2B2B2 url ('images / bg.gif') irrepeti ċ-ċentru;

Hawnhekk hemm dissezzjoni tat-tikketta tal-istil tal-isfond:

  • # B2B2B2 - jistabbilixxi l-kulur ġenerali tal-isfond tal-paġna. F'dan l-eżempju, huwa griż li taqbel mal-griż fuq l-immaġni ta 'l-isfond.
  • url ('images / bg.gif') - tistabbilixxi l-immaġni fl-isfond li tixtieq tuża.
  • repeat-y - tissettja l-immaġni biex tirrepeti fuq l-assi y. Allura l-immaġni fl-isfond se tirrepetiha minn fuq għal isfel tal-paġna.
  • ċentru - jistabbilixxi l-immaġni fiċ-ċentru tal-paġna.

Nizza u faċli ... immaġni waħda, tikketta stil waħda!

2 Kummenti

  1. 1
  2. 2

What do you think?

Dan is-sit juża Akismet biex inaqqas l-ispam. Tgħallem kif il-kumment tiegħek huwa pproċessat.