Негизги сүрөттөр оңой эле жасалды

HTML

Көптөгөн сайттардан таба турган жакшы өзгөчөлүк - бул борбордун мазмунунун бети артында көлөкө түшүрүлгөн көрүнөт. Бул чындыгында блогуңузду (же башка веб-сайтты) бир фондук сүрөт менен кооз кылуунун кыйла жөнөкөй ыкмасы.

Ал кантип даярдалат?

  1. Мазмунуңуз канчалык кең экендигин аныктаңыз. Мисалы: 750px.
  2. Сүрөт тиркемесиңизде сүрөттү куруңуз (мен Illustrator колдоном) мазмунунан кеңирээк. Мисалы: 800px.
  3. Блогдун эки тарабында сүрөттүн фонун өзүңүз каалаган фонго коюңуз.
  4. Фондун үстүнө ак аймак кошуңуз.
  5. Аймактын эки тарабынан тең чыгып турган ак аймакка көлөкө түшүрүңүз.
  6. Эгин аянтынын туурасын 1 пиксель бийиктикке койду. Бул сүрөттү тез жүктөө үчүн жагымдуу жана тыкан жүктөп алат.
  7. Сүрөттү чыгаруу.

Мен муну Illustrator программасы аркылуу кандайча курдум (менин өсүмдүктөрүмдүн аянты бир топ узун экенине көңүл бур ... мен эмне кылып жатканымды көрүп турасың):
Illustrator менен маалымат

Бул жерде чыгарманын фондук сүрөт менен кандайча көрүнөрүнө мисал келтирилген:
Фондук сүрөттүн мисалы

Сүрөттү дене-бой стилиңиздин белгисин колдонуп кантип колдонсоңуз болот CSS жөнөтүлөт.

фон: # B2B2B2 url ('images / bg.gif') кайталоо борбору;

Бул жерде фон стилинин тегин бөлүү:

  • # B2B2B2 - барактын жалпы фон түсүн белгилейт. Бул мисалда, фондун сүрөтүндөгү боз түстү дал келтирүү үчүн боз түстө болот.
  • url ('images / bg.gif') - сиз колдонгуңуз келген фондук сүрөттү орнотот.
  • кайталоо-у - сүрөттү у огунда кайталай тургандай кылып орнотот. Ошентип, фондук сүрөт барактын жогору жагынан ылдый жагына чейин кайталанат.
  • борбор - сүрөттү барактын ортосуна орнотот.

Жакшы жана оңой ... бир сүрөт, бир стиль теги!

2 Comments

  1. 1
  2. 2

Эмне деп ойлойсуң?

Бул сайт спам азайтуу Akismet колдонот. Сиздин комментарий маалымат кандайча иштелишин Үйрөнүү.