Imazhet e Sfondit të Trupit Bëhen lehtë

html

Një tipar i mirë që do të gjeni në shumë site është ku zona e përmbajtjes qendrore duket se mbivendos faqen me një hije rënie pas saj. Në të vërtetë është një metodë mjaft e thjeshtë për ta bërë blogun tuaj të duket bukur (ose një faqe tjetër në internet) me një imazh të vetëm sfondi.

Si bëhet?

  1. Gjeni se sa e gjerë është përmbajtja juaj. Shembull: 750px.
  2. Ndërtoni një imazh në aplikacionin tuaj të ilustrimit (Unë përdor Illustrator) më të gjerë se zona e përmbajtjes. Shembull: 800px.
  3. Vendosni sfondin e imazhit në sfondin që dëshironi të keni në secilën anë të blogut.
  4. Shtoni një rajon të bardhë mbi sfond.
  5. Vendosni një hije në rajonin e bardhë që nxjerr nga të dy anët e rajonit.
  6. Vendosni zonën e prerjes gjerësinë me 1 pixel lartësi. Kjo do ta bëjë imazhin për ta shkarkuar të këndshëm dhe kompakt për pasqyrim të shpejtë.
  7. Dalja e imazhit.

Ja se si e konstruktova duke përdorur Illustrator (vini re se unë kam zonën e kulturave shumë më të larta tal kjo vetëm kështu që ju të shihni se çfarë po bëj):
Sfond me Illustrator

Këtu keni një shembull se si do të dukej rezultati me imazhin e sfondit:
Shembull i imazhit në sfond

Ja se si të aplikoni imazhin duke përdorur etiketën tuaj të stilit të trupit në tuaj CSS fotografi.

sfondi: # B2B2B2 url ('images / bg.gif') qendra e përsëritjes;

Këtu keni një zbërthim të etiketës së stilit të sfondit:

  • # B2B2B2 - përcakton ngjyrën e përgjithshme të sfondit të faqes. Në këtë shembull, është gri që të përputhet me gri në imazhin e sfondit.
  • url ('images / bg.gif') - përcakton imazhin e sfondit që dëshironi të përdorni.
  • repeat-y - vendos imazhin të përsëritet në boshtin y. Kështu që imazhi i sfondit do të përsëritet nga lart poshtë në faqe.
  • center - vendos imazhin në qendër të faqes.

E bukur dhe e lehtë image një imazh, një etiketë stili!

2 Comments

  1. 1
  2. 2

Çfarë mendoni ju?

Kjo faqe përdor Akismet për të reduktuar spamin. Mësoni se si përpunohet komenti juaj.