Т Е К С Т * Т Е К С Т * Т Е К С Т

"Танцующий" текст

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-код, сохраняем его в текстовом редакторе на компьютер и используем его дальше как шаблон.

 

Движение текста вверх и вниз

 
В лесу родилась елочка, в лесу она росла...
 
 
Теперь она, нарядная, на праздник к нам пришла...
 

 

HTML коды движения текста:

ВВЕРХ:

 
 <marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> 
 
ВНИЗ:

 <marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>
 
Текст в обычном порядке можно редактировать (изменять текст, его размер, шрифт, цвет).
------------
    
________________
*
[Интернет]
Фото галерея
[Культура и искусство]
Дневник Натали
[Интернет]
htmlbook.ru
[Программы]
Zaxodu.ru
*
_____________ ____________
%