Мы уже научились делать надписи на картинке и теперь можно рассмотреть более сложный вариант – рекламный ролик. Зачем он нужен? Т.к. этот ролик будет выглядеть в виде бегущего текста, то Вы можете использовать эту функцию в виде рекламы своего товара, своих идей, своих возможностей. Ведь сами мы любим просматривать яркие (до определенной степени) сообщения, а не просто скучный текст. Да и выделить что-то важное для вас в тексте, также можно с помощью такого ролика.
Чтобы такое получилось, надо иметь следующий код:
где:
marquee direction="up" - движение вверхwidth="300" height="100" - ширина и высота рамки
style="border:2px solid navy" - толщина и цвет рамки
Соответственно меняя цифры этих значений, можно изменять параметры.
Далее: нам нужно "залить" (а можно и так оставить) рамку каким нибудь цветом и выравнять текст по центру.
HTML - код для вставки будет выглядеть так:
где:
background:lightblue; - заливка
center - выравнивание по центру
Если скорость движения текста Вас не устраивает, то её можно изменить:
scrollamount="2" - скорость движения текста. Чем больше цифра, тем быстрее двигается текст.
Далее: добавляем новые рекламные ссылки (какие вы считаете нужными)
HTML - код для вставки будет выглядеть так:
Естественно, Ваш код будет выглядеть по другому. Вы меняете в этом HTML - коде название и адрес блога или сайта, куда читатель попадет по ссылке.
Далее: чтобы при наведении курсора на ссылку текст останавливался (ведь так значительно удобнее!), надо внести изменения в HTML - код:
HTML - код для вставки будет выглядеть так:
Далее: чтобы при наведении курсора на ссылку текст останавливался (ведь так значительно удобнее!), надо внести изменения в HTML - код:
HTML - код для вставки будет выглядеть так:
где:
onmouseover=this.stop() onmouseout=this.start() - останавливает движение ссылок при наведении мыши.Вот и все! Можно пробовать.Успехов!
Следующий урок №3 - "Как сделать рекламное мини слайд-шоу"
0 коммент.:
Отправить комментарий