Оформление дневника с помощью HTML

Воскресенье, 28 Июля 2013 г. 11:37 + в цитатник

Цитата сообщения SvetlanaT

Прочитать целиком В свой цитатник или сообщество!

Делаем Приветствие в виде слайд—шоу на Лиру

Идей использования слайд—шоу несколько.
Во первых можно сделать в ваш эпиграф небольшой
анонс ваших постов или Приветствие.
Используя это слайд—шоу, как в ТЕКСТОВОМ варианте, так и в ГРАФИЧЕСКОМ.
Делаем так:
В нужные теги (которые я выложу чуть ниже) загружаем свою КАРТИНКУ или пишем ТЕКСТ.
Если у вас большой текст например или много картинок, а вы не умеете убирать их ПОД КАТ
или не хотите это делать.
То можно использовать СЛАЙД-ШОУ.
И вам не придётся ничего сворачивать и убирать.

Покажу на примерах:
Начнём с варианта ПРИВЕТСТВИЯ.

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

<marquee style="WIDTH: 500px" direction="right" scrollamount="5"><font size="3" color="#8A2BE2">Движение ВПРАВО</font></marquee>

ДОБРО ПОЖАЛОВАТЬ В МОЙ ДНЕВНИК !!!
КОД ДВИЖЕНИЕ ВЛЕВО.

<marquee style="WIDTH: 500px" direction="left" scrollamount="5"> <font size="3" color="#8A2BE2">Движение ВЛЕВО</font></marquee>

Это самые простые варианты.
В коде вам нужно будет изменить ТЕКСТ и вместо слов
Движение ВЛЕВО или ВПРАВО .
Написать то, что вы хотите.
И изменить размер в длину "WIDTH: 500px" Я для себя сделала 500, так как использую рамку, а вы можете поставить на максимум 700 или уменьшить по своему желанию.
Тег с цифрой в коде: scrollamount="5"
- обозначает СКОРОСТЬ движения.
Чем меньше цифра тем и скорость меньше.
Тег: font size="3" - это РАЗМЕР ШРИФТА .
Цифру можно менять от 1 до 8.
Тег: font color="8A2BE2" - это ЦВЕТ ШРИФТА.
Буквенно-цифровое значение цвета также можно менять.
Таблицу разных цветов можно взять ЗДЕСЬ
Be7sB3N4rl (465x179, 59Kb)

Итак теперь пример как будет выглядеть
наше ПРИВЕТСТВИЕ в ГРАФИЧЕСКОМ варианте.
Вы можно использовать сразу много картинок.
У меня в примере их 3 штуки.
Берём код и выбираем в какую сторону хотите чтобы двигались картинки.
КОД ДВИЖЕНИЕ ВЛЕВО.

<marquee style="WIDTH: 500px" direction="left" scrollamount="5">Движение ВЛЕВО </marquee>

КОД ДВИЖЕНИЕ ВПРАВО.

<marquee style="WIDTH: 500px" direction="right" scrollamount="5">Движение ВПРАВО </marquee>

КОД ДВИЖЕНИЕ ВНИЗ.

<marquee style="HEIGHT: 200px" direction="down" scrollamount="5">Движение ВНИЗ </marquee>

КОД ДВИЖЕНИЕ ВВЕРХ.

<marquee style="HEIGHT: 200px" direction="up" scrollamount="5">Движение ВВЕРХ </marquee>

Скопировали нужный код и вставили к себе в пост.
Теперь нужно загрузить КАРТИНКУ.
Как загрузить её можно посмотреть ЗДЕСЬ..
Итак : Загрузили картинку сделали ПРЕДПРОСМОТР
и у вас появился её код.
Это пример как выглядит код моей картинки.
2013-07-27_042337 (700x72, 33Kb)

Скопировали код своей картинки полностью.
Теперь вставляете его в выбранный вами
КОД СЛАЙД-ШОУ. Вместо слов ДВИЖЕНИЕ ВВЕРХ. и т.д.
Если хотите несколько картинок как у меня,
то БЕЗ ПРОБЕЛОВ., нужно повторить этот код
столько раз сколько картинок вы хотите увидеть.
Если хотите изменить СКОРОСТЬ движения картинки смотрим выше как это сделать.
И также если нужно вам изменить размер в длину
"WIDTH: 500px" .
Это если вы берёте КОД ДВИЖЕНИЕ ВЛЕВО или ВПРАВО.
А если берёте КОД ДВИЖЕНИЕ ВВЕРХ или ВНИЗ,
то нужно выставить размер по ВЫСОТЕ вашей картинки.
Тег "HEIGHT: 200px" - это ВЫСОТА картинки.
Если посмотрите на код моей картинки У меня она height="179" .
И я поменяла цифру 200 на 179. А вы сделаете по высоте вашей картинки.
Со слайд-шоу мы закончили.

А теперь как его установить в ЭПИГРАФ ?
Чтобы установить к себе нужно:
Скопируйте код слайд-шоу полностью, а дальше...
НАСТРОЙКИ—СТАРОЕ ОФОРМЛЕНИЕ ДНЕВНИКА
НАСТРОЙКИ ДНЕВНИКА—ЭПИГРАФ ДНЕВНИКА.
В окошко эпиграфа ВСТАВЛЯЙТЕ КОД .
И в конце остаётся только не забыть нажать
ВНЕСТИ ИЗМЕНЕНИЯ.
И у вас будет необычное приветствие, не такое как у всех.

Но это ещё не всё. Будет продолжение, так как пост
получился большой и не уместились все секреты, которыми я хотела с вами поделится по этой теме.
В следущем уроке я покажу как можно сделать
АНОНС ВАШИХ ПОСТОВ в слайд-шоу.
И не только это...

SvetlanaT

Серия сообщений "HTML, скрипты":
Часть 1 - Оформление дневника с помощью HTML
Часть 2 - HTML
Часть 3 - Уроки HTML
...
Часть 22 - Плейлист душевных воспоминаний!
Часть 23 - Душевное, проникновенное исполнение - Lee Tonya!
Часть 24 - Голуби летят, время подгоняя!

Метки: HTML
Понравилось: 4 пользователям

<a href="https://www.liveinternet.ru/users/jorjorych/post285227515/">РћС„РѕСЂРјР»РµРЅРёРµ РґРЅРµРІРЅРёРєР° СЃ РїРѕРјРѕС‰СЊСЋ HTML</a><br/>
	Р”РµР»Р°РµРј РџСЂРёРІРµС‚СЃС‚РІРёРµ РІ РІРёРґРµ СЃР»Р°Р№Рґ&mdash;С€РѕСѓ РЅР° Р›РёСЂСѓ
	&nbsp;

РРґРµР№ РёСЃРїРѕР»СЊР·РѕРІР°РЅРёСЏ СЃР»Р°Р№Рґ&mdash;С€РѕСѓ РЅРµСЃРєРѕР»СЊРєРѕ.
					Р’Рѕ РїРµСЂРІС‹С… РјРѕР¶РЅРѕ СЃРґРµР»Р°С‚СЊ РІ РІР°С€ СЌРїРёРіСЂР°С„ РЅРµР±РѕР»СЊС€РѕР№
					Р°РЅРѕРЅСЃ РІР°С€РёС… РїРѕСЃС‚РѕРІ РёР»Рё РџСЂРёРІРµС‚СЃС‚РІРёРµ.
					РСЃРїРѕР»СЊР·СѓСЏ СЌС‚Рѕ СЃР»Р°Р№Рґ&mdash;С€РѕСѓ, РєР°Рє РІ РўР•РљРЎРўРћР’РћРњ РІР°СЂРёР°РЅС‚Рµ, С‚Р°Рє Рё РІ Р“Р РђР¤РР§Р•РЎРљРћРњ.
					Р”РµР»Р°РµРј С‚Р°Рє:
					Р’ РЅСѓР¶РЅС‹Рµ С‚РµРіРё (РєРѕС‚РѕСЂС‹Рµ СЏ РІС‹Р»РѕР¶Сѓ С‡СѓС‚СЊ РЅРёР¶Рµ) Р·Р°РіСЂСѓР¶Р°РµРј СЃРІРѕСЋ РљРђР РўРРќРљРЈ РёР»Рё РїРёС€РµРј РўР•РљРЎРў.
					Р•СЃР»Рё Сѓ РІР°СЃ Р±РѕР»СЊС€РѕР№ С‚РµРєСЃС‚ РЅР°РїСЂРёРјРµСЂ РёР»Рё РјРЅРѕРіРѕ РєР°СЂС‚РёРЅРѕРє, Р° РІС‹ РЅРµ СѓРјРµРµС‚Рµ СѓР±РёСЂР°С‚СЊ РёС… РџРћР” РљРђРў
					РёР»Рё РЅРµ С…РѕС‚РёС‚Рµ СЌС‚Рѕ РґРµР»Р°С‚СЊ.
					РўРѕ РјРѕР¶РЅРѕ РёСЃРїРѕР»СЊР·РѕРІР°С‚СЊ РЎР›РђР™Р”-РЁРћРЈ.
				... <a href="https://www.liveinternet.ru/users/jorjorych/post285227515/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>