Учебник Лиру

 

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 /> <li>Ваш текст<br /> </li><li>Ваш текст<br /> </li></ul>

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

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

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

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

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

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

Однажды

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

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

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

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

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

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

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

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

Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать Читать далее...

Как сделать ссылку на друга

Чтобы сделать кликабельную ссылку на блоггера с ЛиРу,

достаточно перейти на латинский шрифт и написать:
[user=
Далее вплотную писать ник блоггера и закрыть квадратную скобку.
Например: [user=Сплетни-Новости.
Сейчас я закрывающую скобку не поставила умышленно, чтобы ссылка при публикации была видна в ее, так сказать, кодовом виде. А если поставить закрывающую квадратную скобку, это превратится в ссылку на блоггера, и после публикации будет выглядеть так (куколка и ник):
Сплетни-Новости. Это уже ссылка, причем, кликабельная – если на нее нажать мышкой, окажетесь в дневнике данного блоггера.
Попробуйте, это очень легко!

Серия сообщений на тему
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

Как вставить картинку - урок веньких<для но/strong>

Наверное, существует несколько способов, но я расскажу о том, которым пользуюсь сама.
Чтобы вставить в текст картинку я ее сперва нахожу в интернете. Там устанавливаю на картинке курсор, правой клавишей мышки вызываю меню и жму на "Сохранить как". В появившемся окне пишу название картинки (имя файла) и жму "сохранить". Под этим названием картинка сохраняется у меня в папке "Мои рисунки".
Теперь как перегрузить ее из папки в свою статью:
Пишу статью (смотри как это сделать), потом в разделе "Прикрепить файл" жму на Обзор.
.
В открывшемся окне сначала вверху вызываю меню и жму на "Мои документы" (затем "Открыть"), потом "Мои рисунки", потом нахожу нужный рисунок, наживаю не него (он тотчас оказывается в рамочке) и опять жму "Открыть".
После этого окно с рисунками исчезает, и я жму на кнопку "Предпросмотр". И вот появляется твоя статья, и в ней уже размещена картинка. Если тебя все устраивает, жмешь на "Опубликовать в личный дневник".

Серия сообщений на тему
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как сделать кликабельную ссылку
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы

# кто поставилмне анти?!спецкурс для лирушников


Надоели неподписанные анти?Или хочешь узнать, кто поставил симпу?

теперь ты можешь все узнать!кликай!

Учебник ЛиРу.

Слева - новый баннер женского клуба.  Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника.
Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:
- скопируйте приведенный ниже код;
<center><form action="//www.liveinternet.ru/community/3080659/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /><input type=hidden name=tok value=016eca1dc32535c745d0125954f6a469 /></form></center>
- зайдите в свои "Настройки дневника" (вверху страницы);
- найдите там пункт "Эпиграф дневника" и впишите скопированный код;
- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас!

Пользуйтесь!

Читать далее >>>

Онлайн-уроки по дневникам LiveInternet и их возможностям

Онлайн-уроки по дневникам LiveInternet и их возможностям



http://www.liveinternet.ru/showjournal.php?journalid=3236775&keywordid=1224356

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

Поэтому не могу не посоветовать, переходите и читайте, попрошу техподдержку при получении подобных вопросов, которые могут показаться чересчур очевидными, давать ссылки на эти разъяснения.

Legionary - пиши еще!

Часики-натюрморты для дневника

Огромное количество разнообразных часов для блога еще смотрите здесь: Суперчасики для блога. Также возможно установить время по своему часовому поясу.

Если вам понравились часики - вы можете взять их себе. Для этого цитируете себе в цитатник и в самом низу увидите надпись"Опубликовать". Потом нажимаете на *редактировать* у себя в дневе и откроется редактор, там скопируйте код часов, какие захотите (они под номерами), затем заходите в свои настройки и в окошке * Эпиграф* выкладываете то, что скопировали...нажимаете "сохранить".. и ваши часы появятся у вас в дневнике в вашем Эпиграфе...Можете изменить размер часов, сделать такие, какие хотите сами...Коды для вставки в раздел "Эпиграф" Настроек дневника, далее >>>

Красивые надписи для комментариев и ответов на них!

http://blogs.mail.ru/mail/galina.lena/54398ACAEC6FD2A6.html

 

Сделай для блога кнопку.

Всем привет!

По стечению обстоятельств 5 разных людей попросили меня объяснить как сделать простую кнопку, так чтоб не писать одно и тоже 5 раз создаю пост) возможно и ещё кому-нибудь пригодится.

Самая простая кнопка

 

 

 

В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода

 

 

 

Не нажимай

 

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога 

Огромная Коллекция Смайликов(с кодами)

Лично я за 100 дней на ЛиРу ещё не привыкла к тутошним смайлам!((( Потому хочу поделиться с вами мейловскими, милыми моему сердцу! :)- Из Блога Елены

 

Огромная Коллекция Смайликов

Инструкция по установке. 3D карта посетителей блога в режиме онлайн

Спонсор поста – Мари1122 :)

Хотите такую карту себе? Есть несколько вариантов ее поиметь.

Самый простой – процитировать этот пост себе и любоваться земным шариком с точками в которых находятся в данный момент посетители вашего блога. Чуть сложнее – скопировать код [flash=http://rb.revolvermaps.com/f/g.swf] себе в дневник или эпиграф. И процитировать этот пост, чтобы поделиться Тайным Знанием со своими читателями.

Но если вы хотите настроить анимашку по своем вкусу, придется

читать далее

Как и чем конвертировать видео?

Золотисто-прозрачный дизайн*Предновогодний*



Эпиграф


Подходящие авики>>>>>>>>>>>>>>>>>>

Надписи для комментариев + код

<a target="_blank" href="http://www.radikal.ru"><img src="//s16.radikal.ru/i190/1102/3e/a9b17e6b97ba.png" /></a>
<a target="_blank" href="http://www.radikal.ru"><img src="//s48.radikal.ru/i119/1102/52/d051a597d83e.png" /></a>
<a target="_blank" href="http://www.radikal.ru"><img src="//s58.radikal.ru/i162/1102/53/44e2dc5edc69.png" /></a>

далее...

ЛиРу - оформляем пост, как и какие спец-коды можно использовать?

ЛиРу - оформляем пост, как и какие спец-коды можно использовать?

На ЛиРу при написание постов ( комментариев) можно использовать специальные коды. Каждый код несет определенную функцию.
Как попасть в список этих кодов?

Вот ссылка на них.

Либо, заходим в редактор написания поста:




И чуть выше окошка заголовка жмем "как и какие спец-коды можно использовать?":


Нажали, и нам открылось окошко с этими кодами и описаниями к ним. Теперь подробно про каждый код :-))

1. " [user=Никнейм] " - если Вы хотите в посте или в комментарии сослаться на какого-то пользователя лиру, то можно использовать этот код. Копируете его и вместо "никнейм" вписывает ник того человека. Вот что получится,- пример:
Inmira

И при нажатии на такую вот ссылку,- Вы попадете в профиль дневника этого человека.


Дальше > > >

Помошник...

Помощь блоггеру УРОКИ ОТ ДЖУЛИИ

Как получить код картинки для вставки в дневник?

Один из многочисленных хостингов фотографий и картинок!
- ФОТОРАДИКАЛ -

Когда мы оформляем пост нам нужно вставить картинки.
Некоторые берут их в редакторе Лиру, нажимая на слово "обзор".
Я пользуюсь РАДИКАЛОМ

это внешний вид программы.

продолжение>>>>>>>>>>>>>>>>>>>>>

Добавить картинку на ваше фото 1

Сегодня мы научимся
добавлять картинку на ваше фото
Загружаем в Черновик ваше фото.
Я загрузила это:

<img src="//img1.liveinternet.ru/images/attach/c/1//51/327/51327346_spasibo_ya_vas_lyublyu_l.jpg" width="700" height="525" alt="спасибо я вас люблю л (700x525, 66Kb)" />
Нам понадобится только эта часть:
//img1.liveinternet.ru/images/attach/c/1//51/327/51327346_spasibo_ya_vas_lyublyu_l.jpg

Загружаем в Черновик
картинку, которую вы хотите добавить в фотографию.


Берем полный адрес.
<img src="//img0.liveinternet.ru/images/attach/c/0//47/187/47187640_ch.gif" width="200" height="182" alt=" (160x182, 23Kb)" />

Это шаблон без адресов.
в котором мы соединим
ваше фото и картинку.
Возьмите его в цитатник.
<center><table style="WIDTH: 700px; HEIGHT: 525px" cellspacing="8" cellpadding="3" width="700" align="center" background="Часть адреса вашего фото" border="3"><tbody><tr><td><font face="Monotype Corsiva" color="white" size="3" font="font"><b><p align="center"></p>Полный адрес картинки</b></font> <br /> </td></tr></tbody></table></center>

Соединяем и вот что у нас получилось:

<center><table style="WIDTH: 700px; HEIGHT: 525px" cellspacing="8" cellpadding="3" width="700" align="center" background="//img1.liveinternet.ru/images/attach/c/1//51/327/51327346_spasibo_ya_vas_lyublyu_l.jpg" border="3"><tbody><tr><td><font face="Monotype Corsiva" color="white" size="3" font="font"><b><p align="center"></p> <img src="//img0.liveinternet.ru/images/attach/c/0//47/187/47187640_ch.gif" width="200" height="182" alt=" (160x182, 23Kb)" /><br /> </b></font> <br /> </td></tr></tbody></table></center>

ПРИМЕЧАНИЕ:
Тега <br /> служит для того чтобы картинка
или текст были на строчку ниже.
Если вы хотите опустить картинку добавьте эту тегу,
а если поднять, то уберите.

Эта тега <p style="text-indent: 60px">Ваш ТЕКСТ или картинка</p>
служит для того чтобы картинка
или текст сдвинулись в сторону и были правее.

LVN
Посты на эту тему
Добавить картинку на ваше фото 1
Добавить картинку на ваше фото 2
Добавить картинку на ваше фото 3
Ах...Лето!!!
Добавить музыку на ваше фото
Много полезностей

Как взломать защиту от копирования картинки в вебсайтe (Websitе)

Как скопировать защищённую от копирования картинку в вебсайтe (Website)


1. Выбираем страницу с картинкой (Website), например,
http://www.betterphoto.com/gallery/big.asp?photoID...=&rowNumber=30&memberID=202098

2. На клавиатуре нажимаем в след. порядке команды:
- Ctrl A – выбор всей страницы
- Ctrl C – копирование страницы

3. Открываем Word документ и вставляем туда скопированную страницу командой Ctrl V

4. Правой мышкой кликаем на картинку и удаляем Website - Hyperlink (глобус с цепью).

5. Правой мышкой на картинку – копируем, вставляем в свободное место Word документа или переносим в новый Word документ.

6. Правой мышкой на картинку - форматируем картинку - выбираем позицию - прозрачная или любую другую (перед текстом, за текстом итд.).

7. Правой мышкой кликаем на картинку и удаляем Hyperlink, если остался неудалённым адрес вебсайта.

8. Правой мышкой на картинку – копируем.

9. Берём любую из ваших картинок и открываем с помощью программы Paint.

10. В ней открываем новый документ.

11. Вверху в „Oбработкa“ выбираем - вставить - вставляем картинку.

12. Cохраняем как обычно, где вам нужно.

Всё. Готово.

Итак, у меня это получилось. Получится и у вас! Если есть вопросы, спрашивайте.

После многочисленных комментариев я решила дополнить свой пост.

Спасибо читателям за помощь и поддержку!

Существует несколько способов скопировать картинку с вебсайта. Всё зависит от браузера и имеющихся на вашем компьютере программ. Один из способов подойдёт обязательно.

Ниже перечислены наиболее распростpанённые способы из комментариев. Каждый выбирает сам, что ему подходит.

- Нажимаете правую кнопку мышки, жмете на окошко с ошибкой ОК. Дальше в меню выбираете - Информация о странице. Вкладка Мультимедиа, ищете по списку картинку и жмете сохранить как
- левой кнопкой мышкии перемещаете фотку в папку "Картинки"
- выбираем "Страница" - сохранить как - в открывшемся окне выбираем "тип файла" - Веб-страница полностью - сохраняем в папке расчленённую страницу
- команда Ctrl + s - копировать расчленённую страницу, а затем и картинку
- принтскрин: нажимаете кнопку PrintScreen (клавиша справа от F12), открываете любой графический редактор, например Paint, нажимаете Ctrl+V (или пункт меню Правка -> Вставить), сохраняете.