Бегущая строка или изображение с помощью тега : marquee.

TIZER

Здравствуйте, уважаемые читатели!
   Сегодня я расскажу как сделать бегущую строку или изображение с помощью тега marquee.

   В текстовом редакторе wordpress нажимаем вкладку текст и вводим в нужном месте html код

редактор

html код1

Получаем вот так:

wplaksa.ru Личный опыт создания блога!

Тег marquee делает строку или изображение бегущим, закрывающий тег </marquee> обязательно.
behavior=»alternate» текст перемещается между правым и левым краем
scrollamount=»5″ задаёт скорость движения.
bgcolor=»bc4dfff» задаёт цвет фона.
<span style=»font-family: arial, helvetica, sans-serif; font-size: 24px; color: #ff6600;»> задаёт стиль, размер и цвет текста.
Цвета по шестнадцатеричным значениям не обязательно подбирать эмпирическим путем. Для этой цели подойдет графический редактор inkscape или любой другой,, умеющий работать с разными цветовыми моделями.

inkcsape

   Делаю картинку в движении с лева на право бесконечно

Код:html код2

логотип

behavior=»scroll» изображние прокручивается снова и снова.
direction=»right» задаёт движение направо.
onmouseover=»this.stop()» onmouseout=»this.start()» останавливает картинку при наведении мыши.

   Делаю картинку в движении с лева на право ограниченное количество раз с остановкой справа.

Код:

html код3 пожертвовать

behavior=»slide» картинка движется с лева на право и останавливается справа.
loop=»3″ задаёт количество проходов до остановки.

   Движение налево:

Код:html код4

водяной знак

direction=»left» движение влево.

down  движение сверху вниз.

right  движение в правую сторону.
up  движение вверх.

Вот и всё ! Всё просто и доступно.Всем счастья, успехов, здоровья!
Лайки, ссылки, твиты и комментарии приветствуются.стрелка

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей

До встречи!

пожертвовать

Поддержи сайт

Содержание сайта

 

 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Личный опыт создания блога.