"Танцующий" текст
HTML код заголовка:
<marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;">Т</span></span></b></marquee><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Е </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> К </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> С </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Т </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> * </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Т </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Е </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> К </span></span></b></marquee><b><span style="color: #a64d79;"><span style="font-size: x-large;"> </span></span></b><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> С </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Т </span></span></b></marquee><b><span style="color: #a64d79;"><span style="font-size: x-large;"> </span></span></b><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> * </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Т </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="15" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Е </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="up" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> К </span></span></b></marquee> <marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> С </span></span></b></marquee><marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> Т </span></span></b></marquee>
Одно звено кода: (это "код движения").
<marquee align="middle" behavior="alternate" direction="down" height="64" scrollamount="6" scrolldelay="20" width="4%"><b><span style="color: #a64d79;"><span style="font-size: x-large;"> буква </span></span></b></marquee>
Все значения могут изменяться.
Как поместить текст поверх картинки
...Я помню голос милых слов,
Я помню очи голубые,
Я помню локоны златые
Небрежно вьющихся власов.
К. Н. Батюшков |
HTML-код картинки с текстом:
<body bgcolor="#666666" text="#ffffff"></body> <table align="left" border="1" cellpedding="0" cellspacing="0" class="news" style="width: 260px;" text="#ffffff"> <tbody> <tr><td background="прямая ссылка на картинку" height="180" text="#ffffff" valign="center"><div align="center" text="#ffffff"> <b>здесь будет текст </b></div> </td> </tr> </tbody></table> </div> |
Копируем HTML-код в рамке и записываем его в HTML-редактор для создания сообщения. Переключившись в текстовый редактор, увидим вот такого вида картинку:
Далее редактируем HTML-код. Заносим прямую ссылку на нужную картинку (выделено желтым цветом), изменяем размеры картинки (значения выделены розовым цветом). При переключении в текстовый редактор картинка может быть не видна, я в таком случае пользуюсь функцией редактора "просмотр".
Чтобы убрать рамку вокруг картинки, значение "border="1" (выделено синим цветом) заменим на "0"; лучше это делать в последнюю очередь, чтобы при написании текста хорошо видеть его расположение на картинке.
Заменяем все значения текста. Удобнее это делать в текстовом редакторе: пишем текст вместо слов "здесь будет текст" нужным нам шрифтом и цветом (при этом значения текста в HTML-коде изменятся автоматически). Текст по умолчанию располагается по центру, с помощью функций текстового редактора можно перенести его налево или направо.Также с помощью функций редактора можно под текстом отметить фон любого цвета.
Редактируя HTML-код, можно добиться и других эффектов текста. В помощь нам - интернет. Для тех, кто не очень дружен с HTML-сложностями, этот, по-моему, самый простой способ. Исходим из того, что картинка под текстом - это фон. И не забываем про замечательный метод: "метод тыка".
Правда, есть еще более простой способ: сделать картинку с текстом поверх ее в любом графическом редакторе и загрузить уже готовую картинку.
И последнее: закончив создание картинки с нанесенным на нее текстом, переключаемся в HTML-редактор, копируем получившийся HTML-код, сохраняем его в текстовом редакторе на компьютер и используем его дальше как шаблон.
Движение текста вверх и вниз
|
ВВЕРХ: <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
|
ВНИЗ: <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> |