Волшебный тег MARQUEE - заставь буквы двигаться

1. <MARQUEE>Ваш текст</MARQUEE>

Вот так!

2. <MARQUEE style="HEIGHT: 50px" direction=up>Ваш текст</MARQUEE>

или так

3. <MARQUEE style="HEIGHT: 50px" direction=down>Ваш текст</MARQUEE>

ну и вот так

4. <MARQUEE style="WIDTH: 200px" direction=right>Ваш текст</MARQUEE>

или даже так

5. <MARQUEE style="WIDTH: 200px" direction=left>Ваш текст</MARQUEE>

а уж так!

6. <MARQUEE style="WIDTH: 200px" behavior=alternate>Ваш текст</MARQUEE>

и так можем

Переменные:
HEIGHT высота "окошка", в котором двигается текст;
WIDTH расстояние, на которое перемещается текст.

Можно ли уменьшить скорость прокрутки при использовании тега marquee?
Так вот, для этого необходимо в открывающий тег добавить параметр scrollamount="Х", где Х — скорость прокрутки от 1 до 9.
Результат будет выглядеть так:

<MARQUEE style="WIDTH: 200px" direction=right scrollamount="Х">

---

Тег <marquee> заставляет двигаться не только текст, но всё, к чему он относится.
Пример:

Синтаксис: <MARQUEE><img src="_АДРЕС_ВАШЕЙ_КАРТИНКИ_"></MARQUEE>

 

Если Вы хотите сделать слайд-шоу, а не убирать картинки (фотографии) под кат, то просто воспользуйтесь приведёнными в таблице кодами.

Движение снизу вверх	<marquee style="HEIGHT: 100px" direction="up" scrollamount="5">Движение снизу вверх</marquee>
Движение сверху вниз	<marquee style="HEIGHT: 100px" direction="down" scrollamount="5">Движение сверху вниз</marquee>
Движение справа налево	<marquee style="WIDTH: 100px" direction="left" scrollamount="5">Движение справа налево</marquee>
Движение слева направо	<marquee style="WIDTH: 100px" direction="right" scrollamount="5">Движение слева направо </marquee>

Порядок действий:

1. Загрузите нужное количество картинок на сервер

2. Определитесь с направление и добавляйте код.

Картинки должны быть внутри кода вместо слова Движение!!! То есть получается, что первая половина кода стоит перед картинками, а вторая после картинок, а вместо слов ДВИЖЕНИЕ СЛЕВА НАПРАВО - картинки.

100рх – это размер окна, в котором будет показано шоу, поменяв это значение на нужное Вам, Вы получите подходящий размер окна.

scrollamount="5" - поменяв цифру 5 на другую Вы измените скорость движения.

Так же эти коды можно и использовать для текста - Замените слова ДВИЖЕНИЕ - на Ваш текст и он начнёт двигаться так же как и картинки в нужном Вам направлении

Если что-то осталось не понятно - пишите в комментах попробую объяснить подробней.

Примеры:

Движение снизу вверх


Движение сверху вниз


Движение справа налево


Движение слева направо

ДЕЛАЕМ РАМКИ С КРУГЛЫМИ УГЛАМИ
БЕЗ ФОТОШОПА

Многие спрашивают, как сделать рамочку с круглыми углами?

ЕгороваТатьяна уже разьясняла,как это делается: тут

Немного дополню её, в своём маленьком уроке

По просьбе посетителей моего дневника продемонстрирую,в небольшом уроке, как это сделать.

Рассотрим,из чего же состоит наша формула
 

ЗДЕСЬ БУДЕТ ВАША ФОНОВАЯ КАРТИНКА
 

Это часть нашей формулы, один "контейнер" (их может быть несколько)
<div style="box-shadow:12px 8px 7px #FF533E,18px -3px 2px #2D20FF,-2px -2px 17px #00D80F;border:5px inset #3F1D00;border-radius:50px;padding:10px;background-image:url('АДРЕС ВАШЕЙ КАРТИНКИ');width:50%;"><center><br />ВАШ ТЕКСТ<br /><br />
Контейнер состоит из атрибутов:

"div style" - блочный элемент стилей
"box shadow" - эффект тени (красная, синяя, зелёная...ставить на Ваше усмотрение)
"border" - эффект бордюра : inset - цвет эффекта бордюра(чёрно серый)
"border-radius" - радиус скругления углов
Радиус скругления углов,можно задавать как 1 значением (для всех улов),
2 значениями (для 2 углов по диагонали), так и 4 углов (для каждого угла)
"padding" - внутренний отступ в элементе
"background-image" - фоновая картинка (адрес фоновой картинки)
"width" - ширина рамки (может быть выражена в % или же в px)

могут встречаться атрибуты:

"-webkit-box-shadow" - для отображения в старых версиях браузера Chrome,
"-moz-box-shadow" - для отображения в старых версиях браузера Mozilla Firefox,
"box-shadow" - для отображения во всех остальных браузерах.

Формулы общеизвестные. На авторство не претендую.

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху справа

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу справа

Серия сообщений "★ ЛиРу/ коды, формулы":
Часть 1 - Расположение музыки на картинке
Часть 2 - Урок по таблицам. Формулы
Часть 3 - Коды оформления блога
...
Часть 44 - Код бродилки
Часть 45 - Как взять картинку вставить в нужное место
Часть 46 - Рамка с круглыми углами без ФШ

Серия сообщений "★ ЛиРу/ ссылки, общее":
Часть 1 - Формулы 1 мои
Часть 2 - Формулы 2 мои
...
Часть 5 - Мои информеры 1
Часть 6 - Моя шпаргалка по формулам
Часть 7 - Расположение музыки на картинке
Часть 8 - Эпиграф
Часть 9 - Простая рамка и кнопки
...
Часть 29 - Энциклопедия ЛиРу
Часть 30 - Вопросы и ответы
Часть 31 - Бродилочка по сайту Магия фотошоп

Серия сообщений "♫ уроки по музыке":
Часть 1 - Расположение музыки на картинке
Часть 2 - Как загрузить музыку в раздел "Музыка" на ЛиРу?
Часть 3 - Музыку загружаем в дневник ( 2 способа)
...
Часть 28 - Опознание музыки с помощью онлайн сервисов
Часть 29 - Поисковик музыки
Часть 30 - Скачайте любимую музыку на компьютер

КАК БЫСТРО В БОЛЬШОМ КОДЕ
НАЙТИ НУЖНОЕ СЛОВО ИЛИ ЗНАКИ
Те, кто делает рамки, особенно новички, частенько теряют много времени, отыскивая в большом коде нужные участки, чтобы внести свои изменения. Иногда даже "Здесь будет Ваш текст" трудновато обнаружить с первого раза.

Читать далее

еще разные уроки
Что можно скачать бесплатно

В этом уроке я покажу как сделать бегущий текст на картинке, не прибегая ни к каким редакторам! Выглядит это вот так. Падают с ветки Жёлтые монетки… Под ногами целый клад! Это осень золотая Дарит листья Не считая... Золотые дарит листья дарит листья Вам, и нам, И всем подряд.

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 24 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 25 - Рамка для блога, имитирующая картину.
Часть 26 - Как сделать бегущий текст на картинке, без всякого редактора

РАМКИ С ОБЪЕМНЫМ ФОНОМ

Не так давно здесь и здесь я давала уроки как делать без фотошопа рамки с круглыми углами и тенью. Сегодня даю небольшое дополнение к предыдущим урокам. Расскажу как сделать объемно-выпуклым центральный фон и вообще любой фон в рамке. Сравните. Рамка А без эффекта объема, рамка Б с таким эффектом и рамка В с усиленным эффектом.

РАМКА А

Здесь будет Ваш текст Егорова Татьяна

РАМКА Б

Здесь будет Ваш текст Егорова Татьяна

РАМКА В

Здесь будет Ваш текст Егорова Татьяна

Можно сделать рамку и с прямыми углами

Здесь будет Ваш текст Егорова Татьяна

Эффект круглых углов виден в браузерах Google Chrome, Mozilla Firefox. В Internet Explorer рамка будет отражаться как обычная с прямыми углами. В других не знаю. Я дам "скелетик" кода такой рамки, чтобы подставляя свои фоны и параметры, вы могли без особого труда собрать свою рамочку и объясню как им пользоваться.

Читать далее...

 

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

ВСЕ В ОДНОМ МЕСТЕ

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

Две картинки в ряд
Три картинки в ряд
Четыре картинки в ряд
Пять картинок в ряд

Окошко для кода
такое
<input type="text" size="15" value="Код рамки" />

или такое <center> <div style="width: 220px; height:45px;overflow:auto; background-color:#eee; border:1px solid #999; padding:5px"><textarea cols="15" rows="2" name="">Код вашей рамочки