Доброго Вам времени суток, уважаемые гости и читатели блога!
Совсем недавно я узнал, как в блог на платформе Blogspot можно вставить бегущую строку. Теперь спешу поделиться этой информацией с Вами.
Бегущая строка является эффективным инструментом привлечения внимания читателей. Ее текст может содержать, например, приветствие или какую-либо новость. При этом вставить ее можно как в статью, так и в любое место блога. Но обо всем по порядку.
Для того, чтобы вставить бегущую строку в текст сообщения, необходимо в левом верхнем углу выбрать режим HTML и прописать в нужном месте следующий html-код:
<marquee>Текст бегущей строки</marquee>
Для того, чтобы вставить бегущую строку в любом месте блога, необходимо в его меню выбрать "Дизайн".
Для того, чтобы вставить бегущую строку в текст сообщения, необходимо в левом верхнем углу выбрать режим HTML и прописать в нужном месте следующий html-код:
<marquee>Текст бегущей строки</marquee>
Для того, чтобы вставить бегущую строку в любом месте блога, необходимо в его меню выбрать "Дизайн".
Далее определяемся с местом, где будет располагаться наша бегущая строка, и нажимаем "Добавить гаджет". В открывшемся окне выбираем HTML/Java Script, вставляем тот html-код (<marquee>Текст бегущей строки</marquee>) и нажимаем "Сохранить".
Если Вы сделали все правильно, то бегущая строка будет выглядеть следующим образом:
При желании можно сделать так, чтобы бегущая строка двигалась слева направо. Для этого в ее html-код необходимо вставить direction="right". В этом случае код примет вид:
<marquee direction="right">Текст бегущей строки</marquee>
А бегущая строка будет выглядеть следующим образом:
Прописав в html-коде <marquee direction="up">Текст бегущей строки</marquee>, бегущая строка будет двигаться вверх:
Соответственно, если прописать <marquee direction="down">Текст бегущей строки</marquee>, бегущая строка будет двигаться вниз:
Для того, чтобы изменить скорость движения бегущей строки, в ее код необходимо вставить параметр scrollamount="2". Чем больше будет число в кавычках, соответственно, тем выше будет скорость движения бегущей строки. В данном случае html-код примет следующий вид:
<marquee scrollamount="2">Текст бегущей строки</marquee>- цвет - style="color: #FF0000" (6 символов (буквы и цифры) после диеза обозначают тот или иной цвет)
- шрифт - style="font-family: verdana"
- размер шрифта - style="font-size: 2em"
- высота фона - height="50" (число в скобках определяет высоту)
- ширина фона - width="350" (число в скобках определяет ширину)
- цвет фона - bgcolor="#FF0000" (6 символов (буквы и цифры) после диеза обозначают тот или иной цвет)
Чтобы настроить те или иные параметры, придется немного поработать со стандартным html-кодом бегущей строки (<marquee>Текст бегущей строки</marquee>). Здесь необходимо после первого тега marquee через пробел добавить интересующие нас настройки. Схематически это будет выглядеть следующим образом:
<marquee тип шрифта размер шрифта цвет текста цвет фона высота фона ширина фона направление движения скорость движения>Текст бегущей строки</marquee>
Для примера "оживлю" изображение, находящееся в самом начале этого поста. Итак, в данном случае html-код примет следующий вид:
<marquee style="font-family: impact" style="font-size: 3em" style="color: #FFFFFF" bgcolor="#FF0000" height="200" width="200" direction="down" scrollamount="3">Бегущая строка в Вашем блоге на платформе Blogspot</marquee>
<marquee style="font-family: impact" style="font-size: 3em" style="color: #FFFFFF" bgcolor="#FF0000" height="200" width="200" direction="down" scrollamount="3">Бегущая строка в Вашем блоге на платформе Blogspot</marquee>
Дякую!
ОтветитьУдалитьДякую за допомогу!
ОтветитьУдалить