Рубрика Экология

[экология][slideshow]
Технологии Blogger.

​Бегущая строка для сайта html

В этой статье я расскажу, как настроить бегущую строку на сайте. Для этого нам не понадобятся никакие программы, а лишь пара тегов html. 
В конце статьи будет ссылка на скачивание файла с Яндекс диска. Для Вас это упростит сам процесс тем, что просто скопируете готовые теги и вставите к себе на сайт. Не забудьте вначале потренироваться, создав тестовую запись.
Бегущая строка может применяться с разной целью: призыв к действию, реклама товаров, вывод новостей, и так далее. На этом сайте есть в самом верху пример такой бегущей строки.*

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

Бегущая строка может быть разной: либо текст, либо это будет цветная полоса с текстом. Такие параметры как размер и цвет шрифта, цвет и размер полосы, скорость передвижения текста – это все настраивается при помощи тегов html.

Теги для бегущей строки
Сам текст бегущей строки может двигаться в разные стороны. Вот таким образом:

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

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

От края к краю

Есть еще вариант, когда он движется вверх или вниз. Я приводить здесь не буду, а в том файле, которое Вы скачаете, есть тег и для него. Ради спортивного интереса попробуйте подставить значение текста, который скользит вверх.
Дополнительные теги по настройкам размера и цвета шрифтов находятся в файле.
Есть небольшой нюанс: обязательно учитывайте и размеры экранов Ваших читателей, так как сайты мы создаем, чтобы на них приходили читатели. И длинна цветной полосы и длинна текста играют тоже роль. На практике проверяйте по возможности на разных экранах, как смотрится Ваша бегущая строка. Или попросите друзей, чтобы это сделали.
Также хочу добавить, что на порталах, если поставить бегущую строку в самое начало статьи, то с главной страницы сайта не будет описания к статье. Там будет видна только картинка, и сбоку пустое место.

Этот момент тоже учитывайте. А так ее можно поставить в любое место.

Как создать бегущую строку на цветном фоне

Существуют специальные теги html, которые и задают всему, что находится у нас на сайте, определенное место и настройки. Для бегущей строки есть свои теги, и так для каждого параметра. Для бегущей строки, которая будет в цветной полосе, потребуется такие теги, как и для обычной, плюс фон полосы и ее ширина и высота.
Height – это высота в пикселях;
Width – это ширина, в пикселях;
Bgcolor – фон полосы.
Текст пишете любой, в моем примере бегущая строка выглядит так:

Подпишись на новости в соц сетях и на RSS


Не бойтесь экспериментировать, это напоминает приготовление блюда. Смешивая все компоненты, Вы получите новый вкус и само блюдо. Так и с полосой, на каком фоне лучше будет смотреться полоса и с какими размерами, узнаете на практике.

На порталах задать цвет текста на бегущей строке можно, используя параметры именно для портала. Они находятся на панели инструментов. Чтобы увидеть код настраиваемого параметра, нужно, допустим, слово выделить цветом, а в html коде увидеть параметр, который присвоен именно этому цвету. Вот таким образом можно подобрать себе тот вариант, который устроит Вас. Все ссылки и дополнительные теги есть в файле, который находится по ссылке ниже:

В нем находятся теги по размерам шрифтов, начертаниям, цветовой гамме, и так далее. Если останутся вопросы, пишите в комментариях.

И, конечно же, если понравилась статья, поделитесь ею с теми, кому это нужно, например, студентам Академии Интернет Продюсеров. Я не против, если поделитесь и в социальных сетях. Буду благодарна всем, кто откликнулся.

*Данная статья была написана изначально на портале DNS IProdus, и она осталась актуальной для таких сайтов. Но для Bloger она тоже актуальна и теги также работают на такой платформе.
Автор - Елена Конахевич

TEXT.RU - 100.00%

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

Рубрика Транспорт

[транспорт][stack]

Рубрика Бытовая Техника

[бытовая техника][grids]

Рубрика Одежда

[одежда][btop]