Цитата сообщения дендик Учебник Li.Ru

Цитатник Иримед

Мой учебник Лиру

Оглавление

Просто нажмите на нужную тему и увидите полное сообщение* Памятка начинающему блоггеру

* Что такое регистрация? и * Что такое авторизация?


* Об аватарах в дневнике и * О рубриках (разделах) дневника и * О спецкодах

* Правила пользования сервисом дневников

* Что такое дневник? и * Что такое сообщение в дневнике?


Как добавить: * сообщение в дневник? и * картинку (фото), видео и музыку в сообщение?

* Оформление постов. Теги. Ответы на вопросы.

* Что такое сообщество? и * Список всех сообществ ЛиРу.

* Голосование и * Комментарии и * Эпиграф дневника


* Как пользоваться настройками дневника?

* Как пользоваться разделом "Почтовые уведомления"?

* Что такое расширенный редактор? и * Как им пользоваться?

* ЛиРу - работа с простым редактором и * ЛиРу - работа в расширенном редакторе

* Программы для ведения дневников 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. Как выделить текст?



<b>ВАШ ТЕКСТ</b>Полужирный текст

<i> ВАШ ТЕКСТ</i>Выделение текста курсивом

<u>ВАШ ТЕКСТ</u>Подчёркнутый текст


<s>ВАШ ТЕКСТ</s>Зачёркнутый текст

<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки

<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом

<p>ВАШ ТЕКСТ</p>Создание нового параграфа

<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________

<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________


<br />Перенос строки (если двойная - абзац)

<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)



2. Как изменить размер текста?



маленький текст <small>ВАШ ТЕКСТ</small> маленький текст


Уменьшить текст <font size="-2">текст</font> текст - 2

Увеличить текст+1: <font size="+1">текст</font> текст + 1

Увеличить текст+2: <font size="+2">текст</font> текст + 2


Увеличить текст+3: <font size="+3">текст</font> текст + 3



3. Как разместить текст (картинку) на странице и делать отступы?



<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.

<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?


Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20

Код картинки примет вид: <img src="http:…" align="left" hspace="20" />

Помни: align=left – картинка слева, текст справа

align=right - картинка справа, текст слева

hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали


vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали

Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

<img src="http:…" align="left" hspace="20" vspace="15" />



Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.

<br /><br /><br /> - три пустые строки.




Вставить две и более картинки горизонтально:

<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.



4. Как окрасить текст в разные цвета?



КРАСНЫЙ: <font color="red">текст</font> красный текст


Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст

ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст

ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст


ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст

Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст

КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст


Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст

ГОЛУБОЙ: <font color="blue">текст</font> голубой текст

Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст


СИНИЙ: <font color="navy">текст</font> синий текст

ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст

ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст




Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).



* Коды цвета для текстов

* Посмотреть сочетаемость цветов

* Таблица "безопасных" цветов

* Все цвета Интернета




Вид шрифта:

Шрифт этого текста "Monotype Corsiva"

<font face="Monotype Corsiva" size="+1">Ваш текст</font>

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:

Шрифт этого текста "Monotype Corsiva"

код этого текста:

<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>



5. Как сделать бегущую строку?




Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

бегущая влево

Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо

Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю




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





 

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

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




Скользящий вверх текст

<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх

текст с полезной

информацией,

картинкой или ещё с чем-нибудьСкользящий вниз текст

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь


информацией,

текст с полезной

Скролящийся вниз



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



Список c жирная точка спереди <ul><br /><br /> <li>Ваш текст<br /><br /> </li><li>Ваш текст<br /><br /> </li></ul>

• Мужской клуб
  
  
   


• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /><br /> <li> второй пункт Вашего ТЕКСТА<br /><br /> </ol>

1. Первый пункт текста
   
    


2. Второй пункт текста

Сноска сверху

ТЕКСТ^сноска ТЕКСТ ^сноска

Сноска снизу

ТЕКСТ_сноска ТЕКСТ _сноска




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



"Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

Однажды


        в студеную зимнюю пору


                я из лесу вышел...

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




Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>

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



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



Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:

<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин




Точно также можно дать ссылку на фото, картинку или видео.

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

<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>



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



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



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




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



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



<table border="1" cellpadding="5"><tr><td>Ваш текст в рамке</td></tr></table>

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

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

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

Если хотите цветную рамку, добавьте в код картинки:

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="адрес ссылки">Имя ссылки<*/a>, вместо "адрес ссылки" - прописать адрес дневника, на который ссылаетесь (http:// и т.д.)





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




• 3. Объединить два первых пункта:<*a href="адрес ссылки"><*img src="адрес картинки"><*/a>

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

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

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



1. Изменить Текстовый редактор с простого на расширенный.

2. В панели редактора нажать кнопку "Источник" вставить код баннера, затем снова нажать на кнопку "Источник".


3. Отредактировать баннер и сохранить настройки.



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



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



Вот это окошко:

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

Серия сообщений "Оформление дневника":

Часть 1 - Уроки по Ли.ру
Часть 2 - Делаем Окошко для кодов.
Часть 3 - Если не трудно процитируйте пожалуйста!
Часть 4 - Учебник Li.Ru
Часть 5 - ВНИМАНИЕ!!!! ПРИСЛАЛИ СООБЩЕНИЕ!!!!
Часть 6 - Пасхальное чудо
...
Часть 8 - Кнопки *ДАЛЕЕ* - для перехода (под кат)
Часть 9 - Ник и имя - не всегда одно и то же
Часть 10 - Символы HTML