Follow my blog with Bloglovin
Мы были бы потрясены до глубины души, если бы осуществляли все, на что способны (Томас А. Эдисон)

воскресенье, 5 января 2014 г.

Бегущая Строка в Блоге.

Здравствуйте, дорогие читатели!

Сегодня я хочу затронуть одну интересную тему, хотя, и не новую уже. 
Я хочу попробовать  рассказать вам простым языком: КАК вставить в ваш блог Бегущую Строку.


Такая маленькая «фишечка», конечно же, всегда смотрится интересно и привлекает внимание. Достаточно один раз настроить себе на блоге эту строку, далее можно будет менять сам текст на свое усмотрение.

Итак, сама строка вставляется с помощью тега <marquee>
                         
                         То есть, <marquee>Ваш текст</marquee> 

Правда, все просто?

Осталось только вставить свои значения – и «дело в шляпе»!

Чтобы обозначить цвет своего текста в бегущей строке, используем тег: 
                     style="color: #FF0000"                 ЦВЕТ
Значение FF0000 – будет, конечно, меняться по вашему желанию.

Существует специальная таблица цветов с их HTML-кодами. Сам код не чувствителен к регистру, поэтому его можно прописывать и маленькими буквами, и большими.

Таблица принятых цветов: http://nakatalka.blogspot.com/p/blog-page_5.html
Или же просто зайдите в "Сундучок"

Какие еще теги нужно учесть? Это не так сложно, как может показаться на первый взгляд. Хочу предложить небольшую табличку.



               ТЭГ                                    Описание



style="color: #FF0000"                         Цвет текста

style="font-family: Tahoma"                Тип шрифта

direction="down"                                   Текст движется вниз

direction="right"                                    Текст движется вправо

behavior="slide"                                     Текст останавливается при
                                                                       достижении конца

Loop="4"                                                 Контролирует время
                                                                    показывания текста

scrollamount="2"                                     Скорость движения текста:
                                                                     чем больше значение, тем                                                                                                           больше скорость.

width="400"                                             Ширина текста

height="66"                                              Высота


bgcolor="#9999CC"                                Цвет фона
 


style="font-size: 12pt; color:                  Изменить тип и размер
                                                                                шрифта
#800000; font-family:Tahoma"                      в одном тэге.                                                                                                                                                              
                             
           



Текст вашей бегущей строки

Например:   <marquee style="font-family: tahoma; color: #FFFFFF; font-size: 16pt" bgcolor="#FF0000" direction="left" height="66" width="318">Текст вашей бегущей строки</marquee>

Попробуйте прямо сейчас вставить в свой блог любой пример бегущей строки. У Вас получится.

PS:
Если Вам нужен Прозрачный фон, то значение bgcolor= (background) нужно просто удалить. Именно так я сделала в самом верху своего сообщения в бегущей строке.

12 комментариев:

  1. Спасибо. Хотелось именно так: понятно и просто.

    ОтветитьУдалить
  2. Спасибо, тебе Натали!!! Так все просто, пошла пробывать!!!

    ОтветитьУдалить
  3. Спасибо за очень ценный материал, самое главное объясняется понятно, без заумных фраз и слов!

    ОтветитьУдалить
  4. Наталья, спасибо за материал, очень интересно, но у меня к сожалению не получилось.

    ОтветитьУдалить
  5. Очень солидный и чистый *без "паразитов") блог!!!

    ОтветитьУдалить
  6. Спасибо, Наталия! Очень ценная информация для меня, попробую себе на блог бегущую строку поставить! И сам блог приятно оформлен. Успеха и Удачи!

    ОтветитьУдалить
  7. От всей души благодарю! Уютно и тепло на блоге. Информация полезная.

    ОтветитьУдалить

Страницы