sadržaj Marketing

Slike pozadine tijela lako se rade

Lijepa značajka koju ćete pronaći na mnogim web lokacijama je ona gdje se čini da središnje područje sadržaja prekriva stranicu sa sjenkom iza nje. To je zapravo prilično jednostavan način da vaš blog izgleda lijepo (ili neko drugo web mjesto) pomoću jedne pozadinske slike.

Kako se to radi?

  1. Otkrijte koliko je širok vaš sadržaj. Primjer: 750 piksela.
  2. Izgradite sliku u aplikaciji za ilustracije (koristim Illustrator) šire od područja sadržaja. Primjer: 800px.
  3. Postavite pozadinu slike na pozadinu koju želite da imate sa svake strane bloga.
  4. Dodajte bijelu regiju preko pozadine.
  5. Nanesite sjenku na bijelu regiju koja izlazi s bilo koje strane regije.
  6. Postavite širinu područja obrezivanja za 1 piksel u visinu. Ovo će učiniti sliku za preuzimanje lijepom i kompaktnom za brzo prikazivanje.
  7. Izbacite sliku.

Evo kako sam ga konstruirao koristeći Illustrator (imajte na umu da sam područje obrezivanja puno veće ... to je samo da biste mogli vidjeti što radim):
Pozadina s Illustratorom

Evo primjera kako bi izlaz izgledao sa pozadinskom slikom:
Primjer slike u pozadini

Evo kako primijeniti sliku pomoću oznake stila tijela u vašem

CSS fajl.

pozadina: # B2B2B2 url ('images / bg.gif') centar za ponavljanje;

Evo disekcije oznake stila pozadine:

  • # B2B2B2 - postavlja ukupnu boju pozadine stranice. U ovom primjeru siva je da odgovara sivoj na pozadinskoj slici.
  • url ('images / bg.gif') - postavlja pozadinsku sliku koju želite koristiti.
  • repeat-y - postavlja sliku za ponavljanje na y osi. Tako će se pozadinska slika ponavljati od vrha do dna stranice.
  • center - postavlja sliku u središte stranice.

Lijepo i jednostavno ... jedna slika, jedna stilska oznaka!

Douglas Karr

Douglas Karr je CMO of OpenINSIGHTS i osnivač Martech Zone. Douglas je pomogao desetinama uspješnih MarTech startupova, pomogao je u dubinskom pregledu od preko 5 milijardi dolara u Martechovim akvizicijama i investicijama, te nastavlja da pomaže kompanijama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak za digitalnu transformaciju i MarTech stručnjak i govornik. Douglas je također objavljeni autor Dummie's vodiča i knjige o poslovnom liderstvu.
Nazad na vrh dugmeta
blizu

Adblock otkriven

Martech Zone je u mogućnosti da vam pruži ovaj sadržaj bez ikakvih troškova jer mi unovčavamo našu stranicu putem prihoda od oglasa, partnerskih veza i sponzorstava. Bili bismo zahvalni ako biste uklonili svoj blokator oglasa dok gledate našu web stranicu.