Flash Magic: Видео коллажи Ангелы - футажи для творчества - (0)
Flash Magic: Как отправить другу флеш открытку по электронной почте с blogger. - (0)
Flash Magic: CCleaner-программа, помогающая избавиться от лишнего мусора в системе. - (0)
Создание красивого объемного текста с анимацией - 2 Ноября 2013 - DiZona - все для дизайна - (0)
Учебник Лиру |
Учебник Лиру
Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.
Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.
Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?
Полужирный текст
Выделение текста курсивом
Подчёркнутый текст
Зачёркнутый текст
Текст, имитирующий стиль печатной машинки
Выделение цитат курсивом
Создание нового параграфа
Горизонтальная разделительная линия (половинка) _________________________
Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
Перенос строки (если двойная - абзац)
(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)
2. Как изменить размер текста?
маленький текст маленький текст
Уменьшить тексттекст - 2
Увеличить текст+1:текст + 1
Увеличить текст+2:текст + 2
Увеличить текст+3:текст + 3
3. Как разместить текст (картинку) на странице и делать отступы?
Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов
Предложение с отступом в абзаце. Как в книжках.
Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид:
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
Прекратить обтекание и вернуть текст под картинку можно тэгом, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
- три пустые строки.
Вставить две и более картинки горизонтально:
- все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.
4. Как окрасить текст в разные цвета?
КРАСНЫЙ:красный текст
Ало-КРАСНЫЙ:ало-красный текст
ЖЕЛТЫЙ:желтый текст
ФИОЛЕТОВЫЙ:фиолетовый текст
ЗЕЛЕНЫЙ:зеленый текст
Светло-ЗЕЛЕНЫЙ:светло-зеленый текст
КОРИЧНЕВЫЙ:коричневый текст
Ярко-КОРИЧНЕВЫЙ:ярко-коричневый текст
ГОЛУБОЙ:голубой текст
Светло-ГОЛУБОЙ:светло-голубой текст
СИНИЙ:синий текст
ФУКСИЯ:фуксия текст
ОРАНЖЕВЫЙ:оранжевый текст
Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).
* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета
Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
5. Как сделать бегущую строку?
Бегущая влево строка
Бегущая вправо строка
<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)
7. Как сделать скользящий (со скроллом) текст?
Скользящий вверх текст
Скользящий вниз текст
Список сформируется автоматически, если добавить
Сноска сверху
ТЕКСТ сноска
Сноска снизу
ТЕКСТ сноска
9. Как сохранить текст таким, как вы написали?
"Закрепитель": текст остается таким, каким вы его пишете
Однажды в студеную зимнюю пору я из лесу вышел...
10. Как сделать всплывающую подсказку?
Текст со всплывающей подсказкой
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет
11. Как дать ссылку на свой дневник или любой адрес?
Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
и получится так:Только для женщин
Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
12. Как скрыть часть текста (убрать под кат) ?
Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать
Метки: всё для дневника |
ГЛАМУРНЫЕ ДЕВУШКИ-3 |
Метки: красивые анимации сборник анимаций анимации красивые девушки романтические пары анимация мир красоты мир моих фантазий открытки ламурные девушки |
ДЕВУШКИ ФЭНТЕЗИ |
Серия сообщений "МОИ АНИМАЦИИ часть3.":
Часть 1 - МОЯ ФАНТАЗИЯ - люди и звери
Часть 2 - ДЕВУШКИ ФЭНТЕЗИ
Часть 3 - Моя фантазия
Часть 4 - ФЭНТЕЗИ ДЕВУШКИ
...
Часть 9 - Прекрасный мир в цветах - моя фантазия.
Часть 10 - Ретро - женский образ. Мои анимации.
Часть 11 - Красота - женский образ. Мои анимации.
Метки: Анимация фэнтези |
Без заголовка |
|
Девушки в анимации 4 часть |
|
Новогодние баннеры |
|
КЛИПАРТ - ДЕВУШКИ В PNG |
|
Интересно.. а кто у вас в гостях..? |
|
Всё о NTML... |
|