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. Как скрыть часть текста (убрать под кат) ?
Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать
Метки: всё для дневника |
Всё о NTML... |
|
ОТВЕТЫ НА ВАШИ ВОПРОСЫ |
|
СПАСИБО НАТАЛЬЕ ЗА ПОЛЕЗНОСТИ! |
|
2
|
Метки: спасибо наталье за полезности! |
ГРАФИЧЕСКИЙ РЕДАКТОР В КОМПЬЮТЕРЕ |
Метки: графический редактор в компьютере |
Без заголовка |
В этой теме собраны ссылки на подсказки и ответы на вопросы пользователей ярушки.
Если вам встретился на ярушке полезный совет, пожалуйста, поделитесь ссылкой на него в комментариях, возможно, кто-то нуждается в этой информации.
Большая подборка разных полезных вещиц для блога также есть вот тут.
Ваш компьютер
Как настроить быстрый запуск любимых программ
Как нажать невидимую кнопку
Использование встроенной справочной системы
Создание трек-листа
Как восстановить "битый" архив"
Как сделать скриншот
Сортировка фотографий на компьютере
О "точках восстановления"
"Горячие клавиши" в Windows
Темы для Windows XP
Если завис компьютер
Анимация на рабочем столе
Установка Windows. Освоение компьютера. Помощь новичку при сбоях
Утилиты для работы с драйверами
Ярлыки
Оформление блога
Как подогнать картинку под ширину поста
Как загрузить музыку и видео на свою страницу
Как вывесить сразу много фоток
Как вывешивать фотографии в клубы, чтобы они не дублировались на Яндекс.Фотках?
Как опубликовать HTML-код
Как вставить в блог флешку, если нет её кода
Как поменять "шапку"
О "шапке" и графических редакторах (всё в комментариях)
Правила качественного блога
Настройка странички
Как запретить комментировать записи в своем дневнике (забанить)?
Как сделать у себя на странице стену и "подмигнуть?"
Изменение даты записи
О "дружбе", "лжедрузьях" и порноспамерах
Чистка дневника, меню, поиск по блогу
Как почистить дневник от ненужных записей и сделать меню в блог или клуб
Как установить Яндекс.Поиск по блогу
Просмотр, редактирование, очистка блога (дневника)
Ответы на частные вопросы по чистке дневника
Обращение к гостям
Как написать разные "обращения" к гостям и к друзьям
Быстрый переход по годам и месяцам - в "обращении к гостям"
Быстрый переход по страницам блога
Баннер нашего клуба
Ссылки
Несколько способов поделиться ссылкой на интересный материал
Как поделиться ссылкой на конкретный пост
Кликабельные картинки
Как сделать чтобы картинка стала ссылкой (баннер клуба)
Как сделать картинки кликабельными
Как сделать картинку, раскрывающуюся по клику на полный размер
Всё про "cut" ("врезка", "кат")
Как убирать длинные тексты под кат, писать жирным шрифтом, вставлять картинки в комментарии...
Ещё раз про "кат", жирный шрифт и вставку картинок
Как вставить открытку в пост, разместить ее по центру, спрятать под cut
Снова про "кат" - "прячем" видео и фотки. Очередная уловка
Слайдшоу
Как создать слайдшоу и разместить его в блоге
Слайдшоу с помощью онлайн-сервиса
Слайдшоу своими руками (без использования Яндекс.Фоток)
Слайдшоу и видеоролики (ссылки на онлайн-сервисы и программы)
Осеннее настроение
Редкие спецсимволы
Как добавить в свой ник сердечки, звёздочки и прочие "картинки"
Таблица редких спецсимволов HTML
Кириллица и старославянский - коды символов в HTML (редкие спецсимволы - 2)
Редкие спецсимволы: Взгляни на свой ник со стороны
Подсказки, уроки о рамочках и табличках
Как сделать рамку для текста. Экспресс-метод от ternosvit
Создание рамок. Основные понятия. Урок от Дианы
"Табличный" урок от Knight Of Silence
Размещение картинок с кодами
Смайлы: Общие вопросы
Как вставить в пост или комментарий красивый смайлик
Ярушные смайлы - быстро и просто!
Подробно про стандартные ярушные смайлы
Смайлы: Коллекции
Зодиакальные смайлы и китайский гороскоп
Козочки, волки и динозаврики
Смайлы "Поросята"
Чайники-смайлики
Смайлики: Праздники. Подарки. День рождения
Арбузные смайлы
Красивые смайлы для ваших ярких страниц
Часики, кнопочки, линеечки, информеры, флешки
Как вставить счетчик, информер или "кнопочку" себе на страничку?
Часики, линеечки, информеры, слайдшоу, счётчики
Кнопки для вашей странички
Как сделать именные часики в блог или клуб
Часики "Firefox"
Новогодние часики
Календари для блогов и клубов
Календарь со своей картинкой
Восемь флешек "Зверьё моё"
Флеш-игрушка "Сделай снеговика"
Цветочный тест в блог или клуб
Музпик - музыка в блоге
Проверка совместимости знаков Зодиака (игрушка)
Флеш-игра "Построй замок"
Флеш-палитра для подбора цветов
Фоны, глиттеры, картинки
Снежинки для оформления блогов и других проектов
Блестяшки (глиттеры) для ваших проектов
Зимние шапки для блогов - переодеваем страничку
Восемьдесят два "Спасибо!"
"Спасибо!" Анимированные надписи
Разделители текста
Ютака Кагайя
Цитаты на каждый день (в картинках)
Клубы на Я.ру
Что такое премодерация?
Что делать, если Вы не получили приглашение в модераторы?
Как открыть клуб
Сервисы Яндекса
Официальная справка по Я.ру
"Избранное" и "Популярное" в фотках на Яндекс.Фотках
Как читать все блоги в своих цветах. Как читать клуб, не вступая в него. Как читать чужой блог без "подружения"
Яндекс.Бар и Я.Онлайн
"Коллекции" или вложенные альбомы на Яндекс.Фотках
Как установить обложку для альбома или коллекции альбомов на Яндекс.Фотках
Как скачать целый альбом фоток (или его часть) с Яндекс.Фоток
Малоизвестные факты о Я.ру и приёмы их использования
Как отправить открытку
Яндекс.Закладки
Вложенные альбомы под одной обложкой
Как скачать целый альбом с Яндекс.Фоток
Я.Онлайн теперь и в Яндекс.Почте
"Популярное" и "Избранное" на Яндекс.Фотках
Статьи по безопасности в Интернете
Ловушки Интернета: Интренет-угрозы и защита от них
Защита от взлома электронной почты
Как распознать мошенническое письмо
Интернет-полезности
Как смотреть он-лайн кино
Как докачать оборвавшуюся закачку
Как быстро собрать картинки с интересной странички
Статьи о Mozilla Firefox и других браузерах
"Горячие клавиши" в Firefox
Почтовый клиент, запускающийся как вкладка браузера Mozilla Firefox
Как настроить стартовую страницу браузера
Как почистить кэш браузера
Аддоны для Firefox
Firefox блокирует установку аддонов
Как отключить музыку
Установка SweeiIm
Почтовый клиент, запускающийся как вкладка браузера Mozilla Firefox
SpeedyFox
Статьи о видеохостинге YouTube
10 "фишек" YouTube
Как скачивать ролики с YouTube без всяких программ
Ещё 10 способов скачать ролики с YouTube
Смотрим YouTube, лёжа на диване
Ссылки на интернет-ресурсы
Карта интернета
Почта Деда Мороза
Плеер в блог (с плейлистом и возможностью настроить его)
Как и где сделать блестяшку в интернете: Инструкция в картинках
Самодельный блестящий текст
Ещё блестящий текст
Аватары и фоны в шапку своими руками
Аватары, смайлики, гороскопы
Генератор разноцветного текста
Планета Small Bay
Настройка компьютера
Программы
Download Master
AnVir Task Manager
Dicter - онлайн переводчик
Видео: уроки, фильмы
Аудио и видео уроки интенсивного изучения английского языка
Как есть куриные крылышки
Химия на кухне: Всё о мясе
Как завязывать галстук
Завязываем шнурки "в одно касание"
Складываем футболку за пару секунд
Универсальное платье-блузка-юбка
Обои для рабочего стола
Зимние обои
Обои Времена года. Зима
Обои Времена года. Осень
Обои Времена года. Лето
Обои "Zodiaс"
Обои 3D смайлы
Обои 3D
Обои Женщины моей мечты
Статьи и уроки по GIMP
GIMP-интерфейс: что где лежит
Анимация "Рассыпающийся текст"
Здоровье
Как за пять минут снять усталость
О профилактике и лечении гриппа
Календарь "заразности": Как не заразиться самому и не заразить окружающих
Всякая всячина
Как правильно встретить год Тигра
Как пьют спиртные напитки
Компьютерный сленг + словарь
14 типов интернетчиков, которые всех раздражают
Как сложить столовые салфетки
Как добиться естественных снимков
|
КАК ДЕЛАТЬ КРАСИВЫЙ ТЕКСТ |
Существую разные стили текста, для оформления вашего блога. Придуманы не мной.Долго собирала разные необычные варианты. И в этом уроке хочу вам их предложить. Благодаря им ваш дневник будет выглядеть не ординарно,и красиво. Такими текстами можно украшать ЗАГОЛОВКИ и РАМОЧКИ. Написание цвета и коды цвета. Смотрим и выбираем понравившийся...
Ещё варианты... |
Метки: как делать красивый текст |
В ПОМОЩЬ БЛОГЕРУ |
Метки: в помощь блогеру |
ОЖИВЛЯЕМ ФОТО |
![]() |
![]() |
Метки: оживляем фото |