Bədənin Arxa Görüntüləri Asanlıqla Hazırlandı

html

Bir çox saytda tapa biləcəyiniz gözəl bir xüsusiyyət, mərkəzdəki məzmunun, səhifənin arxasında bir kölgə ilə üst-üstə düşdüyü görünür. Əslində blogunuzu tək bir arxa plan görüntüsü ilə (və ya başqa veb sayt) gözəl göstərmək üçün olduqca sadə bir üsuldur.

Necə edilir?

  1. Məzmunun nə qədər geniş olduğunu müəyyənləşdirin. Nümunə: 750 piksel.
  2. İçerik sahəsindən daha geniş şəkildə təsvir tətbiqində bir şəkil yaradın (Illustrator istifadə edirəm). Nümunə: 800 piksel.
  3. Fotoşəklin arxa planını bloqun hər tərəfində istədiyiniz arxa plana qurun.
  4. Arxa fonda ağ bir bölgə əlavə edin.
  5. Bölgənin hər iki tərəfindən çıxan ağ bölgəyə bir kölgə tətbiq edin.
  6. Kəsmə sahəsini eni 1 piksel hündürlüyə qoyun. Bu, təsvirin sürətli göstərilməsi üçün xoş və kompakt yükləməsini təmin edəcəkdir.
  7. Təsviri çıxardın.

Illustrator-dan istifadə edərək onu necə qurdum (əkin sahəmi daha hündür olduğumu unutmayın ... sadəcə nə etdiyimi görə biləcəksiniz):
Illustrator ilə arxa plan

Çıxışın arxa görüntü ilə necə görünəcəyinə bir nümunə:
Fon şəklinin nümunəsi

Bədən tərzi etiketinizi istifadə edərək şəkli necə tətbiq edəcəyinizi izah edirəm CSS file.

arxa plan: # B2B2B2 url ('images / bg.gif') təkrar-y mərkəzi;

Budur arxa plan etiketinin diseksiyası:

  • # B2B2B2 - səhifənin ümumi fon rəngini təyin edir. Bu nümunədə, fon şəklindəki boz ilə uyğunlaşmaq boz rəngdədir.
  • url ('images / bg.gif') - istifadə etmək istədiyiniz arxa plan şəklini təyin edir.
  • repeat-y - şəkli y oxunda təkrarlayacaq şəkildə qurur. Beləliklə, arxa plan şəkli səhifənin yuxarıdan aşağı hissəsinə qədər təkrarlanacaqdır.
  • mərkəz - şəkli səhifənin ortasına qoyur.

Gözəl və asan ... bir şəkil, bir stil etiketi!

2 Şərhlər

  1. 1
  2. 2

Siz nə düşünürsünüz?

Bu sayt spam azaldılması üçün Akismet istifadə edir. Yorumunuzun necə işləndiyini öyrənin.