КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке)

КНОПКА ВЫПАДАЮЩЕГО МЕНЮ (все ссылочки на одной строке) Очень удобная выпадающая кнопка,в которую можно поместить все полезные сайты,которыми вы пользуетесь или использовать как бродилку по своему блогу. Её даже можно поместить в приветствие. НАЗВАНИЕ НАЗВАНИЕ НАЗВАНИЕ НАЗВАНИЕ НАЗВАНИЕ Читать урок далее...

ВСЕ ФОРМУЛЫ ПОД РУКОЙ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Метки: все для блога, памятка начинающим

Очень удобная шпаргалка!!!

Урок о том, как добавить анимацию на вашу картинку.

Урок о том как добавить анимацию на вашу картинку











читать дальше

Учебник ЛИРУ!

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

 

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. Как скрыть часть текста (убрать под кат) ?



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

Как вставить музыку в пост с ЯндексМузыки.

ЯндексМузыка

1. открываем сайт,

 

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

ШРИФТЫ он-лайн




Из блога Arina Victoria

Всё,что должно быть у Лирушника под рукой(ссылки)

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

Schamada
 

ВСЁ о схемах на ЛиРу

Практически всех лирушников интересуют вопросы, связанные с фонами (схемами) для дневников. Как их установить, поменять, редактировать, как изготовить самостоятельно "под себя"? В этом посте собрано всё. что необходимо знать не только начинающему, но и опытному пользователю Liveinternet-сайта. Огромное спасибо Душице, чьи посты использованы в этой статье.

Как сохранить себе схему и использовать её?

Название: Весенняя сакура Автор: Только_для_женщин Создана: 24.03.2009 22:21 Скопировали: 476 раз Установили: 437 раз Примерить схему | Cохранить себе

Название: Весна Автор: Только_для_женщин Создана: 06.03.2009 20:51 Скопировали: 560 раз Установили: 624 раз Примерить схему | Cохранить себе

Если Вы где-то увидели красивую схему и хотите установить её себе, то это очень легко - надо нажать на ссылку "Сохранить себе" под кодом схемы, как показано на схемах выше. (Кстати, примерьте их себе!) Но предварительно лучше нажать на "Примерить схему", чтобы увидеть, как она будет выглядеть конкретно в Вашем дневнике. Не понравилось? Значит не сохраняете, а просто закрываете страницу крестиком вверху справа. А если схема вам по душе, то кликаете на "Скопировать схему", или сразу на "Использовать схему" (всё это тоже высветится вверху справа). При втором варианте схема сразу установится в ваш блог и заменит имеющуюся схему.

Если же без примерки Вы сразу нажали на "сохранить себе", то вы автоматически попадете в подраздел "Управление схемами" в "Настройках дизайна". Вам нужно из открывшегося каталога схем выбрать нужную (на самом деле, та схема, которую вы сохраняли, уже будет выделена курсором и будет первой в списке схем), а далее вам нужно нажать на ссылку "Использовать схему" внизу окошка каталога. Вот и все!

Как работать со схемами и сделать собственный фон для дневника? >>>

Коды для оформления блога

Как вставить ПЛЕЕР в пост на Лиру (подробно)

Приветик, позавчера не могла никак вставить музыку в пост, или у меня что-то не так, или на Лиру глюки, или ПОСТОВОЙ "шалил", я так и не поняла...
Сегодня все получилось, наконец-то:)))
Если кто не знает, ПОСТОВОЙ.РУ, это сайт, на котором находится этот самый ПЛЕЕР , куда мы будем вставлять ссылку на музыку, которую хотим вставить в наш пост.
На всякий случай, я сделала несколько скриншотов, чтобы было яснее, что, куда вставлять...
Хотя я знаю, что девчонки и раньше делали посты с разъяснениями, да...повторенье - мать ученья!!! А еще...это подробное разъяснение очень пригодится новичкам!!!
Заодно, я "тесно пообщалась" с манипуляциями в программке для снятия скриншотов...FastStone Capture отличная программка, кому интересно, что можно делать, можно посмотреть ВОТ ТУТ, или найти какой-либо другой сайт самим!
Но...строго-то не судите, это мой первый "поучительный" пост с картинками и скриншотами...
ВНИЗУ моего сообщения я даю вложение (архив) на FastStone Capture:


Короче...если вас это заинтересовало, то приступим:


1.Для начала мы должны получить ссылку на музыку, поэтому через ОБЗОР в ПРОСТОМ РЕДАКТОРЕ( мы выбираем и загружаем музыку со своего компа, где у вас хранится музыкальная коллекция)
и нажимаем В ЧЕРНОВИК!


после загрузки получаем такой старенький, неказистый лирушный плеерочек

ПРОДОЛЖЕНИЕ>>>

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник.

Шпаргалочка по тегам Берём к себе в цитатник. 1. Шпаргалочка по тегам № 2

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

Кладезь для всех начинающих...

Я здесь буквально всё собрала,что касается текста,шрифта и т.д. и т.п.
Кто хочет разобраться в этих тонкостях,сохраните к себе и по-маленьку изучайте...

ИТАК...

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

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

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

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

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

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

Шпаргалки новичкам. Несколько постоянно нужных вещей. Шпаргалка 6.

Шпаргалки новичкам. Несколько постоянно нужных вещей. Шпаргалка 6. В процессе создания постов я для себя выделила несколько постоянно нужных вещей. 1.Вставка длинных текстов. Если ты хочешь написать очень длинный текст воспользуйся тегом [more*] (звезду убрать), т.е. вставь его перед текстом, который хочешь скрыть (текста не будет видно, чтобы его увидеть нужно нажать Читать далее). 2.Если нужно скрыть текст, картинки или текст с картинками в середине поста, то его ограничиваем тегами в начале и в конце [more*]ТЕКСТ,КАРТИНКИ[/more] (звезду убрать). Этот прием можно использовать несколько раз в одном посте. 3.Для того, чтобы вставить изображение в сообщение, воспользуйся тегом [img]: [img*]http://ссылка на картинку[/img*] (звезды убрать). 4.Если хотите дать ссылку на что-либо (ссылку на источник, какой либо сайт...), то возьмите код из окошка и внесите свои данные (ссылку и свои слова: ИСТОЧНИК, Рецепт здесь, Уроки здесь...) <b><a href="ссылка">ИСТОЧНИК</a></b> Получится: Источник 5.Текст (картинка) будет по центру <center>ВАШ ТЕКСТ</center> 6.Жирный текст <b>ВАШ ТЕКСТ</b> 7.Выделение текста курсивом <i>ВАШ ТЕКСТ</i> 8.Подчёркнутый текст <u>ВАШ ТЕКСТ</u> 9.Зачёркнутый текст <s>ВАШ ТЕКСТ</s> Пока мне больше ничего не приходилось использовать, больше информации можешь почерпнуть здесь, здесь или здесь. Пока все. Следующая шпаргалка будет на тему "Настройки Дизайна". Желаю удачи в оформлении дневника! Aspidistra1

Полезности для новичков на LiveInternet.

Дневник – это личное пространство зарегистрированного пользователя, где он может размещать какую-либо информацию и обсуждать ее с читателями. У нас часто возникает много вопросов после того как мы решили открыть на Live Internet свой дневник. А вот где найти ответы мы и не знаем? В этом посте я постараюсь дать вам самую исчерпывающую информацию. Начнём с самого главного. ЗДЕСЬ далее...

Цветовой конструктор для текста.

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

Какой выбрать цвет для шрифта поста. Вы можете выбрать здесь.
Дальше делаем так: Копируйте код из окошка. <font color="КОД ЦВЕТА">ВАШ ТЕКСТ</font>
В этом коде,где написано КОД ЦВЕТА- ВСТАВЛЯЙТЕ понравившийся код Буквенного
или Цифрового цвета,выбрав его из большого разнообразия цветов.
Внутрь кавычек, кавычки не трогаем. А где написано, ВАШ ТЕКСТ, пишите свой текст.
Вот ещё один код,но он работает только на ЛИРУ. [color=red] ВАШ ТЕКСТ [/color]
Вместо слова red вставляйте КОД ЦВЕТА-буквенного или цифрового.
БУКВЕННЫЕ КОДЫ ЦВЕТА.

Aqua	Black	Fuchsia	Green	Aquamarine	Lime	Maroon	Navy
Olive	Purple	Red	Silver	Teal	White	Yellow	Blue
Gold	Orange	Pink	Peru	Chocolate	Coral	Violet	Grey

ЗДЕСЬ далее...SvetlanaT

Уроки по Оформлению дневника для Лирушников

Это более полный вариант УРОКОВ с новыми добавлениями. Для оформления вашего ДНЕВНИКА. Здесь всё самое необходимое,что может вам понадобиться. Для того,чтобы сделать его красивым и интересным. Если у вас старый вариант перестал работать, то вместо старого можно добавить к себе в дневник эту новую версию.Успехов всем в оформлении. 1.Как сделать ПОСТ С КАРТИНКОЙ. 2.Как вставить КФРТИНКУ в пост 3.Как вставить ВИДЕО в дневник. 4.Как загрузить МУЗЫКУ к себе в дневник 5.Как ЦИТИРОВАТЬ ЧУЖОЙ ПОСТ 6.Как делать РУБРИКИ и ПОДРУБРИКИ 7.Как делать СХЕМЫ для дневника 8.Как поставить в пост или УДАЛИТЬ СХЕМУ 9.Как ЗАКРЫТЬ функцию Симпашек и Антипашек 10.Как УБРАТЬ часть текста ПОД КАТ(спрятать) ЗДЕСЬ далее...