Исходное сообщение В14081963
Учебник ЛИРУ!

Взяла у Только для женщинУчебник Лиру








Оглавление
Просто нажмите на нужную тему и увидите полное сообщение* Памятка начинающему блоггеру
* Что такое регистрация? и * Что такое авторизация?
* Об аватарах в дневнике и * О рубриках (разделах) дневника и * О спецкодах
* Правила пользования сервисом дневников
* Что такое дневник? и * Что такое сообщение в дневнике?
Как добавить: * сообщение в дневник? и * картинку (фото), видео и музыку в сообщение?
* Оформление постов. Теги. Ответы на вопросы.
* Что такое сообщество? и * Список всех сообществ ЛиРу.
* Голосование и * Комментарии и * Эпиграф дневника
* Как пользоваться настройками дневника?
* Как пользоваться разделом "Почтовые уведомления"?
* Что такое расширенный редактор? и * Как им пользоваться?
* ЛиРу - работа с простым редактором и * ЛиРу - работа в расширенном редакторе
* Программы для ведения дневников LiveInternet без захода в интернет
* Краткий словарь начинающего лирушника и * Словарь блоггера
* Он-Лайн Генератор цветов и цветовых схем. и * Удобная палитра цвета
* Таблица 140 базовых цветов BgColor. и * Коды цвета для текстов
* Коды оформления блога (тексты) и * Полезные штучки для блога
* Оформляем текст и картинки
* Генератор ШрИфТы ОнЛаЙн и * Как сделать "радужный" текст?
* Сделать текст с прокруткой во флейме?
* Фотопосты с коллажами за 5 минут! и * Интересный сайт (надписи на фото)
* Как вставить музыку в свое сообщение? и * Как вставить музыку в свой текст? Самый легкий способ!
* Как скачать музыку с ЛиРу?
* Как вставить в свой дневник видео с YouTube? и * 10 секретов Youtube
* Как сделать слайд-шоу?
* Как сделать кнопку-указатель для блога?
* Как сделать рамочку для текста самому? и * Рамочки для текстов
* Рамки для текстов в одной коробочке:) и * Блестяшки, фоны, рамочки для дневника
* Как сделать флэш-часы для блога? и * Часики под ваш блог. Бонус - часики-рыбки
* Суперчасики для блога и * Суперчасики для блога, часть 2
* Часики-натюрморты для дневника и * Часики-натюрморты-2
* Музыкальные цветы-открытки
* Супер-эффекты за секунду и * Генератор картинок (эффект воды)
* Как сделать фотоприкол ? и * Веселящие ссылки (смешные обработки фото).
* Поиграем в креатив:)
* Поисковая машинка по бесплатным файлам mp3.
* Музыка из различных рекламных роликов (ссылки).
* О симпатиях и антипатиях
* О звёздах за количество написанных постов
* Скриншот, ссылка, симпатии...
* Как сменить Пароль или Почту? и * Как удалить дневник?
* Как узнать возможности вашего компьютера?
* Как узнать информацию о человеке, зная его IP ?
* 5000 аватарок!!! и * Анимированные аватары из советских мультиков (250 шт.)
* Как сделать анимированные аватары?
* Осень! Новые схемы, аватары
* 200 красивейших фонов (цветы, листья, шишки) и * 100 потрясающих цветочных фонов!
* Рисованные цветы (фоны) и * 95 шикарных абстрактных фонов
* Бесшовные фоны для дизайна дневников.
* Фоны на прозрачной основе. и * Шёлковые фоны и * Прозрачные бриллиантовые фоны
* Большие фоны-заставки
* Как писать тексты на цветных фонах?
* Фотошоп онлайн: 13 лучших фоторедакторов и * Бродилка по урокам фотошопа
* 33 полезные кнопочки
* Интернет для детей. Энциклопедия ссылок. и * ВСЁ о вязании (ссылки и видеоуроки).
* Смайлики и * Говорящие смайлики)) и * Очередная порция забавных смайликов
* Смайлики "с добрым утром", о любви и подарках. и * Смайлики: праздники, подарки, день рождения.
* Красивые благодарности (смайлики "спасибо"). и * Смайлики-анимешки (оформление блога).
* Смайлики: собачки, щенки. и * Весёлый зоопарк (смайлики животных).
* 130 любимых мультяшек (рисунки животных).
* Картинки для комментариев с кодами и * Надписи для комментариев
* 120 разделителей для текстов с цветами и * Ваши любимые линеечки-разделители (155 шт.)
* Разделители - самая большая коллекция! Часть 1
* Украшения для дневника
* Гиф-анимации для текстов и * Прикольные АНИМАШКИ (с кодом)
* Новогодние рамки и разделители. и * Красивые новогодние постики (разделители текстов).
* Новогодние бесшовные фоны.

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и 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. Как сделать бегущую строку?

Бегущая влево строка ВАШ ТЕКСТ бегущая влево
Бегущая вправо строкаВАШ ТЕКСТ бегущая вправо
Бегущая от края к краю строкаВАШ ТЕКСТ бегущая от края к краю

6. Как сделать бегущую картинку?


 
- Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
ВАШ ТЕКСТ Скролящийся вверх
текст с полезной
информацией,
картинкой или ещё с чем-нибудьСкользящий вниз текст
ВАШ ТЕКСТ картинкой или ещё чем-нибудь
информацией,
текст с полезной
Скролящийся вниз

8. Как сделать списки и сноски?

Список c жирная точка спереди 

• Ваш текст
  
  
• Ваш текст
  
  

Мужской клуб
 
Женский клуб


Список сформируется автоматически, если добавить

1. первый пункт Вашего ТЕКСТА
   
   
2. второй пункт Вашего ТЕКСТА
   
   

Первый пункт текста
 
Второй пункт текста

Сноска сверху
ТЕКСТ^сноска ТЕКСТ сноска
Сноска снизу
ТЕКСТ_сноска ТЕКСТ сноска

9. Как сохранить текст таким, как вы написали?

"Закрепитель": текст остается таким, каким вы его пишете  

ВАШ ТЕКСТ

Однажды
в студеную зимнюю пору
я из лесу вышел...

10. Как сделать всплывающую подсказку?

Текст со всплывающей подсказкой ВАШ ТЕКСТ
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

11. Как дать ссылку на свой дневник или любой адрес?

Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
ВАШ ТЕКСТ например, Только для женщини получится так:Только для женщин

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):


12. Как скрыть часть текста (убрать под кат) ?

Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать - и вставить такой тег в сообщение, то на этом месте оно оборвется и появится ссылка "Читать далее", которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника.

Начало вашего текстаВаш текст, который будет под катом - так можно заменить текст "Читать далее" на свой. После more= можно писать что угодно, например, или .

- а вот так надо обозначать окончание скрываемой части страницы и продолжить текст.

13. Как сделать простые рамки?

Ваш текст в рамке

Текст в такой рамке

Ваш текст в рамке (во всю ширину страницы)

Текст в такой рамке
Если хотите цветную рамку, добавьте в код картинки:
style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей.


Ваш текст в такой рамке (UPD)


<*textarea style="width: 300px; height: 40px; background-color: #DDDDDD;" scrolling="0" scroll="0">Ваш текст<*/textarea>

только убираете звездочки. Width - ширина рамки, height - её высота. Background-color - цвет подложки в рамке.

То же самое, но в цвете:
<*textarea>Ваш код<*/textarea>
<*textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 450px; height: 20px;">Ваш код<*/textarea>

14. Как поставить картинку в эпиграф дневника?

1. Выкладываете вашу картинку фото) в свой дневник (черновик);
2. Копируете её адрес (URL).
3. Прописываете в эпиграфе (настройки дневника) адрес вот так: .
или так: <*img src="адрес картинки" />, где "адрес картинки" - полный адрес (http:// и т.д.)">

15. Как сделать баннер?

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

Для создания баннера необходимо:

1. <*a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки">Имя ссылки<*/a>, вместо "адрес ссылки" - прописать адрес дневника, на который ссылаетесь (http:// и т.д.)

2. <*img src="адрес картинки">, вместо "адрес картинки" - прописать её адрес в интернете (http:// и т.д.)

3. Объединить два первых пункта:<*a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=адрес ссылки"><*img src="адрес картинки"><*/a>


Не забудьте, что перед публикацией символ "*" (звёздочка) надо везде удалить!

В интернете много разных готовых баннеров. К примеру, можно посмотреть и выбрать Здесь

Чтобы ваш баннер заработал - необходимо:

1. Изменить Текстовый редактор с простого на расширенный.
2. В панели редактора нажать кнопку "Источник" вставить код баннера, затем снова нажать на кнопку "Источник".
3. Отредактировать баннер и сохранить настройки.

Как сделать окошечко для баннеров (Html-кодов)?

Чтобы ваш Html-код не переводился в картинку, нужно поместить его в специальное окошечко UPD (см. выше - п.13). Также такое окошко удобно использовать для размещения длинных текстов. чтобы читатель мог сам прокручивать во флейме.

Вот это окошко:
Код Вашего баннера<*textarea>ВАШ ТЕКСТ (который будет будет в окошечке)

 

Серия сообщений "Помощь читателям,все для дневника,часы":
Часть 1 - Смайлики симпатичныеЧасть 2 - Все необходимое для Вашего дневничка!...Часть 92 - Картинки,смайлики и подарки ко Дню ВалентинаЧасть 93 - Часики для дневников мужчинЧасть 94 - Учебник ЛИРУ!Часть 95 - Огромная коллекция клипарта