15 самых популярных уроков, не вошедших в оглавление
Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.
Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.
[size=+2]Теги, применяемые на ЛиРу[/size] Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст. * Дополнительные спецсимволы HTML (редко используемые буквы и знаки) [size=+1]1. Как выделить текст?[/size]
Полужирный текст Выделение текста курсивом Подчёркнутый текст Зачёркнутый текст Текст, имитирующий стиль печатной машинки Выделение цитат курсивом Создание нового параграфа Горизонтальная разделительная линия (половинка) _________________________ Горизонтальная разделительная линия (полная) _________________________________________________________________________________________ Перенос строки (если двойная - абзац)
Заголовок
(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)
[size=+1]2. Как изменить размер текста?[/size]
маленький текст маленький текст Уменьшить текст текст - 2 Увеличить текст+1: текст + 1 Увеличить текст+2: текст + 2 Увеличить текст+3: текст + 3
[size=+1]3. Как разместить текст (картинку) на странице и делать отступы?[/size]
Текст с выравниванием с левого края
Текст с выравниванием с правого края
текст с правого краю в две строчки с выравниванием слева
Равномерное выравнивание текста по всей ширине поста
Текст будет по центру
Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов
Предложение с отступом в абзаце. Как в книжках.
Как сделать, чтобы текст «обтекал» картинку? Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20 Код картинки примет вид: Помни: align=left – картинка слева, текст справа align=right - картинка справа, текст слева hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
Прекратить обтекание и вернуть текст под картинку можно тэгом , который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter. - три пустые строки.
Вставить две и более картинки горизонтально: - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.
[size=+1]4. Как окрасить текст в разные цвета?[/size]
КРАСНЫЙ: красный текст Ало-КРАСНЫЙ: ало-красный текст ЖЕЛТЫЙ: желтый текст ФИОЛЕТОВЫЙ: фиолетовый текст ЗЕЛЕНЫЙ: зеленый текст Светло-ЗЕЛЕНЫЙ: светло-зеленый текст КОРИЧНЕВЫЙ: коричневый текст Ярко-КОРИЧНЕВЫЙ: ярко-коричневый текст ГОЛУБОЙ: голубой текст Светло-ГОЛУБОЙ: светло-голубой текст СИНИЙ: синий текст ФУКСИЯ: фуксия текст ОРАНЖЕВЫЙ: оранжевый текст
Сноска сверху ТЕКСТ сноска Сноска снизу ТЕКСТ сноска
[size=+1]9. Как сохранить текст таким, как вы написали?[/size]
"Закрепитель": текст остается таким, каким вы его пишете
Однажды в студеную зимнюю пору я из лесу вышел...
[size=+1]10. Как сделать всплывающую подсказку?[/size]
Текст со всплывающей подсказкой Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет
[size=+1]11. Как дать ссылку на свой дневник или любой адрес?[/size]
Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете: и получится так:Только для женщин
Точно также можно дать ссылку на фото, картинку или видео. Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
[size=+1]12. Как скрыть часть текста (убрать под кат) ?[/size]
Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать [*more] - и вставить такой тег в сообщение, то на этом месте оно оборвется и появится ссылка "Читать далее", которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника.
[*more=Нажмите, чтобы увидеть картинки] - так можно заменить текст "Читать далее" на свой. После more= можно писать что угодно, например, [*more=смотри полностью] или [*more=фотки тут].
[*/more] - а вот так надо обозначать окончание скрываемой части страницы и продолжить текст.
[size=+1]13. Как сделать простые рамки?[/size]
Текст в такой рамке
Текст в такой рамке
Если хотите цветную рамку, добавьте в код картинки: - задана красная рамка толщиной 5 пикселей.
только убираете звездочки. Width - ширина рамки, height - её высота. Background-color - цвет подложки в рамке.
То же самое, но в цвете:
[size=+1]14. Как поставить картинку в эпиграф дневника?[/size]
1. Выкладываете вашу картинку фото) в свой дневник (черновик); 2. Копируете её адрес (URL). 3. Прописываете в эпиграфе (настройки дневника) адрес вот так: [*img]Адрес картинки[/img]. или так: <*img src="адрес картинки" />, где "адрес картинки" - полный адрес (http:// и т.д.)">
[size=+1]15. Как сделать баннер?[/size]
Слева - пример готового баннера. Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге): Баннеры - это небольшие картинки, которые обычно рекламируют какой-либо веб-сайт. Небольшие баннеры - кнопки сайта, также часто используют для обмена с дружескими сайтами. Можно нарезать заготовки для баннеров из разных красивых картинок, а затем нанести на них вашу информацию.
Для создания баннера необходимо:
1. <*a href="адрес ссылки">Имя ссылки<*/a>, вместо "адрес ссылки" - прописать адрес дневника, на который ссылаетесь (http:// и т.д.)
2. <*img src="адрес картинки">, вместо "адрес картинки" - прописать её адрес в интернете (http:// и т.д.)
3. Объединить два первых пункта:<*a href="адрес ссылки"><*img src="адрес картинки"><*/a>
Не забудьте, что перед публикацией символ "*" (звёздочка) надо везде удалить!
В интернете много разных готовых баннеров. К примеру, можно посмотреть и выбрать Здесь
Чтобы ваш баннер заработал - необходимо:
1. Изменить Текстовый редактор с простого на расширенный. 2. В панели редактора нажать кнопку "Источник" вставить код баннера, затем снова нажать на кнопку "Источник". 3. Отредактировать баннер и сохранить настройки.
Как сделать окошечко для баннеров (Html-кодов)?
Чтобы ваш Html-код не переводился в картинку, нужно поместить его в специальное окошечко UPD (см. выше - п.13). Также такое окошко удобно использовать для размещения длинных текстов. чтобы читатель мог сам прокручивать во флейме.
Вот это окошко: <*textarea>ВАШ ТЕКСТ (который будет будет в окошечке) </textarea>
Код этой цветной кнопки:
Учебник регулярно обновляется (дата обновления указана красным в начале поста). Для тех, кто установил кнопочку "Учебник Li.Ru" - свежая версия всегда под рукой! P.S. Если возникнут вопросы и пожелания - пишите здесь в комментариях или ко мне в личку.