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

Объявление

АКЦИЯ: Раздаём дизайны бесплатно

Доработаем макет под ваш проект;
Сверстаем;
Сделаем мобильную версию по желанию.

Подробнее

Поисковой ресурс

Проект от команды FD
для текстовых ролевиков

Спойлеры и обсуждение

Мийрон

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

Подробнее

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

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

Подробнее

Макет для сайта «Fantasy Calalogue»

Детализированный макет «Fantasy catalogue» для тёмного дизайна многостраничного сайта
Стоимость при покупке эксклюзивно: 3600р
В стоимость входит корректировка макета и доработка недостающих страничек под ваш проект.

Подробнее

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

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

Подробнее
Конкурс! Интерфейс и взаимодействие! Главный приз - 2000 рублей.
❗ ❗ ❗ Technical work is underway. Something here and there may be crooked. We'll fix it soon. :)

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

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



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

Сообщений 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