Красивые рамочки для видео |Lana Lanochka|

ВИДЕО

ДАЛЕЕ >>>

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

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

 

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



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

Добро пожаловать в мой дневник!
Друзья, спасибо, что Вы рядом,
С улыбкой и надёжным взглядом!
За то, что Вы со мной всегда ,
В счастье, в горе, в холода!

Хочу, спасибо, от души сказать!
Мне так приятно, что не передать,
От моря Ваших нежных,слов,
От букетов сказочных цветов!

За АНГЕЛОВ спасибо, что меня оберегают!
Теплом мне ВАШИМ, сердце, согревают.
Спасибо просто, что ВЫ есть!
Со мной сегодня, завтра, здесь!!!!

Как пользоваться спецкодами (ВВ-кодами) на ЛиРу?

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

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

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

ВВ-коды Лиру

Коды, используемые не на всех сайтах

[user=Только для женщин] - позволяет поставить красивую ссылку на пользователя сайта. Выглядеть будет это так: Только для женщин
[user=Дом советов]Домик[/user] - позволяет назвать при этом пользователя по-особенному. Вот так:Домик

---

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

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

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

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

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

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

ДЕЛАЕМ МУЗЫКАЛЬНЫЕ ОТКРЫТКИ

Автор поста La_Perla (Маргарита) Этот урок - продолжение урока "Простейшие музыкальные открытки" Первая часть ЗДЕСЬ Отвечая на комментарии моих дорогих читателей, я поняла, что остались некоторые вопросы, которые я постараюсь осветить здесь. Вопрос №1 - Где взять Код музыкального файла У каждого на личной страничке в Моем Мире есть возможность найти и добавить себе песню или мелодию. При открытии Новой записи в Блогах справа можно увидеть кнопки: добавить фото, видео, АУДИО (это и есть кнопка добавления музыки) вот ЗДЕСЬ все нарисовано наглядно. При нажатии на кнопку АУДИО можно увидеть всю свою музыку из Мира, выбрать нужную песню и добавить в запись Так появляется КОД музыкального файлла . Вопрос №2 - основной - Как переместить "музыку" внутри открытки...вниз или вверх, влево или вправо. Для простоты дам Вам формулы для всех случаев жизни: Музыка - сверху слева: /i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width=1 border=0> КОД МУЗЫКИ ВАШЕ ИМЯ" /> Музыка сверху в центре: /i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width=1 border=0> КОД МУЗЫКИ ВАШЕ ИМЯ" /> Музыка сверху справа: /i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width=1 border=0> КОД МУЗЫКИ ВАШЕ ИМЯ" /> Музыка - снизу слева: /i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width=1 border=0> КОД МУЗЫКИ ВАШЕ ИМЯ" /> Музыка внизу по центру: /i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width=1 border=0> КОД МУЗЫКИ ВАШЕ ИМЯ" /> Музыка - внизу справа: /i033.radikal.ru/1005/e5/ac5d9ea9c583.gif"" target="_blank">//i033.radikal.ru/1005/e5/ac5d9ea9c583.gif" width=1 border=0> КОД МУЗЫКИ ВАШЕ ИМЯ" /> Дорогие друзья, в формуле я предусмотрела возможность поставить Вам свое имя со ссылкой на блог.!!! Кроме того, в формуле заложена моя невидимая авторская ссылка. Огромная прсьба ее не убирать и не переделывать. Обижусь!!! Проверим формулу...Возьмем вот такую картинку: Мне кажется, что муз. плеер лучше расположить слева внизу. Берем формулу, вставляем все те же цифры - ширину и высоту картинки, ее адрес, который берем из кода картинки. Как определить эти параметры для любой картинки я подробно объясняла ЗДЕСЬ В итоге получаем вот такую мызыкальную открытку: ВСЕ!!! Удачи и всех благ! С уважением La@Perla (Маргарита) Еще мои уроки ЗДЕСЬ Оригинал поста здесь