Imaj Istorik Kò Fè Fasil

html

Yon karakteristik bèl ou pral jwenn sou sit anpil se kote zòn nan kontni sant parèt kouvri paj la ak yon lonbraj gout dèyè li. Li aktyèlman yon metòd san patipri senp pou fè blog ou a sanble bèl (oswa lòt sit entènèt) ak yon imaj background sèl.

Ki jan li fè?

  1. Chèche konnen ki lajè kontni ou ye. Egzanp: 750px.
  2. Bati yon imaj nan aplikasyon ilistrasyon ou an (mwen itilize Illustrator) pi laj pase zòn nan kontni. Egzanp: 800px.
  3. Mete background nan nan imaj la nan background nan ou ta vle genyen sou chak bò nan blog la.
  4. Ajoute yon rejyon blan sou background nan.
  5. Aplike yon lonbraj sou rejyon an blan ki èkstrude soti nan chak bò nan rejyon an.
  6. Mete zòn rekòt la lajè pa 1 pixel nan wotè. Sa a pral fè imaj la download bèl ak kontra enfòmèl ant pou rann rapid.
  7. Sòti imaj la.

Men ki jan mwen konstwi li lè l sèvi avèk Illustrator (sonje ke mwen gen zòn nan rekòt pi wo ... sa a jis pou ou ka wè sa m ap fè):
Istorik ak Illustrator

Isit la nan yon egzanp sou ki jan pwodiksyon an ta gade ak imaj la background:
Egzanp Imaj Istorik

Men ki jan pou aplike pou imaj la lè l sèvi avèk tag style kò ou nan ou CSS dosye-a.

background: # B2B2B2 url ('images / bg.gif') repete-y sant;

Isit la nan yon diseksyon nan tag la style background:

  • # B2B2B2 - kouche koulè background jeneral la nan paj la. Nan egzanp sa a, li nan gri matche ak gri a sou imaj la background.
  • url ('imaj / bg.gif') - kouche imaj la background ke ou ta renmen itilize.
  • repete-y - kouche imaj la repete sou aks y-la. Se konsa, imaj la background ap repete soti nan tèt la anba nan paj la.
  • sant - kouche imaj la nan sant la nan paj la.

Nice ak fasil ... yon sèl imaj, yon sèl tag style!

2 Kòmantè

  1. 1
  2. 2

Ki sa ou panse?

Sit sa a sèvi ak Akismet diminye Spam. Aprann kijan kòmantè ou a trete.