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

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - "Сюда вставить адрес картинки" - вставляете адрес нужной картинки. Где её взять? Есть только два варианта: первый - Вы должны её загрузить со своего ПК, второй - найти её в интернете и нажав на ней правую кнопку мыши, копировать ссылку на изображение.

2. Где написано - "Здесь написать Ваш текст" - думаю, проблем не возникнет - пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Мне столько раз приходилось слышать о людях, которые умирают от любви, но за всю жизнь я не видела, чтобы кто-нибудь из них действительно умер.

Маргарита Валуа

Вначале - кратко о спецкодах и 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><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

• Мужской клуб
   
• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /> <li> второй пункт Вашего ТЕКСТА<br /> </ol>

1. Первый пункт текста
    
2. Второй пункт текста

Однажды

        в студеную зимнюю пору

                я из лесу вышел...

Грандиозный концерт, который великий тенор Лучано Паваротти дал в ознаменование 30-летия своей певческой карьеры. Это событие собрало в лондонском Гайд-парке 100-тысячную аудиторию.

При участии лондонского симфонического оркестра "Филармония", дирижер Леоне Маджера.

Super Instrumental Hits

Серия сообщений "Мировые хиты ":

Музыка в формате МР3 с максимальным битрейтом 320 kbps

Часть 1 - Best Instrumental Music - 01
Часть 2 - Best Instrumental Music - 02
...
Часть 19 - Night Violin (Ночная скрипка)
Часть 20 - Richard Clayderman - 1
Часть 21 - Richard Clayderman - 2
Часть 22 - Richard Clayderman - играет музыку ABBA
Часть 23 - Super Instrumental Hits - 05
...
Часть 43 - Caravelli Orchestra
Часть 44 - Caravelli Orchestra 2
Часть 45 - Музыкальный марафон

Художник-маринист Иван Константинович Айвазовский
 

  Есть художники, о которых знают даже люди, не очень сведущие в живописи. Одним из них является выдающийся маринист Иван Константинович Айвазовский (настоящее имя — Ованес Айвазян). Восторженный певец моря, умело передающий на холсте красоту и мощь стихии, Айвазовский подарил миру самые эффектные и впечатляющие, полные драматизма и восхищения, полотна в жанре марина.

Любимец Фортуны и публики

  Айвазовского можно назвать баловнем судьбы. Ему, одному из немногих художников, довелось вкусить славу и богатство при жизни. Его картины нравились и сейчас нравятся абсолютному большинству людей. Может, тема морская такая благодатная, а, может, самобытный талант художника сделал ее столь любимой и популярной. В своем письме владелец художественной галереи П.М.Третьяков, обращаясь к Айвазовскому, писал: «…дайте мне вашу волшебную воду такой, которая вполне бы передала Ваш бесподобный талант».

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

Этот пост по просьбе моего друга и ПЧ MsTataka

КОМПОЗИТОР ГОСПОЖИ УДАЧИ Исаак Шварц: "И тогда я впервые испытал некоторое подлое авторское чувство..." Этой встречи я ждала полгода. Сперва легендарный композитор ссылался на то, что давно живет букой - не дает интервью, не ходит на светские рауты. Затем он плохо себя чувствовал, следом болела жена, а потом пришло время заканчивать симфонию. Я терпеливо ждала. И не потому, что он - знаменитость, обладатель "Ники" и имеет право на каприз. И даже не потому, что собеседнику уже много  лет. Просто я очень хотела увидеть человека, написавшего песню "Ваше благородие, госпожа удача"...Читать далее     Crys_tal   И.Шварц "Желтые звезды"