Слева - новый баннер женского клуба.   Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге):<center><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/community/3080659/profile/" href="http://www.liveinternet.ru/community/3080659/profile/" title="Женский клуб"><img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/2/74/223/74223974_ZHenskiy_klub.jpg" src="//img0.liveinternet.ru/images/attach/c/2/74/223/74223974_ZHenskiy_klub.jpg" width="191" height="250" /></a></center>Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника. Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого: - скопируйте приведенный ниже код;<center><form action="http://www.liveinternet.ru/community/for_women_only/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /></form></center>- зайдите в свои "Настройки дневника" (вверху страницы); - найдите там пункт "Эпиграф дневника" и впишите скопированный код; - нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас!

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

  Последнее обновление учебника - 08.05.2014

Вначале - кратко о спецкодах и 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 data-cke-saved-src="name" src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.<blockquote>Ваш текст</blockquote>

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

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

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

Как сделать, чтобы текст «обтекал» картинку? Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20 Код картинки примет вид:<img data-cke-saved-src="http:…" src="http:…" align="left" hspace="20" />Помни: align=left – картинка слева, текст справа align=right - картинка справа, текст слева hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали Код картинки с плавным обтеканием текстом справа и снизу (или сверху):<img data-cke-saved-src="http:…" 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><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст? Скользящий вверх текст<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

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

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

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

Сноска сверху ТЕКСТ^сноскаТЕКСТ ^сноска Сноска снизуТЕКСТ_сноскаТЕКСТ _сноска 9. Как сохранить текст таким, как вы написали? "Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

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

10. Как сделать всплывающую подсказку? Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет 11. Как дать ссылку на свой дневник или любой адрес? Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин Точно также можно дать ссылку на фото, картинку или видео. Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15): <a target="_blank" data-cke-saved-href="Адрес страницы" href="Адрес страницы"><img data-cke-saved-src="Адрес картинки в сети" src="Адрес картинки в сети" /></a>12. Как скрыть часть текста (убрать под кат) ? Если у вас большой пост или много фоток в посте, лучше убрать часть его под кат, потому что людям это неудобно смотреть. Если написать [more] - и вставить такой тег в сообщение, то на этом месте оно оборвется и появится ссылка "Читать далее", которая будет вести на комментарии к сообщению и полному тексту записи. Очень нужно ставить такой тег перед видео, флеш-роликами, большими картинками или серией картинок, экономя трафик и ускоряя загрузку страницы своего дневника.Начало вашего текста[more=Читать далее >>>]Ваш текст, который будет под катом [/more][more=Нажмите, чтобы увидеть картинки] - так можно заменить текст "Читать далее" на свой. После more= можно писать что угодно, например, [more=смотри полностью] или [more=фотки тут]. [/more] - а вот так надо обозначать окончание скрываемой части страницы и продолжить текст. 13. Как сделать простые рамки?<table border="1" cellpadding="5"><tr><td>Ваш текст в рамке</td></tr></table>

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

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

только убираете звездочки. 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]Адрес картинки[/img]. или так: <*img src="адрес картинки" />, где "адрес картинки" - полный адрес (http:// и т.д.)"> 15. Как сделать баннер? Слева - пример готового баннера.   Вот код этого баннера, будем благодарны, если установите у себя в дневнике (например, в приложении "Всегда по рукой", как у нас в блоге):<center><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/community/3078889/profile/" href="http://www.liveinternet.ru/community/3078889/profile/" title="Мужской клуб"><img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/2/74/224/74224100_Muzhskoy_klub.jpg" src="//img0.liveinternet.ru/images/attach/c/2/74/224/74224100_Muzhskoy_klub.jpg" width="200" height="250" /></a></center>Баннеры - это небольшие картинки, которые обычно рекламируют какой-либо веб-сайт. Небольшие баннеры - кнопки сайта, также часто используют для обмена с дружескими сайтами. Можно нарезать заготовки для баннеров из разных красивых картинок, а затем нанести на них вашу информацию. Для создания баннера необходимо:

• 1. <*a href="адрес ссылки">Имя ссылки<*/a>, вместо "адрес ссылки" - прописать адрес дневника, на который ссылаетесь (http:// и т.д.)
• 2. <*img src="адрес картинки">, вместо "адрес картинки" - прописать её адрес в интернете (http:// и т.д.)
• 3. Объединить два первых пункта:<*a href="адрес ссылки"><*img src="адрес картинки"><*/a>

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

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

Чтобы ваш баннер заработал - необходимо: 1. Изменить Текстовый редактор с простого на расширенный. 2. В панели редактора нажать кнопку "Источник" вставить код баннера, затем снова нажать на кнопку "Источник". 3. Отредактировать баннер и сохранить настройки. Как сделать окошечко для баннеров (Html-кодов)? Чтобы ваш Html-код не переводился в картинку, нужно поместить его в специальное окошечко UPD (см. выше - п.13). Также такое окошко удобно использовать для размещения длинных текстов. чтобы читатель мог сам прокручивать во флейме. Вот это окошко:Код Вашего баннера<*textarea>ВАШ ТЕКСТ (который будет будет в окошечке) <*/textarea>

Код этой цветной кнопки:<center><a target="_blank" data-cke-saved-href="http://www.liveinternet.ru/community/3080659/post115612219/" href="http://www.liveinternet.ru/community/3080659/post115612219/"><img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/0//52/721/52721947_Uchebnik_LiRu.gif" src="//img1.liveinternet.ru/images/attach/c/0//52/721/52721947_Uchebnik_LiRu.gif" width="175" height="30" title="Учебник ЛиРу" /></a></center>

Учебник регулярно обновляется (дата обновления указана красным в начале поста). Для тех, кто установил кнопочку "Учебник Li.Ru" - свежая версия всегда под рукой! P.S. Если возникнут вопросы и пожелания - пишите здесь в комментариях или ко мне в личку.