Как сделать плывущий или прокручиваемый текс в Блоггере
"Плывущий" или "прокручивающийся" текст позволит Вам привлечь внимание к новостям своего блога или обратить внимание читателей на определенное место страницы."Плывущий" или "прокручивающийся" текст - это по сути обычный текст, только заключенный в определенные html теги. Выглядит это примерно так:
<открывающий тег> Ваш "Плывущий" или "прокручивающийся" текст </закрывающий тег>конечно же вместо "открывающий тег" и "закрывающий тег" мы будем истользовать настоящие html теги и различные параметры. Выглядить это будет примерно так:
<marquee>Демонстрация "Плывущего" или "Прокручивающегося" текста</marquee>если Вы попробуете добавить это в сообщение, то опубликовав его увидите "Плывущий текст"! Можете попробовать ;-)
Но как я уже говорил существует возможность изменять такие параметры "Плывущего" или "прокручивающегося" текста, как размер шрифта, сам шрифт, фон текста, скорость прокрутки, направление прокрутки и т.п. на свой вкус!
Для этого к открывающемуся тегу необходимо добавить дополнительные параметры вашего текста.
Такие как:
Параметр | Результат |
direction="left" | Заставляет двигаться текст влево |
direction="right" | Заставляет двигаться текст вправо |
direction="up" | Заставляет двигаться текст вверх |
direction="down" | Заставляет двигаться текст вниз |
behavior="alternate" | Заставляет двигаться текст вправо и когда он достигнет конца вернуться влево |
behavior="slide" | Заставляет текст остановиться, когда он достигнет конца строки |
loop="4" | Если Вы хотите заставить текст появляться определенное количество раз, то добавьте этот параметр, указав вместо "4" необходимое число появлений текста |
scrollamount="2" | Этот параметр устанавливает скорость движения текста. Чем меньше значение, тем медленней будет двигаться текст (1-медленно, 5-быстро) |
width="400" | Этот параметр указывает ширину поля, в котором будет двигаться текст |
height="66" | Этот параметр указывает высоту поля, в котором будет двигаться текст |
onmouseover="this.stop()" onmouseout="this.start()" | Если Вы зададите первый параметр, то текст остановится, когда вы подведёте к нему курсор. Второй заставит текст двигаться, когда подведете к нему курсор. |
bgcolor="#9999CC" | Этот параметр устанавливает цвет фона поля с текстом |
style="color: #FF0000" | Этот параметр устанавливает цвет текста |
style="font-size: 1em" | Размер шрифта |
style="font-family: Tahoma" | Шрифт |
style="font-size: 12pt; color: #800000; font-family: Tahoma" | Если Вы хотите одновременно указать размер шрифта, его цвет, и сам шриф, то используйте данный параметр со своими данными |
Тут привожу примерный код, который можете поизменять на свой вкус с целью попробовать все выше перечисленные параметры:
<marquee direction="Up" scrollamount="8" width="220" style="font-size: 12pt;
color: #800000; font-family: Tahoma" height="66" bgcolor="#FFCC99">Плывущий текст для Blogger</marquee>
Комментариев нет:
Отправить комментарий