Рамки с гиф-анимацией для большого текста
|
|
Четверг, 26 Апреля 2012 г. 17:15
+ в цитатник
Отличного дня! Сегодня решила поделиться рамочками с анимацией. То есть где-нибудь в уголке что-то будет двигаться, трепыхаться, но постаралась найти не мелькающие перед глазами картинки, а такие, которые двигаются относительно плавно. Например, такие как тут и какие пойдут дальше, ниже.
Под каждой схемкой-рамочкой, как обычно, будет поле с кодом, который вы можете взять и скопировать, заменив слова ВАШ ТЕКСТ на собственно ваш текст который вы хотели бы вставить. По умолчанию выравнивание текста в этой и следующих рамочка х - по ширине, но если, например, вы хотите вставить туда стихи или что-то с выравниванием по центру, то конечно применимы различные теги, о которых сейчас говорится во многих ресурсах, дневничках. Если у вас мало текста а фон хочется открыть весь, можно просто наделать пустых строк. В этой рамочке больше настроения лета, а в рамочке ниже - больше зимнего настроения, потому что там фон со снежинками.
А эта рамочка зимнего настроения. Думаю, когда летом жара, то вид падающих снежинок расслабляет.
Когда текста не очень много, то в этом случае одна картинка, которая должна появляться снизу, немного накрывает картинку ту, которая раньше.
Так что в принципе вот такая задумка этой ночной рамочки, наполненной романтическими мечтами. По идее вместо парусника можно поставить любую картинку на черном или прозрачном фоне формата картинок для мобильного телефона. Или просто вытянутую картинку вверх.
Отступ справа для текста составляет 140 пикселей, поэтому справа может расти вверх и диковинная роза, и тянуться стена прекрасного зАмка, и просто продолжаться лунная дорожка...
А эта рамочка у меня вообще получилась как-то случайно... Просто когда переставляла теги, то на предварительном просмотре оказался этот вариант как проходящий. Но когда я его увидела то подумала: а почему бы нет? Ночь, свет луны, лето, бабочки... Ну в общем как-то так...
Если хотите чтобы бабочки были по всем буквам, то берите код ниже:
Если хотите чтобы луна внизу, а выше - звезды., то берите код ниже. Остальное пространство просто черное.

Сбоку от текста можно вставить такую картинку :)
А это вообще рамочка-шутка. Ой, кажется у вас на мониторе мушка ползает? Шутка :)))))
И вариант без ширины, размера, цвета и без фона:
И вариант без ширины, размера, цвета и без фона:
Рубрики:
| Уроки/Мои рамочкиКопируете код, заменив всего ДВА слова ВАШ ТЕКСТ на ваш текст
|
Метки:
gif
гиф
рамка
рамочка
рамочки
муха
мушка
дрозофила
дрозофилка
ползает
мухи
мушки
Процитировано 22 раз
Понравилось: 13 пользователям
-
13
Запись понравилась
-
22
Процитировали
-
0
Сохранили
-