ForumD.ru - Дизайн для форумов, скрипты для форумов, техническая поддержка

Объявление

Проект от команды FD

☑ Поиск роли, партнёра, игрока.
☑ Легко. Удобно. Современно.
☑ Мы в процессе разработки.

Читать спойлеры

Загадочный Дом «Кузнечик»

Форумные игры, кино, позитивное отношение и душевное общение!
Есть в мире место, где душе тепло...
Заходи, мы будем тебе рады!

Подробнее

Мийрон

Качественный пиар быстро и недорого.
Красивейшие дизайны по низким ценам.
Каталог ролевых игр.

Подробнее

FD Chat - Чат на вашем форуме

Чат на отдельной странице на форуме. Без регистрации, используются форумные аккаунты.
Стоимость: 1500р
Первым 10 покупателям скидка 20%.

Подробнее

Дизайн «Warlords of Draenor»

Детализированный rpg-дизайн для MyBB форума гильдии «Warlords of Draenor»
Стоимость при покупке эксклюзивно: 6300р
В стоимость входит настройка и корректировка дизайна под ваш проект.

Подробнее

Поддержать проект

Если у вас есть желание помочь нам сделать наш проект лучше:
Реклама на сайтеПредложения
Стать модераторомОтзывы

Подробнее
Внимание! Объявлены спойлеры о новом проекте "Ролевой информатор" читать часть 1 и часть 2.

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.



Анимация в шапке

Сообщений 1 страница 4 из 4

1

Много раз замечала анимацию в шапке. Элемент дизайна. Мне вот интересно, как можно вставить анимацию в шапку? Особенно если нужно чтоб фонари горели или туман "плавал". Вот как это делать? вот пример http://tvdbelieve.ru/

0

2

Тобоэ
просто вставляется гиф картинка с абсолютным позиционированием так, чтобы он "вставал" в нужное место.

<style>
#gif {
position: absolute;  /* Абсолютное позиционирование */
width: 100px;  /* Ширина */
height: 150px;  /* Высота */
background: url(ссылка на картинку) no-repeat center center;  /* Картинка */
margin-top: 20px;  /* Отступ сверху */
margin-left: 200px;  /* Отступ слева */
}
</style>

<div id="gif"></div>

Все значение (жирным) меняем на свои, все подписано. Подсказки (серым) можно убрать.

Подпись автора

http://s3.uploads.ru/r9Miq.gif

+1

3

mintemero
в хтмл верх?

0

4

Тобоэ
да

Подпись автора

http://s3.uploads.ru/r9Miq.gif

0