КАК СОЗДАТЬ САЙТ

БЕСПЛАТНЫЕ ШАБЛОНЫ HTML САЙТОВ

Как вставить бегущую строку в HTML сайт.


    В этом уроке я расскажу как вставить движущуюся ленту из картинок на сайт сделанный в программе artisteer.

    Делается это очень легко, для начала ставим курсор на страничку где должна быть Ваша лента и нажимаем кнопку HTML в верхней панели инструментов. В открывшемся окне для ввода HTML кода, вставляем код скопированный с текстового файла, который можно скачать тут.

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

    Тэг  height="266" - определяет высоту блока, в котором будут двигаться картинки.

    Тэг  width="600" - определяет ширину блока, в котором будут двигаться картинки.

    Тэг  scrollamount="8" - скорость движения картинки, чем выше значение тем быстрее будет двигаться картинка. Далее в строке кода этот тэг повторяется ещё раз, это сделано для функции остановки движения при наведении на картинку курсора мышки, точнее запуска движения после снятия курсора с картинки. Значения в обоих этих тэгах лучше поставить одинаковые, в противном случае скорость движения картинок при открытии странички, и после снятия курсора мышки будет отличаться.

    Вторая третья и последующие строки, которые вы напишите, определяет параметры картинок, на каждую картинку должна быть своя строка с параметрами.

    Тэг   href="http://evpmlm.ru" - ссылка на сайт или страничку сайта для перехода если кликнуть на картинку, если Вам не нужна ссылка на картинке то её можно удалить, и тогда строка будет выглядеть как третья строчка в текстовом файле HTML кода, который Вы скачали.

    Тэг  width="239" - ширина картинки.

    Тэг  height="266" - высота картинки.

    Тэг  src="images/reklama.jpg" - название файла картинки.

    После того как будут сформированы файлы сайта для отправки на хостинг, все подготовленные картинки которые Вы прописали в бегущую строку перекопируйте в папку "images" и всё сайт можно отправлять на хостинг.

    В текстовом файле я написал ещё один точно такой же HTML код, но с вертикальным движением картинок, тэги параметров те же самые, я думаю что в нём Вы сможете разобраться сами.

 ВЕРНУТСЯ К СПИСКУ УРОКОВ 

РЕКЛАМА