Создание рекламного ролика

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

1. Начнем с создания самих титров

Наши рекламные ссылки

<marquee direction="up" width="300" height="100" style="border:2px solid navy">Наши рекламные ссылки</marquee>

где marquee direction="up" – движение вверх;
width="300" height="100" – ширина и высота рамки;
style="border:2px solid navy" – толщина и цвет рамки.

2. Создаем заливку блока и выравниваем текст по центру

Наши рекламные ссылки

<marquee direction="up" style="border: 2px solid navy; background:lightblue;" width="300" height="100"><center>Наши рекламные ссылки</center></marquee>

где background:lightblue; – заливка;
center – выравнивание по центру.

3. Замедляем движение текста

Наши рекламные ссылки

<marquee scrollamount="2" direction="up" style="border: 2px solid navy; background:lightblue;" width="300" height="100"><center>Наши рекламные ссылки</center></marquee>

где scrollamount="2" – скорость движения текста. Чем больше цифра, тем быстрее двигается текст

4. Добавляем рекламные ссылки



Плюсы и минусы сайта на бесплатном хостинге ucoz


Создание сайта на ucoz


Создание категорий на сайте ucoz

<marquee scrollamount="2" direction="up" style="border: 2px solid navy; background:lightblue;" width="300" height="100"><center><font color="navy">
<a href="http://ty-blogger.blogspot.com/2009/09/ucoz.html">
Плюсы и минусы сайта на бесплатном хостинге ucoz</a>
<a href="http://ty-blogger.blogspot.com/2009/09/ucoz_23.html">
Создание сайта на ucoz</a>
<a href="http://ty-blogger.blogspot.com/2009/09/ucoz_1073.html">
Создание категорий на сайте ucoz</a>
</font></center></marquee>

Вставляем ссылки, как мы делали это в теме HTML-коды для вставки ссылок.

5. А теперь сделаем так, чтобы текст останавливался при наведении курсора.



Плюсы и минусы сайта на бесплатном хостинге ucoz


Создание сайта на ucoz


Создание категорий на сайте ucoz

<marquee scrollamount="2" direction="up" style="border: 2px solid navy; background:lightblue;" width="300" height="100" onmouseover=this.stop() onmouseout=this.start()><center><font color="navy">
<a href="http://ty-blogger.blogspot.com/2009/09/ucoz.html">
Плюсы и минусы сайта на бесплатном хостинге ucoz</a>
<a href="http://ty-blogger.blogspot.com/2009/09/ucoz_23.html">
Создание сайта на ucoz</a>
<a href="http://ty-blogger.blogspot.com/2009/09/ucoz_1073.html">
Создание категорий на сайте ucoz</a>
</font></center></marquee>

где onmouseover=this.stop() onmouseout=this.start() останавливает движение ссылок при наведении мыши.

Все, наш рекламный блок готов. Надеюсь, что информация была полезной. Для того, чтобы вставить такой блок в блог, зайдите Макет — Элементы страницы — Добавить гаджет – HTML.

На сегодня все. Вопросы пишите в комментариях. Попробую помочь.

This entry was posted on Воскресенье, Октябрь 4th, 2009 at 8:04 пп and is filed under HTML теги. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

2 Responses to “Создание рекламного ролика”

  1. rusya_2009:

    Здравствуйте! У меня вопросов не возникло. Я хочу вам сказать спасибо, за ваш труд!!! У меня все получилось!!!

  2. LENA:

    Алексей, спасибо, интересная и нужная информация:)

Прокомментировать запись: