Анимация rostmedia

Подключим стиль reset.css

Предупреждение для браузера
class="red">устаревший WEB-браузер.
Предлагаем Вам установить и использовать последние версии WEB-браузеров, например:
Google Chrome
https://www.google.com/chrome
Mozilla Firefox
http://www.mozilla.org/ru/firefox/new/
Opera
http://www.opera.com/download/
Последние версии WEB-браузеров доступны для установки на сайтах разработчиков и содержат улучшенные свойства безопасности, повышенную скорость работы, меньшее количество ошибок. Эти простые действия помогут Вам максимально использовать функциональность сайта, избежать ошибок в работе, повысить уровень безопасности. class="red">устаревший WEB-браузер.
Предлагаем Вам установить и использовать последние версии WEB-браузеров, например:
Google Chrome
https://www.google.com/chrome
Mozilla Firefox
http://www.mozilla.org/ru/firefox/new/
Opera
http://www.opera.com/download/
Последние версии WEB-браузеров доступны для установки на сайтах разработчиков и содержат улучшенные свойства безопасности, повышенную скорость работы, меньшее количество ошибок. Эти простые действия помогут Вам максимально использовать функциональность сайта, избежать ошибок в работе, повысить уровень безопасности.

header
1. Заготовка.

html

css
Общие
.old_br{
margin:10px auto 0px auto;
padding:20px;
background:#DDDDDD;
border:1px solid gray;
width:980px;
font-size:14px;
}
body{ margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
div.wrapper {
margin: 0 auto;
width: 980px;
min-width: 980px;
overflow: visible;
}

Css header

Телефон и меню
Вставим блок в..

html

Css телефон

Css меню

Картинка анимация html
Блок вставляем после меню перед закрытием header

Css позиционирование блока

Рука с кофе

Кроссбраузерная анимация

Рыжая голова
Прописать кроссбраузерность

Листочек

Руки за ноутбуком

Рука девочки

Остальные части сами

facebook
Вставить блок до закрытия блока

Реклама
Реклама
- це мистецтво цілитися в голову, щоб потрапити в кишеню