Picha za Asili za Mwili Zimefanywa kwa Urahisi

html

Kipengele kizuri ambacho utapata kwenye wavuti nyingi ni mahali ambapo eneo la yaliyomo katikati linaonekana kufunika ukurasa na kivuli cha kushuka nyuma yake. Kwa kweli ni njia rahisi ya kufanya blogi yako ionekane nzuri (au wavuti nyingine) na picha moja ya asili.

Inafanywaje?

  1. Tambua jinsi maudhui yako ni mapana. Mfano: 750px.
  2. Jenga picha katika programu yako ya kielelezo (ninatumia Illustrator) pana kuliko eneo la yaliyomo. Mfano: 800px.
  3. Weka mandharinyuma ya picha kwa nyuma unayotaka kuwa nayo kila upande wa blogi.
  4. Ongeza mkoa mweupe juu ya usuli.
  5. Tumia kivuli kwenye mkoa mweupe ambao hutoka kutoka pande zote za mkoa.
  6. Weka eneo la mazao upana na pikseli 1 kwa urefu. Hii itafanya picha kupakua nzuri na kompakt kwa utoaji wa haraka.
  7. Pakua picha.

Hivi ndivyo nilivyoijenga kwa kutumia Illustrator (kumbuka kuwa nina eneo la mazao refu zaidi… hiyo ni kwa hivyo unaweza kuona ninachofanya):
Usuli na Mchoraji

Hapa kuna mfano wa jinsi pato lingeonekana na picha ya nyuma:
Mfano wa Picha ya Asili

Hapa kuna jinsi ya kutumia picha ukitumia lebo ya mtindo wa mwili wako kwenye yako CSS faili.

historia: # B2B2B2 url ('picha / bg.gif') kituo cha kurudia-y;

Hapa kuna utenguaji wa lebo ya mtindo wa usuli:

  • # B2B2B2 - inaweka rangi ya asili ya ukurasa. Katika mfano huu, ni kijivu kulinganisha kijivu kwenye picha ya nyuma.
  • url ('images / bg.gif') - inaweka picha ya usuli ambayo ungependa kutumia.
  • kurudia-y - huweka picha kurudia kwenye mhimili wa y. Kwa hivyo picha ya nyuma itarudia kutoka juu hadi chini ya ukurasa.
  • kituo - huweka picha katikati ya ukurasa.

Nzuri na rahisi… picha moja, lebo ya mtindo mmoja!

2 Maoni

  1. 1
  2. 2

Unafikiri?

Tovuti hii inatumia Akismet kupunguza spam. Jifunze jinsi maoni yako yanasindika.