<strong><strong>Учебник ЛиРу.</strong> <a href='' target=_blank>&l





 

<strong>Учебник ЛиРу.</strong> <a href='' target=_blank><b></b></a> <a href=











 

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















Слева - новый баннер женского клуба.  Выполняя наказ многих читательниц, мы усердно готовим суперучебник ЛиРу. Там будет всё, начиная от оформления и дизайна дневника, тегов, заканчивая операциями с картинками и видео...Каждая наша публикация явится своеобразной главой этого учебника.



Хотите, чтобы всегда у вас под рукой была волшебная кнопка-ссылка на этот учебник? Для этого:



- скопируйте приведенный ниже код;



<center><form action="http://www.liveinternet.ru/community/3080659/post115612219/" method="get"><input type="submit" value="Учебник Li.Ru" /></form></center>



- зайдите в свои "Настройки дневника" (вверху страницы);



- найдите там пункт "Эпиграф дневника" и впишите скопированный код;



- нажмите внизу "Внести изменения". И получите вот такую кнопочку-ссылку на этот текст! Уж она-то никогда не затеряется - будет постоянно на виду! Огромный плюс ещё в том, что учебник будет регулярно пополняться - и обновления сразу появятся у вас!

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







* Памятка начинающему блоггеру



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



* Краткий словарь начинающего лирушника



* Он-Лайн Генератор цветов и цветовых схем.



* Таблица 140 базовых цветов BgColor.



* Как вставить в свой дневник видео с YouTube?



* Как сделать кнопку-указатель для блога?



* Как сделать рамочку для текста самому?



* Как сделать флэш-часы для блога?



* Поисковая машинка по бесплатным файлам mp3.



* Музыка из различных рекламных роликов (ссылки).



* О симпатиях и антипатиях



* О звёздах за количество написанных постов



* Как узнать возможности вашего компьютера?



* Как узнать информацию о человеке, зная его IP ?



* 5000 аватарок!!!



* 100 потрясающих цветочных фонов!



* Интернет для детей. Энциклопедия ссылок.



* ВСЁ о вязании (ссылки и видеоуроки).



* Веселящие ссылки (смешные обработки ваших фото).



* Смайлики "с добрым утром", о любви и подарках.



* Смайлики: праздники, подарки, день рождения.



* Красивые благодарности (смайлики "спасибо").



* Смайлики-анимешки (оформление блога).



* Смайлики: собачки, щенки.



* Весёлый зоопарк (смайлики животных).



* 130 любимых мультяшек (рисунки животных).



* Рамочки для текстов (оформление блога).



* Новогодние рамки и разделители (оформление блога).



* Красивые новогодние постики (разделители текстов).



* Новогодние бесшовные фоны (дизайн блога).







Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.







Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.







Теги, применяемые на ЛиРу



Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.







1. Как выделить текст?







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



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



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



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



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



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



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



<hr width="50%" />Горизонтальная линияГоризонтальная разделительная линия ___________________________



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



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

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

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

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

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 и т.д. (черный,белый,розовый,фиолетовый,бордовый,золотой,серебряный,бронзовый,платиновый).







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="Адрес страницы" _fcksavedurl="Адрес страницы"><img src="Адрес картинки в сети" _fcksavedurl="Адрес картинки в сети" /></a>







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







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







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







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







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







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





















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








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








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







<*textarea style="width: 300px; height: 40px; background-color: #DDDDDD;" scrolling="0" scroll="0">Ваш текст<*/textarea>, только убираете звездочки. Width - ширина рамки, height - её высота. Background-color - цвет подложки в рамке.











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







1. Выкладываете вашу картинку фото) в свой дневник (черновик);



2. Копируете её адрес (URL).



3. Прописываете в эпиграфе (настройки дневника) адрес вот так: [img]Адрес картинки[/img].



или так: <*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>Продолжение следует...



P.S. Если возникнут вопросы и пожелания - пишите здесь в комментариях или ко мне в личку.