Imazhet e Sfondit të Trupit Bëhen lehtë
Një veçori e bukur që do të gjeni në shumë sajte është ku zona e përmbajtjes qendrore duket se mbivendos faqen me një hije prapa saj. Në fakt është një metodë mjaft e thjeshtë për ta bërë blogun tuaj të duket bukur (ose uebsajt tjetër) me një imazh të vetëm sfondi.
Si bëhet?
- Kuptoni se sa e gjerë është përmbajtja juaj. Shembull: 750 px.
- Ndërtoni një imazh në aplikacionin tuaj të ilustrimit (Unë përdor Illustrator) më gjerë se zona e përmbajtjes. Shembull: 800px.
- Vendosni sfondin e imazhit në sfondin që dëshironi të keni në secilën anë të blogut.
- Shtoni një zonë të bardhë mbi sfond.
- Aplikoni një hije në zonën e bardhë që shtrihet nga të dyja anët e rajonit.
- Cakto gjerësinë e zonës së prerjes me 1 pixel në lartësi. Kjo do ta bëjë imazhin të shkarkohet bukur dhe kompakt për interpretim të shpejtë.
- Nxjerr imazhin.
Ja se si e ndërtova duke përdorur Illustrator (vini re se e kam zonën e prerjes shumë më të lartë… kjo është vetëm që të mund të shihni se çfarë po bëj):
Këtu është një shembull se si do të dukej dalja me imazhin e sfondit:
Ja se si të aplikoni imazhin duke përdorur etiketën e stilit të trupit në tuajën
CSS fotografi.sfondi: #B2B2B2 url('images/bg.gif') qendra e përsëritjes;
Këtu është një përmbledhje e etiketës së stilit të sfondit:
- #B2B2B2 – vendos ngjyrën e përgjithshme të sfondit të faqes. Në këtë shembull, është gri që të përputhet me grinë në imazhin e sfondit.
- url('images/bg.gif') – vendos imazhin e sfondit që dëshironi të përdorni.
- repeat-y – vendos që imazhi të përsëritet në boshtin y. Kështu që imazhi i sfondit do të përsëritet nga lart në fund të faqes.
- qendër – vendos imazhin në qendër të faqes.
E bukur dhe e lehtë… një imazh, një etiketë stili!