суббота, 26 июля 2014 г.

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

Бегущая строчка -это реклама ! 
Бегущая строчка- красиво быть может ! 
Быть может Предложит слетать на Багамы ! 
О строчке бегущей расскажет вам Йёжа !

Используем с тобой простые варианты .
Не будем долго голову над кодами ломать !
Пусть даже в кодах мы с тобою не таланты ! 
Копировать мы будем и вставлять ! 

Хоть вниз , Хоть вверх бежит строка 
Хотим ,картинку вставим в код . 
Не напрягаемся , всё делаем слегка ! 
И вот уже бежит куда-то серый кот  бегущий кот 5245375.gif Вот  !..........
Бегущая строка для сообщения в блоге
Иногда бывает нужно вставить бегущую строчку в свой блог . Это может быть какая-то информация , или украшение , или реклама в конце концов .Ну , или нам так захотелось просто ... В общем- то неважно - вот надо и всё !
Данную статью я написал благодаря использованию материала с сайтов -блогов :
Азбука Блоггера (блог Ивановой Натальи ) статья Бегущая строка   
  а также 
  Мой город Приморско-Ахтарск!   статья с названием опять же Бегущая строка
 Бегущую строку снизу вверх можно увидеть на блоге  Кукла и мода -Блог Чайки ,где я являюсь соучастником -консультантом -критиком (поскольку сам делать ничего не умею , окромя как критиковать чужие работы) . А также использовал вариант бегущей строки справа -налево в статье  Чат для блога .Йёжа Йежов  Нужна или нет бегущая строка ? Ну , это вопрос сугубо индивидуальный  Нужна или нет бегущая строка ? Ну , это вопрос сугубо индивидуальный Иногда просто хочется поприкалываться  И как -то разнообразить статьи .Один из помощников оформления -это бегущая строка .

Коды ниже можно вставлять в сообщение в режиме 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 может быть замененено на любое ваше значение Выглядит результат  примерно так , единственно без жёлтого фона , его сделал . чтобы текст виднее был 
  Вы можете задать свои параметры движения
И напоследок :можно воспользоваться генераторм бегущей строки ,который я спёр на блоге   Азбука Блоггера (блог Ивановой Натальи ) статья Бегущая строка Кстати на блоге Натальи есть много интересного как для новичков , так и для зрелых блоггеров . Надеюсь меня сильно бить не будут за плагиат.
Пользоваться данным генератором достаточно просто .Я думаю разберётесь .После нескольких нажатий получим код , который и вставим в наше сообщение . 
.
  Ну а на сегодня заканчиваем изучение ползающей строки
  Для себя я решил сохранить статьи первоисточников под спойлерами ,чтобы потом долго не искать первоисточники в инете , если вдруг они там пропадут.

Бегущая строка
Бегущая строка формируется с помощью открывающего тега <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> ВАШ ТЕКСТ коментарии статьи





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

-->
       Код бегущей строки: <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> текст или картинка

 

Комментариев нет:

Отправить комментарий