Content marketing

Slike pozadine tijela izvode se lako

Lijepa značajka koju ćete pronaći na mnogim web mjestima je mjesto na kojem se čini da središnje područje sadržaja prekriva stranicu sa sjenkom iza. To je zapravo prilično jednostavna metoda kako postići da vaš blog lijepo izgleda (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: 800 piksela.
  3. Postavite pozadinu slike na pozadinu koju želite imati sa svake strane bloga.
  4. Dodajte bijelu regiju preko pozadine.
  5. Nanesite sjenku na bijelo područje koje istiskuje s obje strane područja.
  6. Postavite širinu područja obrezivanja za 1 piksel u visinu. To ć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 s pozadinskom slikom:
Primjer pozadinske slike

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

CSS file.

pozadina: # B2B2B2 url ('images / bg.gif') središte ponavljanja;

Evo seciranja oznake stila pozadine:

  • # B2B2B2 - postavlja ukupnu boju pozadine stranice. U ovom je primjeru siva boja koja odgovara sivoj boji na pozadini slike.
  • 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 desecima uspješnih MarTech startupa, pomogao je u due diligence-u od preko 5 milijardi USD u Martech akvizicijama i ulaganjima te nastavlja pomagati tvrtkama u implementaciji i automatizaciji njihovih prodajnih i marketinških strategija. Douglas je međunarodno priznati stručnjak i govornik za digitalnu transformaciju i MarTech. Douglas je također objavljeni autor Dummie's guide i knjige o poslovnom vodstvu.
Natrag na vrh
Blizu

Otkriven je Adblock

Martech Zone može vam pružiti ovaj sadržaj bez ikakvih troškova jer svoju web stranicu unovčavamo putem prihoda od oglasa, pridruženih veza i sponzorstava. Cijenili bismo kada biste uklonili program za blokiranje oglasa dok pregledavate našu stranicu.