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

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

Ол қалай жасалды?

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

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

Мұнда шығыс фондық суретпен қалай көрінетініне мысал келтірілген:

Өзіңіздің денеңіздің стиліндегі тегті пайдаланып суретті қалай қолдануға болатындығы туралы CSS файл.

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

Міне, фондық стиль тегінің бөлінуі:

• # B2B2B2 - парақтың жалпы фондық түсін орнатады. Бұл мысалда фондық суреттегі сұр түске сәйкес келетін сұр түсті.
• url ('images / bg.gif') - қолданғыңыз келетін фондық суретті орнатады.
• қайталау-у - суретті у осінде қайталауға орнатады. Сонымен, фондық сурет парақтың жоғарыдан төменге қарай қайталанатын болады.
• центр - суретті парақтың ортасына орнатады.

Жақсы әрі оңай ... бір сурет, бір стиль тэгі!