Ofbyldings fan lichemsachtergrûn Maklik dien

html

In leuke funksje dy't jo op in soad siden fine, is wêr't it sintrumynhâldsgebiet de pagina liket te lizzen mei in dripskaad derachter. It is eins in frij ienfâldige metoade om jo blog moai te meitsjen (of in oare webside) mei ien eftergrûnôfbylding.

Hoe wurdt it dien?

  1. Útfine hoe breed jo ynhâld is. Foarbyld: 750px.
  2. Bouwe in ôfbylding yn jo yllustraasjeapplikaasje (ik brûk Illustrator) breder dan it ynhâldsgebiet. Foarbyld: 800px.
  3. Stel de eftergrûn fan 'e ôfbylding yn op' e eftergrûn dy't jo oan elke kant fan it blog wolle hawwe.
  4. Foegje in wyt gebiet oer de eftergrûn ta.
  5. Tapasse in skaad op 'e wite regio dy't ekstrudeart fan beide kanten fan' e regio.
  6. Stel it gewaaksgebiet de breedte yn mei 1 piksel yn 'e hichte. Dit sil de ôfbylding meitsje om moai en kompakt te downloaden foar rappe rendering.
  7. Fier de ôfbylding út.

Hjir is hoe't ik it konstruearre mei Illustrator (let op dat ik it gewaaksgebiet folle heger haw ... dat is gewoan sadat jo sjen kinne wat ik doch):
Eftergrûn mei yllustrator

Hjir is in foarbyld fan hoe't de útfier derút soe sjen mei de eftergrûnôfbylding:
Foarbyld fan eftergrûnôfbylding

Hjir is hoe't jo de ôfbylding tapasse kinne mei jo lichemstyl tag yn jo CSS map.

eftergrûn: # B2B2B2 url ('images / bg.gif') repeat-y sintrum;

Hjir is in disseksje fan 'e eftergrûnstyl tag:

  • # B2B2B2 - stelt de algemiene eftergrûnkleur fan 'e pagina yn. Yn dit foarbyld is it griis om te passen oan it griis op 'e eftergrûnôfbylding.
  • url ('images / bg.gif') - stelt de eftergrûnôfbylding yn dy't jo wolle brûke.
  • repeat-y - stelt de ôfbylding yn op de y-as. Dat de eftergrûnôfbylding sil werhelje fan boppen nei ûnderen op 'e pagina.
  • sintrum - stelt de ôfbylding yn it midden fan 'e pagina.

Leuk en maklik ... ien ôfbylding, ien styletiket!

2 Comments

  1. 1
  2. 2

Wat tinksto?

Dizze side brûkt Akismet om spam te ferleegjen. Learje hoe't jo kommentaargegevens ferwurke wurde.