Тасвирҳо дар заминаи бадан ба осонӣ иҷро карда шуданд

HTML

Хусусияти хубе, ки шумо дар бисёр сайтҳо пайдо мекунед, ин аст, ки дар он минтақаи мундариҷаи марказ саҳифаро бо сояи афтиш пушти сар мекунад. Ин дарвоқеъ усули хеле соддаест, ки блоги худро бо тасвири ягонаи замина зебо (ё вебсайти дигар) ба назар гирад.

Он чӣ гуна анҷом дода мешавад?

  1. Тасаввур кунед, ки мундариҷаи шумо чӣ қадар васеъ аст. Мисол: 750px.
  2. Дар замимаи мисолҳои худ тасвире эҷод кунед (ман Illustrator-ро истифода мекунам) нисбат ба минтақаи мундариҷа васеътар. Мисол: 800px.
  3. Заминаи тасвирро ба заминае, ки мехоҳед дар ҳар ду тарафи блог гузоред.
  4. Дар пасзамина минтақаи сафед илова кунед.
  5. Ба минтақаи сафед сояе молед, ки аз ҳарду тарафи минтақа хориҷ мешавад.
  6. Майдони зироатро васеъро ба 1 пиксел дар баландӣ таъин кунед. Ин тасвирро барои зеркашии хуб ва фишурдашуда барои зудрас кардан месозад.
  7. Тасвирро бароваред.

Ин аст тарзи сохтани он бо истифода аз Illustrator (қайд кунед, ки ман майдони зироатро хеле баландтар дорам ... танҳо ҳамин тавр шумо метавонед бинед, ки ман чӣ кор карда истодаам):
Замина бо Illustrator

Ин як мисолест, ки чӣ гуна натиҷа бо тасвири замина ба назар мерасад:
Намунаи тасвири замина

Ин аст тарзи истифодаи тасвир бо истифода аз теги услуби бадани худ дар CSS парванда.

замина: # B2B2B2 url ('images / bg.gif') маркази такрор-y;

Ин аст ҷудокунии теги сабки замина:

  • # B2B2B2 - ранги заминаи умумии саҳифаро муқаррар мекунад. Дар ин мисол, он бо хокистарӣ дар тасвири замина мувофиқ аст.
  • url ('images / bg.gif') - тасвири заминаеро, ки мехоҳед истифода баред, таъин мекунад.
  • repeat-y - тасвирро барои дар меҳвари у такрор кардан танзим мекунад. Ҳамин тавр тасвири замина аз боло то поёни саҳифа такрор хоҳад шуд.
  • center - тасвирро дар маркази саҳифа ҷойгир мекунад.

Хуб ва осон ... як тасвир, як теги услуб!

2 Комментарии

  1. 1
  2. 2

Ту чӣ фикр мекунӣ?

Ин сомона ба воситаи Akismet барои кам кардани спам истифода мешавад. Омӯзед, ки чӣ тавр маълумотҳои худро тафтиш кунед.