суббота, 30 марта 2013 г.

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




Учимся вставлять гаджет "Бегущая строка" в блог
1. Заходим в "Дизайн"



2. Выбираем гаджет HTML/YavaScript
3
. В открытое окно вставляем код. Сохраняем.

4. Снова оказываемся на странице "Дизайн"

5. Перетаскиваем гаджет на верхнюю панель.
6. Гаджет должен "встать" на панели
7. Теперь важное! Как поменять текст в бегущей строке? Очень просто!
Можно в "Дизайне" кликнуть "изменить", тогда вновь откроется окно 
8 Можно внести изменения в редакторе на самой странице

А теперь главное - сами коды бегущей строки. Они бывают разными: маленькими и большими, бегущими вверз, вниз, направо и налево и т.д. Предлагаю те, которыми я сама пользуюсь.
1. Это код бегущей строки, которая сейчас установлена на моем блоге



2. Это код прямоугольный (можно менять размер!)



И ещё несколько премудростей. 
Можно изменить движение, цвет, размер строки, пользуясь этими кодами:
direction="left"- движение влево
direction="right" - движение вправо
direction="up" - вверх
direction="down" - вниз
behavior="alternate" - текст идет вправо до конца, потом возвращается
behavior="slide" - текст останавливается, дойдя до конца
loop="4" - контролирует время показа текста
scrollamount="2" - скорость движения
width="400" - ширина текста
height="66" - высота
bgcolor="#9999CC" - цвет фона
style="color: #FF0000"  - цвет текста
style="font-size: 1em" - размер шрифта
style="font-family: Tahoma" - тип шрифта
style="font-size: 12pt; color:
#800000; font-family: Tahoma"  - изменить тип и размер шрифта в одном теге.




Ещё один код. Маленький, движение снизу вверх, на бледно-зеленом фоне белые буквы


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

  1. Этот комментарий был удален автором.

    ОтветитьУдалить
  2. Тамарочка,огромное спасибо за такие великолепные подарки.!С Новым Годом и Рождеством!Успеха и удачи Вам во всем. Очень великолепный блог.Побывала и на других.

    ОтветитьУдалить
  3. Здравствуйте Тамара! Спасибо Вам за очень простое объяснение, как вставить в блог бегущую строку. Даже мне, человеку далекому от программирования, было все понятно. Теперь и в блоге моего класса есть такая штучка...:-))) http://shustriky.blogspot.com/

    ОтветитьУдалить
  4. Здравствуйте Тамара ! Давно хотела поставить в блог бегущую строку, но только у Вас нашла простое объяснение, как это сделать. Огромное спасибо!!!!!

    ОтветитьУдалить
  5. Мне понравился ваш блог! Спасибо!

    ОтветитьУдалить
  6. а как анимацию поставить добро пожаловать . если не секрет

    ОтветитьУдалить
  7. Большое спасибо! Всё получилось!

    ОтветитьУдалить
  8. Спасибо большое! Обязательно воспользуюсь Вашей подсказкой. Еще раз БЛАГОДАРЮ!

    ОтветитьУдалить
  9. Как вставить в бегущую строку фотографии?!

    ОтветитьУдалить
  10. Спасибо! Я нашла то, что мне было нужно. Хорошо, что есть такие как вы. Есть кому подсказать.

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