Новогодние дракончики. Открыточки с кодом.

<img src="//img1.liveinternet.ru/images/attach/c/4/79/438/79438553_2242.gif" width="300" height="459" alt="2242 (300x459, 574Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/4/79/439/79439666_2241gif.gif" width="300" height="459" alt="2241gif (300x459, 175Kb)" />

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

Как сортировать посты дневника по рубрикам?

Пост написан по просьбе нескольких читательниц. Тема простая, но как всегда всё неизвестное пугает:).

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

Покажу на примере, как это выглядит в нашем сообществе. Смотрим слева в столбике список рубрик.
Посты по кулирании разложены как на обеденном столе, а по уходу за собой - как таблички на вашем теле:)) Не правда ли удобно? Как такое сделать?

Сначала идем в настройки нашего дневника. Чтобы попасть туда, жмем на надпись "Настройки" под своей аватаркой. Второй вариант - открываем панель управления, щелкнув по значку (черный треугольничек) слева. Эти места на правом скрине показаны галочками.

А уже на самой панельке жмем "настройки":

После чего нас перекинет в настройки дневника. Тут ищем пункт "Разделы в дневнике" и кликаем по нему:

Рубрики - это очень удобно и просто! >>>

Цветочные букетики для украшения дневничка.

<img src="//img0.liveinternet.ru/images/attach/c/3/75/889/75889312_187.png" width="300" height="234" alt="187 (300x234, 113Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/75/889/75889335_411.png" width="268" height="300" alt="411 (268x300, 101Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/3/75/889/75889458_5086.png" width="221" height="300" alt="5086 (221x300, 136Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/3/75/889/75889314_206.png" width="280" height="300" alt="206 (280x300, 146Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/75/889/75889413_267.png" width="300" height="284" alt="267 (300x284, 119Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/75/889/75889445_269.png" width="300" height="203" alt="269 (300x203, 88Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/75/889/75889507_254.png" width="300" height="300" alt="254 (300x300, 119Kb)" />

<img src="//img1.liveinternet.ru/images/attach/c/3/75/889/75889563_204.png" width="267" height="300" alt="204 (267x300, 118Kb)" />

<img src="//img0.liveinternet.ru/images/attach/c/3/75/889/75889316_138.gif" width="220" height="220" alt="138 (220x220, 25Kb)" />

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

Рамочки с розочками. Часть 2

Смотрите по теме ранее: Рамочки с розочками. Часть 1

КАРТИНКА ВАШ ТЕКСТ ЕМ

<center><table border="2" background="//img0.liveinternet.ru/images/attach/c/0//47/830/47830013_fon206.jpg" cellpadding="5" cellspacing="2" width="700"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/c/1//56/929/56929474_1.jpg" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="2" background="//img0.liveinternet.ru/images/attach/c/0//47/830/47830013_fon206.jpg" cellpadding="5" cellspacing="2" width="500"><tr><td>КАРТИНКА<table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/869/48869768_fon253.gif" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="2" background="//img1.liveinternet.ru/images/attach/c/1//56/929/56929474_1.jpg" cellpadding="5" cellspacing="2" width="500"><tr><td><table border="2" background="//img0.liveinternet.ru/images/attach/c/0//47/830/47830013_fon206.jpg" cellpadding="2" cellspacing="5" width="100%"><tr><td><font size="5"><font color="8B008B"><font face="monotype corsiva"><br /> ВАШ ТЕКСТ <br /> </font></font></font></td></tr></table></td></tr></table></center></td></tr></table></td></tr></table></center><center><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><font style="CURSOR: hand" face="Monotype Corsiva" size="2"><font color="ffffff">ЕМ</font></font></marquee></center> </td></tr></table></td></tr></table></center>

Ещё 20 рамочек + 3 летних >>>

Рамочки с розочками. Часть 1

Смотрите по теме: Рамочки с золотыми кружевами. Часть 1 * Рамочки с золотыми кружевами. Часть 2

КАРТИНКА ВАШ ТЕКСТ ЕМ

<center><table border="2" background="//img1.liveinternet.ru/images/attach/c/2/73/417/73417429_fon_temno_rozovuyy1.jpg" cellpadding="5" cellspacing="2" width="700"><tr><td><table border="2" background="//img0.liveinternet.ru/images/attach/c/2/73/638/73638152_fon_buket2.jpg" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="2" background="//img1.liveinternet.ru/images/attach/c/2/73/417/73417429_fon_temno_rozovuyy1.jpg" cellpadding="5" cellspacing="2" width="500"><tr><td>КАРТИНКА<table border="2" background="//img0.liveinternet.ru/images/attach/c/1//48/869/48869768_fon253.gif" cellpadding="2" cellspacing="5" width="100%"><tr><td><center><table border="2" background="//img0.liveinternet.ru/images/attach/c/2/73/638/73638152_fon_buket2.jpg" cellpadding="5" cellspacing="2" width="500"><tr><td><table border="2" background="//img1.liveinternet.ru/images/attach/c/2/73/417/73417429_fon_temno_rozovuyy1.jpg" cellpadding="2" cellspacing="5" width="100%"><tr><td><font size="5"><font color="fffff0"><font face="monotype corsiva">ВАШ ТЕКСТ<br /></font></font></font></td></tr></table></td></tr></table></center></td></tr></table></td></tr></table></center><center><marquee style="FILTER: alpha(opacity=75, style=3)" scrollamount="1" scrolldelay="75" width="50" px="px"><font style="CURSOR: hand" face="Monotype Corsiva" size="2"><font color="fffff0">ЕМ</font></font></marquee></center> </td></tr></table></td></tr></table></center>

Ещё 20 рамочек >>>

Делаем не опускающиеся приветствие в дневник?

У меня многие девочки спрашивают:
"Как сделать приветствие которое бы не опускалось
вниз вместе с другими постами?"
Чтобы оно было всегда наверху.
Кто уже немного освоился здесь и знает как это делать,
переходите к другому постику.
Этот пост для тех кто только учится.
Есть 2 варианта где можно написать что-то о себе.
ВАРИАНТ №1.ПОД АВАТАРКУ.
а) Открыли дневник на главной страничке.
б) В левой колонке чуть ниже вашей АВАТАРКИ
увидели надпись О СЕБЕ.

Как видите у меня там разные кнопочки.
Вы же здесь можете написать о себе
всё что захотите.
Как личное, так и разные красивые штучки
для оформления вашего дневника.
КАК ЭТО СДЕЛАТЬ?
Выходим в Панель настроек.
а) Нажали на кнопочку.
б) Находим и кликаем.
в) Затем находим надпись.
И в окошко напротив вставляйте любую
ЛИЧНУЮ информацию О ВАС.
г)Не забудьте нажать.
Вот и всё.С личными данными на ГЛАВНОЙ страничке мы закончили.
ЗДЕСЬ ВАРИАНТ №2...
Милолика Покровская

7076 шрифтов бесплатно!

В стандартном пакете операционной системы имеется в наличии ограниченное количество шрифтов. Этот факт так же правомерен в отношении любого текстового и графического редактора. А нам так хочется разнообразия и полета творческой мысли!

Но есть в интернете сайт, который предлагает не только наглядно увидеть как выглядят различные шрифты, но и дает возможность их бесплатно скачать! Знакомтесь www_fontov.net/бесплатные-шрифты (поменяйте нижнее подчеркивание на точку при копировании в строку поиска браузера).

КАК ВСТАВИТЬ ШРИФТ ЧИТАЕМ ЗДЕСЬ

Серия сообщений "Уроки":
Часть 1 - Эффект шахматной доски.
Часть 2 - Эффект древней рукописи.
...
Часть 19 - Здесь собраны уроки по Photoshop от многих мастеров.
Часть 20 - Лучшие Видеоуроки Фотошоп. Создаём изображения с прозрачным фоном
Часть 21 - 7076 шрифтов бесплатно!
Часть 22 - Видео курс работы с Gimp
Часть 23 - Огромная подборка уроков по Фотошоп
...
Часть 26 - Аватар в Фотошоп
Часть 27 - Еще уроки по Фотошоп
Часть 28 - Анимация в Фотошоп

Картинки для комментария с кодами от Smelena

Спасибо Smelena! <img src="//s011.radikal.ru/i317/1011/07/8e93e5c865f3.gif" /> <img src="//img0.liveinternet.ru/images/attach/c/2//66/434/66434660_dlya_tebya_dorogaya_1.gif" /> <img src="//img1.liveinternet.ru/images/attach/c/2//65/548/65548863_khoroshee_nastroenie_3.gif" /> Ещё много...

Надписи к Пасхе + код

<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//i038.radikal.ru/1103/5d/75924fba430b.png" /></a>
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//s11.radikal.ru/i183/1103/8b/ce6abf233df4.png" /></a>
<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.radikal.ru"><img src="//s12.radikal.ru/i185/1103/0f/b362537823d8.png" /></a>


далее...

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

Открытки от Искательница А.илона A.ilona <img src="//i072.radikal.ru/1010/03/cafd60031b80.gif" border="0" /> <img src="//i077.radikal.ru/1010/b4/885038b2aeb2.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3410.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3198.gif" border="0" /> <img src="//s41.radikal.ru/i091/1008/3f/1d0e5d71485b.gif" border="0" /> <img src="//s53.radikal.ru/i141/1008/7f/6258cc793a62.gif" border="0" /> <img src="//i072.radikal.ru/1008/98/660029f6fb62.gif" border="0" /> <img src="//s11.radikal.ru/i183/1008/0d/1b817350f40c.gif" border="0" /> <img src="//s46.radikal.ru/i114/1008/e2/bdc8eb9188e4.gif" border="0" /> <img src="//i076.radikal.ru/1008/87/2e0e4fc26e6e.gif" border="0" /> <img src="//s55.radikal.ru/i149/1008/8e/c297b6027d40.gif" border="0" /> <img src="//i077.radikal.ru/1008/08/797ea3519cc7.gif" border="0" /> <img src="//s59.radikal.ru/i163/1008/fe/007aa9c9cb90.gif" border="0" /> <img src="//s48.radikal.ru/i119/1008/57/62b87c492a28.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3174.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3172.gif" border="0" /> <img src="//s44.radikal.ru/i106/0911/00/8e98e9ea851e.gif" border="0" /> <img src="http://content.foto.mail.ru/list/net.78/_animated/i-3334.gif" border="0" /> <img src="//img1.liveinternet.ru/images/attach/c/2//65/971/65971496_53497618_0_23a0c_76a30dc7_XL.gif" width="600" height="442" alt="53497618_0_23a0c_76a30dc7_XL (600x442, 209 Kb)" />

Смайлики пушистики, из блога Милада

Смайлики-пушистики к вашим комментариям

источникМечтающая Ирина Милочка

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

Взяла у Ullechka
Учебник Лиру

 

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



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

Опять комментарии

 

 

Источник

«Разделы в дневнике» (Цикл «Все настройки ЛиРу в картинках»)