Gorputzeko atzeko irudiak erraz egiten dira

html

Gune askotan aurkituko duzun ezaugarri polita da erdiko edukiaren eremuak orria atzean itzal bat duela gainjartzen duela. Egia esan, zure bloga atzeko irudi bakarrarekin (edo beste webgune batekin) itxura emateko metodo nahiko erraza da.

Nola egiten da?

  1. Irudikatu zure edukia zeinen zabala den. Adibidez: 750 px.
  2. Eraiki irudi bat zure ilustrazio aplikazioan (Illustrator erabiltzen dut) eduki eremua baino zabalagoa. Adibidez: 800px.
  3. Ezarri irudiaren atzeko planoa blogaren alde bakoitzean eduki nahi duzun atzeko planoan.
  4. Gehitu eskualde zuria atzeko planoan.
  5. Aplikatu itzala eskualdearen alde bietatik ateratzen den eskualde zurian.
  6. Ezarri mozketa eremua zabalera pixel 1 altueran. Horrek irudia polita eta trinkoa deskargatzeko bihurtuko du errendatze azkarrerako.
  7. Irudia atera.

Hona hemen nola eraiki nuen Illustrator erabiliz (kontutan izan laborantza eremua askoz altuagoa dudala ... hori da egiten ari naizena ikusi ahal izateko):
Aurrekariak Illustrator-ekin

Hona hemen irteerak atzeko planoko irudiarekin izango lukeen adibidea:
Atzeko irudiaren adibidea

Hona hemen nola aplikatu irudia zure gorputz estiloko etiketa erabiliz CSS fitxategia.

atzeko planoa: # B2B2B2 url ('images / bg.gif') errepikatzeko zentroa;

Hona hemen atzeko planoko estiloaren etiketa:

  • # B2B2B2 - orriaren atzeko planoaren kolore orokorra ezartzen du. Adibide honetan, grisa da atzeko irudiko grisarekin bat etortzea.
  • url ('images / bg.gif') - erabili nahi duzun atzeko irudia ezartzen du.
  • repeat-y - irudia y ardatzean errepikatzeko ezartzen du. Beraz, atzeko irudia orriaren goitik behera errepikatuko da.
  • erdian - irudia orriaren erdian ezartzen du.

Polita eta erraza ... irudi bat, estilo bat etiketa!

2 Comments

  1. 1
  2. 2

Zer deritzozu?

Gune honek Akismet-ek spam erabiltzen du. Ikasi zure iruzkina nola prozesatu den.