ВСЕ о тегах и оформлении постов

Вторник, 26 Марта 2013 г. 02:45 + в цитатник

Цитата сообщения

Прочитать целиком В свой цитатник или сообщество!

Этому посту уже более 3 лет, его добавили в свои блоги более 3 тысяч раз. Для новеньких, тех кто появился за эти 3 года, да и просто для тех кто не шарит в тэгах повторяю пост:

Элементарные формы оформления

Жирный текст

Текст курсивом

Подчеркнутый текст

Мааахонький текст ;)

~~Зачеркнутый текст~~

Простой текст и Здесь всплывающая подсказка

Размер шрифта +1

Размер шрифта +2

Размер шрифта +3

Размер +4

Текст _{Сноской} внизу

Ваш текст

Текст ^{Сноской} вверху

ТЕКСТ

Цитата
с отступом

<blockquote> ВАШ текст</blockquote>

Текст (или картинка) по центру

<center>ВАШ текст</center>

Закрепить текст

<pre>ВАШ текст</pre>

Текст с точкой в начале<ul> <li>ВАШ текст </li></ul>

<left>ВАШ текст слева</left>

Путин едет по стране на серебряном коне

Путин всем людЯм поможет, дай ему здоровья, Боже.

Всех бандитов перебьёт, работягам он нальёт.

Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

<right>ВАШ текст справа</right>

Путин едет по стране на серебряном коне

Путин всем людЯм поможет, дай ему здоровья, Боже.

Всех бандитов перебьёт, работягам он нальёт.

Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

[more=Текст ссылки перехода]То что будет скрыто под катом[/more]

Если ваш пост слишком большой 

можете скрыть часть вашего поста под кат

<pre><ol><br /><li> первый пункт<br /><br />
</li><li> второй пункт<br /></li><li> третий пункт<br /></li></ol></pre>


 первый пункт
 второй пункт
 третий пункт

Раздел таблиц оформления

Точечная рамка

<div style="border:1px dotted  #000;padding:10px;">ВАШ текст</div>

Точечная рамка толщиной +2

<div style="border:2px dotted  #000;padding:10px 10px 10px 10px;">ВАШ текст</div>

Точечная рамка толщиной +3 красная

<div style="border:3px dotted  red;padding:10px 10px 10px 10px;">ВАШ текст</div>

Сплошная рамка

<div style="border:1px double  #000;padding:10px;">ВАШ текст</div>

Сполшная рамка толщиной +2

<div style="border:2px solid  #000;padding:10px 10px 10px 10px;">ВАШ текст</div>

Сполшная рамка толщиной +3 фиолетовая

<div style="border:3px solid  purple;padding:10px 10px 10px 10px;">ВАШ текст</div>

Пунктирная рамка

<div style="border:1px dashed  #000;padding:10px 10px 10px 10px;">ВАШ текст</div>

Пунктирная рамка толщиной +2

<div style="border:2px dashed  #000;padding:10px 10px 10px 10px;">ВАШ текст</div>

Пунктирная рамка толщиной +3 голубая

<div style="border:3px dashed  #A7A7FE;padding:10px 10px 10px 10px;">ВАШ текст</div>

Возвышенный текст

<div style="border:1px inset  #000;padding: 10px;">ВАШ текст</div>

Возвышенный текст толщиной +2

<div style="border:2px inset  #000;padding:10px 10px 10px 10px;">ВАШ текст</div>

Возвышенный текст толщиной +3 цвет фуксия

<div style="border:3px inset  fuchsia;padding:10px 10px 10px 10px;">ВАШ текст</div>

Вдавленный текст

<div style="border:1px outset  #000;padding:10px;">ВАШ текст</div>

Вдавленный текст толщиной +2

<div style="border:2px outset  #000;padding:10px 10px 10px 10px;">ВАШ текст</div>

Вдавленный текст толщиной +3 зеленый

<div style="border:3px outset  #2D8028;padding:10px 10px 10px 10px;">ВАШ текст</div>

<p style="text-indent: 40px">ВАШ ТЕКСТ</p>

Текст который вы тут напишите в начале абзаца будет иметь небольшой отступ, практичесски как во всех правилах книгопечатания;) на всякий случай пишу больше текста чтобы вы поняли о чем идет речь)) Хорошая погода правда? Как у вас дела?)) Кстати этот пост я мучаю уже больше 2 недель, вот так вот, не так уж и просто доходчиво научить вас как оформлять свои посты)

<a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ссылка">ЗДЕСЬ ваш текст</a>

ЗДЕСЬ ваш текст, в данном случае ссылка на мой блог ;)

Цветной текст

Красный текст

<font color="red">Текст</font>

Фиолетовый текст

<font color="purple">Текст</font>

Желтый текст

<font color="yellow">Текст</font>

Ядовитый зеленый текст

<font color="lime">Текст</font>

Коричневый текст

<font color="maroon">Текст</font>

Голубой текст

<font color="aqua">Текст</font>

Синий текст

<font color="navy">Текст</font>

Фуксия текст

<font color="fuchsia">текст</font>

Белый текст

<p><span style="color: rgb(255, 255, 255);">Текст</span></p>

Серый текст

<p><span style="color: rgb(192, 192, 192);">Текст</span></p>

Розовый текст

<p><span style="color: rgb(255, 153, 204);">Текст</span></p>

Оранжевый текст

<p><span style="color: rgb(255, 102, 0);">Текст</span></p>

16 основных названий цветов, используемых во всех браузерах. Блок от Rost

Название	Hex	Красный (R)	Зеленый (G)	Синий (B)
aqua	#00FFFF	00	255	255
black	#000000	00	00	00
blue	#0000FF	00	00	255
fuchsia	#FF00FF	255	00	255
gray	#808080	128	128	128
green	#008000	00	128	00
lime	#00FF00	00	255	00
maroon	#800000	128	00	00
navy	#000080	00	00	128
olive	#808000	128	128	00
purple	#800080	128	00	128
red	#FF0000	255	00	00
silver	#C0C0C0	192	192	192
teal	#008080	00	128	128
white	#FFFFFF	255	255	255
yellow	#FFFF00	255	255	00

Немного анимации

<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ текст</marquee>

Плавающий текст вверх

<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ текст</marquee>

Плавающий текст вниз

<marquee direction="right">ВАШ текст</marquee>

Текст умеющий убегать вправо =)

<marquee>ВАШ текст</marquee>

Текст умеющий убегать влево ;)

<marquee behavior="alternate">ВАШ текст</marquee>

ВАШ текст бегающий от края к краю

А еще, я прилагаю к сему посту, одну очень простую и полезную програмку, с помощью которой можно делать практичесски все тоже самое только в полуавтоматическом режиме. Называется она tagExpress. Она полностью мобильна, ее не нужно устанавливать на ваш компьютер, просто запускаете ее пишите\вставляете в область написания текста то, что вам нужно, и выделив ту часть текста которая вам нужна, нажимайте на тот эффект которого вы хотите достичь, и выделенный вами текст автоматически обретет нужный тег. Посмотреть на то как будет выглядеть результат, можно в ней же перейдя в закладку show. После чего, можете вырезать обработанный текст из закладки edit, и вставлять в свои посты. Программа делалась специально для ЛиРушечки, для ленивых и не очень ;) Программа позволяет быстро, мобильно и удобно все оформлять. Качаем ее по ссылке: tagExpress.rar
Вот как она выглядит:

Получать новые посты дневника на почту:

Серия сообщений "Уроки":

Часть 1 - Уроки Photoshop -< Визуально состариваем человека >
Часть 2 - Уроки Photoshop - < Работа со светом >
...
Часть 11 - Учимся фотографировать
Часть 12 - Как избавится от картинок в комментариях [всего 4 шага]
Часть 13 - ВСЕ о тегах и оформлении постов
Часть 14 - Узлы на шнурках [8]

Серия сообщений "Новичкам на ЛИРУ":
Часть 1 - Шпаргалки новичкам. Создание первого поста в дневнике с загрузкой фотографий(картинок). Шпаргалка 5. Воскресенье, 26 Декабря 2010 г. 22:55 (ссылка)
Часть 2 - Как разбить текст на две колонки Пятница, 24 Июня 2011 г. 05:10 (ссылка) Процитировано 729 раз + в цитатник Прочитало: 1 за час / 8 за сутки / 9 за
...
Часть 19 - Как создавать посты. Пошаговая инструкция для начинающих
Часть 20 - Как с помощью расширенного редактора сделать таблицу для большого количества картинок.
Часть 21 - ВСЕ о тегах и оформлении постов
Часть 22 - Как увеличить картинку в сообщении. Уроки Лиру.
Часть 23 - Как я делаю свои подборки
Часть 24 - Как загрузить много фотографий "одним махом"
Часть 25 - Кладезь для всех начинающих...
Часть 26 - Все формулы в одном месте

Метки: новичкам на лиру

<a href="https://www.liveinternet.ru/users/lassi1/post267328182/"> Р’РЎР• Рѕ С‚РµРіР°С… Рё РѕС„РѕСЂРјР»РµРЅРёРё РїРѕСЃС‚РѕРІ</a> РС‚РѕРјСѓ РїРѕСЃС‚Сѓ СѓР¶Рµ Р±РѕР»РµРµ 3 Р»РµС‚, РµРіРѕ РґРѕР±Р°РІРёР»Рё РІ СЃРІРѕРё Р±Р»РѕРіРё Р±РѕР»РµРµ 3 С‚С‹СЃСЏС‡ СЂР°Р·. Р”Р»СЏ РЅРѕРІРµРЅСЊРєРёС…, С‚РµС… РєС‚Рѕ РїРѕСЏРІРёР»СЃСЏ Р·Р° СЌС‚Рё 3 РіРѕРґР°, РґР° Рё РїСЂРѕСЃС‚Рѕ РґР»СЏ С‚РµС… РєС‚Рѕ РЅРµ С€Р°СЂРёС‚ РІ С‚СЌРіР°С… РїРѕРІС‚РѕСЂСЏСЋ РїРѕСЃС‚:

РР»РµРјРµРЅС‚Р°СЂРЅС‹Рµ С„РѕСЂРјС‹ РѕС„РѕСЂРјР»РµРЅРёСЏ&nbsp;
&nbsp;Р’РђРЁ С‚РµРєСЃС‚Р–РёСЂРЅС‹Р№ С‚РµРєСЃС‚&nbsp;Р’РђРЁ С‚РµРєСЃС‚РўРµРєСЃС‚ РєСѓСЂСЃРёРІРѕРј&nbsp;Р’РђРЁ С‚РµРєСЃС‚РџРѕРґС‡РµСЂРєРЅСѓС‚С‹Р№ С‚РµРєСЃС‚&nbsp; Р’РђРЁ С‚РµРєСЃС‚РњР°Р°Р°С…РѕРЅСЊРєРёР№ С‚РµРєСЃС‚ ;)&nbsp; 
Р’РђРЁ С‚РµРєСЃС‚Р—Р°С‡РµСЂРєРЅСѓС‚С‹Р№ С‚РµРєСЃС‚&nbsp; 
Р’РђРЁ С‚РµРєСЃС‚РџСЂРѕСЃС‚РѕР№ С‚РµРєСЃС‚ Рё Р—РґРµСЃСЊ РІСЃРїР»С‹РІР°СЋС‰Р°СЏ РїРѕРґСЃРєР°Р·РєР°&nbsp; 
Р’РђРЁ С‚РµРєСЃС‚Р Р°Р·РјРµСЂ С€СЂРёС„С‚Р° +1&nbsp; 
Р’РђРЁ С‚РµРєСЃС‚Р Р°Р·РјРµСЂ С€СЂРёС„С‚Р° +2&nbsp; 
Р’РђРЁ С‚РµРєСЃС‚Р Р°Р·РјРµСЂ С€СЂРёС„С‚Р° +3&nbsp; Р’РђРЁ С‚РµРєСЃС‚Р Р°Р·РјРµСЂ +4&nbsp; РўРµРєСЃС‚ РЎРЅРѕСЃРєРѕР№ РІРЅРёР·СѓР’Р°С€ С‚РµРєСЃ... <a href="https://www.liveinternet.ru/users/lassi1/post267328182/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

LiveInternetLiveInternet

-Рубрики

-Цитатник

-Метки

-Приложения

-Всегда под рукой

-Поиск по дневнику

-Подписка по e-mail

-Интересы

-Друзья

-Постоянные читатели

-Сообщества

-Трансляции

-Статистика

ВСЕ о тегах и оформлении постов