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

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

ИТАК...

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

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

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

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

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

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

Учимся делать блинги

Совсем немного дней осталось до Нового года. Каждый из Вас готовится поздравить своих друзей и читателей открыткой собственного изготовления и хочется, чтобы эта открытка была самая красивая и яркая.
Я хочу предложить вам научится делать сверкающие надписи и картинки.

Открывайте Фотошоп и приступим!

Учебник Лиру

 

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

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

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

Винтажные фоны.

Смотреть дальше!

Только для дневников на ЛИРУ

все для дневника

 

...ВНИМАНИЕ!!! А....для того,чтобы попасть на сайт- нажмите на нужную кнопку* Б....для того,чтобы вернуться в блог- нажмите на зеленую стрелку в верхнем левом углу монитора* Rob Hefferan визиточки Ангелы,Феи кружева золото розочки детишки цветочки тема осень девушки бордюры куколки цветоч. уголки цветоч. уголки Abstraction для декора рамки цветочные фоны-бордюры птички Frames-рамки фоны разные фоны анимация драпировки для декора 2 медвежата уголки и декор пейзажи розы и вазы Hans Zatzka танцы веера Pieter Wagemans Дамы Art Glamour Porcelain Peonies Jewelry Vintage фоны-бордюры окошки бордюры

Как вставить картинку в текст.

Я покажу несколько примеров как это можно сделать. Пример №1. Вставляем Картинку. Копируем код .Вставляем к себе в блог.Берём УРЛ Адрес картинки или Через Радикал-Фото ,то код под №1.Меняем размеры.width=100-ШИРИНА; height="100"-ВЫСОТА картинки их нужно менять под размер вашей картинки. Код для вставки <img src="УРЛ АДРЕС КАРТИНКи или РАДИКАЛ-Фото код №1" width="100" height="100" /> Читаем далее... дневник Милолика Покровская

Желтая рамочка

***ВАШ ТЕКСТ***

<table style="border:1px solid #000000" background="//img0.liveinternet.ru/images/attach/c/0//46/524/46524744_000K5.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px solid #000000" background="//img0.liveinternet.ru/images/attach/c/0//46/524/46524748_U97fzy22.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px solid #000000" background="//img0.liveinternet.ru/images/attach/c/0//46/524/46524744_000K5.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px solid #000000" background="//img1.liveinternet.ru/images/attach/c/0//46/524/46524734_0045.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:80px"><table style="border:1px solid #000000" background="//img0.liveinternet.ru/images/attach/c/0//46/524/46524744_000K5.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px solid #000000" background="//img0.liveinternet.ru/images/attach/c/0//46/524/46524748_U97fzy22.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><table style="border:1px solid #000000" background="//img0.liveinternet.ru/images/attach/c/0//46/524/46524744_000K5.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px solid #000000" background="//img1.liveinternet.ru/images/attach/c/0//44/491/44491135_1243729188_bhm.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><span style="color:#660000;font-size:20px"><b><img src="http://www.freeonlinephotoeditor.com/temp/yk6jTQxgS9.gif?s=357484" /></b></span></td></tr></table></td></tr></table></td></tr><tr><td style="padding:4px" align="center"><table style="border:1px solid #000000" background="//img0.liveinternet.ru/images/attach/c/0//46/524/46524744_000K5.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px solid #000000" background="//img1.liveinternet.ru/images/attach/c/0//44/491/44491135_1243729188_bhm.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:20px" align="center"><span style="color:#660000;font-size:20px"><b><br /> <img src="//img1.liveinternet.ru/images/attach/c/0//46/524/46524750_rreni1.png" /><br /> ***ВАШ ТЕКСТ***<br /> <img src="//img0.liveinternet.ru/images/attach/c/0//46/524/46524756_razd1.png" /></b></span></td></tr></table></td></tr></table></td></tr></table></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="color:#666699;font-size:10px"><a href="http://blog.kp.ua/users/3668121/"><img src="//img1.liveinternet.ru/images/attach/c/2//64/210/64210887_kirmi_5.gif" width="53" height="20" alt=" (53x20, 1Kb)" /></a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

Текстовая рамочка

ВАШ ТЕКСТ

<table style="border:1px inset #cc9966" background="//i021.radikal.ru/0909/23/0e3bb55f1eda.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px inset #cc9966" background="//img0.liveinternet.ru/images/attach/c/2//65/614/65614900_21a.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px inset #cc9966" background="//i021.radikal.ru/0909/23/0e3bb55f1eda.gif" cellspacing="0" cellpadding="0"><tr><td style="padding:4px"><table style="border:1px inset #cc9966" background="//img0.liveinternet.ru/images/attach/c/2//65/614/65614900_21a.jpg" cellspacing="0" cellpadding="0"><tr><td style="padding:4px" align="center"><span style="color:#cc9966;font-size:20px"><b><br /> <img src="//img1.liveinternet.ru/images/attach/c/2//65/615/65615103_076.gif" width="400" height="30" alt=" (400x30, 5Kb)" /><br /> ВАШ ТЕКСТ<br /> <img src="//img1.liveinternet.ru/images/attach/c/2//65/615/65615103_076.gif" width="400" height="30" alt=" (400x30, 5Kb)" /></b></span></td></tr><tr><td style="padding:0px" height="1%" align="center"><span style="color:#660000;font-size:15px"><a href="http://blog.kp.ua/users/3668121/"><img src="//img1.liveinternet.ru/images/attach/c/2//64/210/64210887_kirmi_5.gif" width="93" height="40" alt=" (93x40, 1Kb)" /></a></span></td></tr></table></td></tr></table></td></tr></table></td></tr></table>

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

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

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

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

Коды для оформления блога Окошко для кода - Рамочка вокруг текста - Рамочка вокруг текста (разрыв слева) - Рамочка вокруг текста (разрыв справа) - Картинки в записи: Картинка слева от текста - Картинка справа от текста - Картинки по бокам текста - Картинки в ряд: 2 картинки - 3 картинки - 4 картинки - 5 картинок - 6 картинок - Кнопки в записи: Текст на кнопке - Картинка на кнопке - Текст и картинка на кнопке - Кнопка на фоне - Номера страниц в блоге - Рамка с картинками по углам - Таблица -

Прямо сейчас берем и цетируем! и потом пусть кто то скажет , что не читал!

Я уже говорил - это последний раз!

Все пистез, отписываюсь от оПОвещатеЛей! (запарило нереально)



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

А эти оповещения, что пост добавлен пи_ддуй и грузи ХТМЛь страницу, а там портала гига белеберды, достало, йОп, я понимаю , что вам рейтинг нужны, так вы уж постарайтесь посты такие делать, чтоб посмотреть хотелось, откаментить или прийти позже...

Я не стану больше читать ни кого,
кто не в состоянии с уважением отнестись к моему трафику!
Удаление сразу!

Это цитата сообщения DaraAmber

Господа! *цитируем*

Лично мне очень надоело то, что с некоторых пор некоторых людей я не могу читать через почту, ибо от их постов мне приходят только заголовки. А чтобы прочитать весь пост, надо зайти непосредственно на ЛиРу.

Поэтому, вот прямо сейчас, все дружно идут в свои настройки.

Открывают раздел "Почтовые уведомления", пролистывают список функций до самых нижних двух и ставят отметку на слове "Да".

Эти две функции называются:

"Высылать подписчикам полные тексты сообщений в Вашем дневнике?"

и

"Высылать подписчикам полные тексты комментариев в Вашем дневнике?"

***

Это нужно для того, чтобы подписавшись на вас, люди могли читать полностью с почты то, что вы пишите. И посты и комментарии.

И чтобы ваши ПЧ не тратили время и траффик на то, чтобы зайти на лирушечку и прочитать, например, пост под названием "ААААА", когда по заголовку тебе кажется, что кому-то настал песдей при том, что самого поста не видно, а на самом деле окажется, что там все нормально и твой переход, затраты времени и траффика ушли исключительно на повышение просмотров рекламы, размещенной на ЛиРу.

***

Цитируем.

Рамочка 507

Ваш текст

Код рамочки в комментаpиях

Рамочка 511

Ваш текст

Код рамочки в комментаpиях

Рамочка 773(всплывающий текст)

Ваш текст

Код рамочки в комментаpиях

Рамочка 777(всплывающий текст)

Ваш текст

Код рамочки в комментаpиях

Рамочки блестяшки.789/790/791/792

Ваш текст

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

Вишенки



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

Красивые цветы


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

Фоны дождинки...(не моё,но очень понадобится)))

Осенние дождинки (фоны gif) Взяла у Zomki...









Успехов и радости творчества Вам!