Tananing orqa fon rasmlari osongina bajarildi

html

Ko'pgina saytlarda topiladigan yoqimli xususiyat - bu markaz tarkibidagi sahifa orqasida pastki soya bilan qoplanadigan ko'rinadi. Bu aslida sizning blogingizni (yoki boshqa veb-saytni) bitta fon tasviri bilan chiroyli qilish uchun juda oddiy usul.

Bu qanday amalga oshiriladi?

  1. Tarkibingiz qanchalik kengligini aniqlang. Misol: 750 piksel.
  2. Tasviriy ilovangizda rasm yarating (men Illustrator-dan foydalanaman) kontent maydonidan kengroq. Misol: 800 piksel.
  3. Fotogalereya fonini blogning har ikki tomonida kerakli fonga o'rnating.
  4. Orqa fonda oq rangli mintaqani qo'shing.
  5. Mintaqaning har ikki tomonidan chiqib ketadigan oq mintaqaga soya soling.
  6. Ekin maydonini eni balandligi 1 pikselga o'rnating. Bu rasmni tezkor ko'rsatish uchun chiroyli va ixcham yuklab olishga imkon beradi.
  7. Rasmni chiqaring.

Men buni Illustrator yordamida qanday qurganman (mening ekin maydonim ancha baland ekanligiga e'tibor bering ... shundagina siz nima qilayotganimni bilib olishingiz mumkin):
Illustrator bilan fon

Chiqish fon tasviri bilan qanday ko'rinishini ko'rsatadigan misol:
Fon rasmining misoli

O'zingizning tanangiz uslubi yorlig'i yordamida rasmni qanday qo'llash haqida CSS file.

fon: # B2B2B2 url ('images / bg.gif') takrorlash markazi;

Fon uslubi yorlig'ini ajratish:

  • # B2B2B2 - sahifaning umumiy fon rangini belgilaydi. Ushbu misolda, fon rasmidagi kul rangga mos keladigan kulrang.
  • url ('images / bg.gif') - foydalanmoqchi bo'lgan fon rasmini o'rnatadi.
  • takrorlash-y - tasvirni y o'qi bo'yicha takrorlash uchun o'rnatadi. Shunday qilib, fon rasmi sahifaning yuqoridan pastgacha takrorlanadi.
  • markaz - rasmni sahifaning o'rtasiga o'rnatadi.

Yaxshi va oson ... bitta rasm, bitta uslub yorlig'i!

2 Comments

  1. 1
  2. 2

Siz nima deb o'ylaysiz?

Ushbu sayt spamni kamaytirish uchun Akismet-dan foydalanadi. Fikringiz ma'lumotlarining qanday ishlashini bilib oling.