..
Ефекат који је сасвим уобичајено да виде сајтове и блогове следеће генерације, су написани у тзв преклапање преко слике, често праћен тамне провидне позадине. Ево једног примера:

Прва ствар коју треба учинити је да направите ХТМЛ структура изгледа овако:
<див цласс="бокимг">
<имг бордер="0" срц="трамонто.јпг"/>
<див цласс="боктесто">
<спан цласс="тесто"> леп залазак сунца </ спан>!
</ Див>
</ Див>
Као што можете видети ја створио ДИВ контејнера (у класи "Бокимг.") У оквиру које сам место моје имиџ и нови див (са класе "Боктесто.") Који заузврат садржи распон који означава текст који желите да примените .
Хајде да сада видимо ЦСС да, материјално, радном месту:
Бокимг. {
позиција: релативна;
ширина 400пк; / * Исто ширину слике * /
висина: 300пк; / * иста слика висина * /
}
{Див.боктесто
позиција: апсолутна;
дно: 0пк;
лево: 0пк;
Ширина: 100%;
бацкгроунд: ргб (0, 0, 0);
у позадини: РГБА (0, 0, 0, 0,6);
}
{Спан.тесто
паддинг: 10пк;
цолор: # ФФФФФФ;
фонт: болд Хелветица 24пк/45пк, санс-сериф;
леттер-спацинг:-1пк;
}
Кутија за одлагање ("Бокимг.") Је исте величине и релативног позиционирања на слику која је намењена за смештај.
| |
ЦСС (курс)
Веб дизајн и приступачност према В3Ц ЦСС и КСХТМЛ. Полазећи од 29 €. |
| |
ХТМЛ (курс)
Маркуп Лангуаге за Веб од 29 €. |
| |
Вебмастер Напредни (курс)
Постаните професионални веб мастери. Од 39 €. |