Как да направите тикер за вашия уебсайт

...

Добавете тикер към уебсайта си, като използвате няколко реда HTML и CSS код.

Известни също като маркировки, тикери се превъртат по ширината на екрана за гледане, представяйки съобщения, предназначени да се разглеждат и разбират с един поглед. Често използвани по телевизията за показване на новини или данни от фондовия пазар, понякога тикери се появяват и в мрежата. С няколко реда HTML и каскаден стилов лист (CSS) можете бързо да добавите този тип съдържание към уебсайта си.

Етап 1

Отворете вашата уеб страница и вижте нейния HTML код. Ако използвате инструмент за визуално редактиране, като Adobe Dreamweaver, отворете страницата и щракнете върху областта, където искате да добавите своя тикер. Променете режима на гледане на Code View. Това ви показва HTML кода, който контролира външния вид на вашата страница. Ако използвате текстов редактор, отворете страницата си в редактора и превъртете надолу до частта от страницата, където искате да добавите маркера.

Видео на деня

Стъпка 2

Натиснете клавиша "Enter", за да вмъкнете празен ред.

Стъпка 3

Копирайте и поставете следния код в празния ред:

Примерен текст на тикер е тук

Този код дефинира елемент от маркировка, който плъзга съдържание по екрана отдясно наляво по подразбиране. Абзацът, който се съдържа между отварящия и затварящия маркер на полето, е съдържанието в този пример.

Стъпка 4

Актуализирайте параметрите на кода, за да отговарят на вашите дизайнерски нужди. Отварящият маркер използва стилови правила на CSS, за да дефинира светлосив цвят на фона, заедно с 1-пиксела широка рамка от малко по-тъмно сиво. Всички тези стойности могат да бъдат коригирани. Освен това заменете съдържанието на заместителя, разположено между началния и затварящия абзац тагове, със свой собствен текст или изображения.

Стъпка 5

Запазете страницата си и я отворете в уеб браузър. Тикерът се появява на екрана на мястото на страницата, което сте избрали в стъпка 1.