Негізгі суреттер оңай түсірілді

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 Пікірлер

  1. 1
  2. 2

Сен не ойлайсың?

Бұл сайт спамның төмендеуі үшін Akismet пайдаланады. Деректеріңіздің қалай өңделетінін біліңіз.