Содржина Маркетинг

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

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

Како се прави?

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

Еве како го конструирав користејќи го Илустратор (забележете дека ја имам површината за земјоделски култури многу повисока… тоа е само за да можете да видите што правам):
Позадина со Илустратор

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

Еве како да ја примените сликата користејќи ја ознаката за стил на тело во вашата

CSS датотека.

позадина: # B2B2B2 url ('images / bg.gif') центар за повторување-y;

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

  • # B2B2B2 - ја поставува целокупната боја на позадината на страницата. Во овој пример, сиво е да одговара на сивата на сликата во позадина.
  • url ('images / bg.gif') - ја поставува позадинската слика што сакате да ја користите.
  • повторување-y - ја поставува сликата да се повторува на оската y. Значи, сликата во позадина ќе се повтори од горниот до долниот дел на страницата.
  • центар - ја поставува сликата во центарот на страницата.

Убава и лесна… една слика, една ознака за стилот!

Douglas Karr

Douglas Karr е CMO на OpenINSIGHTS и основачот на Martech Zone. Даглас им помогна на десетици успешни стартапи на MarTech, помогна во длабинската анализа од над 5 милијарди американски долари за аквизиции и инвестиции на Martech и продолжува да им помага на компаниите во имплементацијата и автоматизирањето на нивните стратегии за продажба и маркетинг. Даглас е меѓународно признат експерт и говорник за дигитална трансформација и MarTech. Даглас е исто така објавен автор на водич за Dummie и книга за бизнис лидерство.
Вратете се на почетокот копче
Затвори

Откриен е блок за рекламирање

Martech Zone може да ви ја обезбеди оваа содржина без трошоци бидејќи ја монетизираме нашата страница преку приходи од реклами, врски со партнери и спонзорства. Ќе ни биде благодарно ако го отстраните вашиот блокатор на реклами додека ја гледате нашата страница.