Бегущая строка для сообщения в блоге .Йёжа Йежов

Бегущая строка 

 Стих Йёжи Йежова 

Бегущая строчка -это реклама ! 

Бегущая строчка- красиво быть может ! 

Быть может Предложит слетать на Багамы ! 

О строчке бегущей расскажет вам Йёжа !

Используем с тобой простые варианты .

Не будем долго голову над кодами ломать !

Пусть даже в кодах мы с тобою не таланты ! 

Копировать мы будем и вставлять ! 

Хоть вниз , Хоть вверх бежит строка 

Хотим ,картинку вставим в код . 

Не напрягаемся , всё делаем слегка ! 

И вот уже бежит куда-то серый кот  Вот  !..........

Бегущая строка для сообщения в блоге

Иногда бывает нужно вставить бегущую строчку в свой блог . Это может быть какая-то информация , или украшение , или реклама в конце концов .Ну , или нам так захотелось просто ... В общем- то неважно - вот надо и всё !

Данную статью я написал благодаря использованию материала с сайтов -блогов :
Азбука Блоггера (блог Ивановой Натальи ) статья Бегущая строка   
  а также 
  Мой город Приморско-Ахтарск!   статья с названием опять же Бегущая строка

 Бегущую строку снизу вверх можно увидеть на блоге  Кукла и мода -Блог Чайки ,где я являюсь соучастником -консультантом -критиком (поскольку сам делать ничего не умею , окромя как критиковать чужие работы) . А также использовал вариант бегущей строки справа -налево в статье  Чат для блога .Йёжа Йежов  Нужна или нет бегущая строка ? Ну , это вопрос сугубо индивидуальный  Нужна или нет бегущая строка ? Ну , это вопрос сугубо индивидуальный Иногда просто хочется поприкалываться  И как -то разнообразить статьи .Один из помощников оформления -это бегущая строка .

Коды ниже можно вставлять в сообщение в режиме HTML .
Или с помощью Волшебного гаджета HTML/JavaScript . В гаджет вставляем , если хотим , чтобы отображалась наша бегущая-ползущая строка не в одном сообщении , а на всём блоге , к примеру справа или слева или снизу , даже сверху в конце концов .
Для того , чтобы получить простейшую бегущую строку ,нужно заключить нужный текст или картинку , или всё вместе между тегами

<marquee> ваш текст  </marquee>

Выглядеть результат будет примерно так : Первый пример бегущей строки Для картинки это будет выглядеть несколько иначе

 <marquee><img src="Адрес картинки"></marquee>

-

Как взять адрес картинки , я писал в статье  Заливаем фото для блога .Йёжа Йежов Впрочем можно заключить в код любую картинку , уже находящуюся на блоге . Для этого используем первый вариант кода для текста в режиме HTML . Но это ещё не всё ! Можно добавить какие-то параметры . Как-то : движение вправо -влево , вверх , вниз .Ограничение размера движения , Скорость движения , фон бегущей строки .

<marquee behavior='scroll' direction='up' height=″…″ width=″…″ scrollamount='8' bgcolor='#0000FF'> Ваш какой-то текст или картинка </marquee> 

Вместо scroll могут быть варианты ниже

• scroll — циклическая прокрутка текста из одного конца в другой
• slide — текст появляется с одного края и останавливается у другого.
• alternate — текст перемещается от одного края к другому и обратно.

up -это значит вверх  ,соответственно может быть замененено на другое из нижестоящих

• left — текст движется влево по строке
• right — текст движется вправо по строке
• up — вся строка перемещается снизу вверх
• down - строка движется сверху вниз -->

height=″…″  это высота ,чаще указывают в вертикальных движениях .вместо точек ваше значение  .
 width=″…″  это ширина ,чаще указывают в горизонтальных движениях  вместо точек ваше значение  .
 scrollamount='8' --это типа скорость чем больше значение . тем быстрее ползёт строка.
 bgcolor='#0000FF' это цвет фона однако .  #0000FF может быть замененено на любое ваше значение Выглядит результат  примерно так , единственно без жёлтого фона , его сделал . чтобы текст виднее был 
  Вы можете задать свои параметры движения
И напоследок :можно воспользоваться генераторм бегущей строки ,который я спёр на блоге   Азбука Блоггера (блог Ивановой Натальи ) статья Бегущая строка Кстати на блоге Натальи есть много интересного как для новичков , так и для зрелых блоггеров . Надеюсь меня сильно бить не будут за плагиат.

Пользоваться данным генератором достаточно просто .Я думаю разберётесь .После нескольких нажатий получим код , который и вставим в наше сообщение . 

.

  Ну а на сегодня заканчиваем изучение ползающей строки

Бегущая строка   
Бегущая строка http://primahtarsk.moy.su/load/begushhaja_stroka_html_kody_begushhej_stroki/1-1-0-19  
 Бегущая строка в Blogger.http://blogger.vipbiz.org/2014/07/beguschaja-stroka-v-blogger.html
 Расшифровка кодов бегущей строки.http://www.mycrib.ru/2010/11/blog-post_22.html
 ..    

  Для себя я решил сохранить статьи первоисточников под спойлерами ,чтобы потом долго не искать первоисточники в инете , если вдруг они там пропадут.

Бегущая строка

Бегущая строка формируется с помощью открывающего тега <marquee> и закрывающего </marquee> (закрывающий тег обязателен).

width=″…″ — ширина бегущей строки в пикселях или процентах от ширины экрана.

Height=″…″ — высота бегущей строки в пикселях или процентах. (Если вы делаете бегущую строку в одну строчку, то можно высоту не указывать, она сама подбирается под размер букв).

bgcolor=″…″ — определяет цвет фона бегущей строки.

behavior=″…″ задает тип движения (поведение) бегущей строки и имеет следующие значения

scroll — циклическая прокрутка текста из одного конца в другой

slide — текст появляется с одного края и останавливается у другого.

alternate — текст перемещается от одного края к другому и обратно.

direction=″…″- определяет направление движения бегущей строки. Имеет следующие значения:

left — текст движется влево по строке

right — текст движется вправо по строке

up — вся строка перемещается снизу вверх

down - строка движется сверху вниз

scrollamount=″…″ - шаг перемещения в строке в пикселах, на который перемещается текст за заданный интервал времени. Например

scrollamount= ″1″

scrollamount= ″2″

scrollamount= ″3″

scrolldelay=″…″ — Этот атрибут задаёт временной интервал между шагами бегущей строки в миллисекундах. Например

scrolldelay=″100″

scrolldelay=″200″

scrolldelay=″300″

loop=″…″ - задаёт число проходов текста бегущей строки. По умолчанию или при указании значения -1 (infinite) броузер будет прокручивать текст бесконечное число раз.

hspace=″…″ - Этот атрибут задает поле в пикселах справа и слева от бегущей строки.

hspace=″10″

hspace=″0″

vspace=″…″ — Этот атрибут задает отступ в пикселах выше и ниже бегущей строки.

hspace=″0″

hspace=″10″

<center> Выставить по центру ставится в начале кода и </center> закрывающий тег в конце кода.

HTML — коды бегущей строки

<marquee>Сюда вставьте свой текст</marquee>

Сюда вставьте свой текст

<marquee scrollamount="1">Ваш текст</marquee>

Ваш текст

<marquee scrollamount="3">Ваш текст</marquee>

Ваш текст

<marquee scrollamount="30">СПАСИБО за подписку!</marquee>

СПАСИБО за подписку!

<marquee direction="right">your running text</marquee>

your running text

<marquee direction="right">your running text</marquee>

your running text

<marquee behavior="alternate">your message here</marquee>

your message here

<marquee height="50" direction="up">your running text</marquee>

your running text

<marquee bgcolor="silver">your running text</marquee>

your running text

<marquee direction="right" bgcolor="#color" width="300">your running text</marquee>

your running text

<marquee width="100">your running text</marquee>

your running text

<marquee width="100" style="border:2px dotted deeppink ;">your running text</marquee>

your running text

<marquee direction="left" bgcolor="silver" width="300">your text here</marquee>

your text here

<marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee>

your exciting message here

<marquee direction="up" scrollamount="1" height="150" style="filter:wave(add=1, phase=10, freq=2, strength=300); colortag="red";><font color="navy" size=+3>Спасибо что зашли на сайт!</font></marquee>

Спасибо что зашли на сайт!

<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount=1 scrolldelay=60 direction=up width=250 height=60>ВАШ ТЕКСТ коментарии статьи</marquee> ВАШ ТЕКСТ коментарии статьи

Бегущая строка

Иванова Наталья текст 8/23/2010

-->

       Код бегущей строки: <marquee>текст бегущей строки</marquee> текст бегущей строки Чтобы изменить фон бегущей строки, необходимо поменять значение"bgcolor": <marquee bgcolor="yellow">текст бегущей строки</marquee> бегущая строка на желтом фоне Чтобы заставить двигаться изображение, нужно поместить его код между тегами <marquee> и </marquee>:  <marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee> Получим: Ой, лошадь идет не в ту сторону. Исправить это можно, добавив тег direction="right". Получим формулу: <marquee direction="right"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee> Изменить скорость ее движения можно при помощи параметра scrollamount. Чем большее значение он принимает, тем скорость выше: <marquee scrollamount="30">бегущий текст или код картинки</marquee> Текст или картинку можно заставить двигаться вверх (up) или вниз (down) при помщщи параметра direction и указав высоте (height) движения: <marquee height="150" direction="up">текст или картинка</marquee> текст или картинка

 

Ещё Готовка ОТ ЙЁЖИ ЙЕЖОВА  

Статьи о блогах ОТ ЙЁЖИ ЙЕЖОВА 

 Об Авторе