Слике позадине тела се раде лако

ХТМЛ

Лепа карактеристика коју ћете наћи на многим веб локацијама је када се чини да средишње подручје садржаја прекрива страницу са сенком иза. То је заправо прилично једноставан начин да ваш блог изгледа лепо (или на неком другом веб месту) помоћу једне позадинске слике.

Како се то ради?

  1. Откријте колико је широк ваш садржај. Пример: 750 пиксела.
  2. Направите слику у апликацији за илустрације (користим Иллустратор) ширу од подручја садржаја. Пример: 800пк.
  3. Поставите позадину слике на позадину коју желите да имате са сваке стране блога.
  4. Додајте белу регију преко позадине.
  5. Нанесите сенку на белу регију која излази са било које стране региона.
  6. Подесите подручје обрезивања у ширину за 1 пиксел у висину. Ово ће учинити слику за преузимање пријатном и компактном за брзо приказивање.
  7. Избаците слику.

Ево како сам га конструисао користећи Иллустратор (имајте на уму да сам подручје обрезивања много веће ... то је само да бисте могли да видите шта радим):
Позадина са Иллустратор-ом

Ево примера како би излаз изгледао са позадинском сликом:
Пример слике у позадини

Ево како да примените слику помоћу ознаке стила тела у вашем ЦСС датотека.

позадина: # Б2Б2Б2 урл ('имагес / бг.гиф') центар за понављање;

Ево секције позадинске ознаке стила:

  • # Б2Б2Б2 - поставља укупну боју позадине странице. У овом примеру је сиво да одговара сивој на позадини слике.
  • урл ('имагес / бг.гиф') - поставља позадинску слику коју желите да користите.
  • репеат-и - поставља слику да се понавља на и оси. Дакле, слика у позадини ће се поновити од врха до дна странице.
  • центер - поставља слику у средиште странице.

Лепо и лако ... једна слика, једна ознака стила!

Komentari

  1. 1
  2. 2

Шта ви мислите?

Ова страница користи Акисмет како би смањила нежељену пошту. Сазнајте како се ваш коментар обрађује.