Полезные теги HTML и редакторы онлайн

 

 

УЗОР *ЯПОНСКИЕ БАБОЧКИ*

САЛАТ *ПАРИЖЕЛЬ*. НЕРЕАЛЬНО ВКУСНО!

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

Сырные рулетики с семгой

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



рулетики будут кстати на новогоднем столе

Вкуснейшая пицца на картошке - очень просто и вкусно



картофель - 4 шт.
помидоры - 2 шт.
яйцо - 1шт.
колбаса, сосиски или куриное мясо - 100-150 гр.
майонез
мука - 2 ст. л.
сыр - 100-150 гр.
соль, перец по вкусу
зелень
растительное масло для жарки

Design Elements

Design Elements

Кликабельно

Kat Rel
 

 

Kat Rel

 

Рамочка "Дед мороз со снегурочкой наряжают елочку"

Ваш текст

 

<center><table background="//s019.radikal.ru/i628/1312/07/a46a873345de.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:1px"> <table background="//s020.radikal.ru/i713/1312/b7/e1eaa3daaa3c.jpg" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:2px"> <table background="//s019.radikal.ru/i626/1312/d5/9433de062f92.gif" cellpadding="0" cellspacing="0" style="border:1px groove #ffccff"> <tbody> <tr> <td style="padding:28px"> <table background="//s019.radikal.ru/i628/1312/07/a46a873345de.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:2px"> <table background="//s020.radikal.ru/i713/1312/b7/e1eaa3daaa3c.jpg" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:7px"> <table background="//s019.radikal.ru/i628/1312/07/a46a873345de.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:2px"> <table background="//s019.radikal.ru/i626/1312/d5/9433de062f92.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td align="center" style="padding:1px" zzz="zzz"> <table border="0" cellpadding="0" cellspacing="0"> <tbody> <tr> <td align="center" style="padding:1px"> <table background="//s019.radikal.ru/i628/1312/07/a46a873345de.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:2px"> <table background="//s019.radikal.ru/i608/1312/00/e099484e1b4f.jpg" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:6px"> <table background="//s019.radikal.ru/i626/1312/d5/9433de062f92.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td align="center" style="padding:1px" zzz="zzz"> <span style="color:#000000;font-size:20px"><img data-cke-saved-src="//s020.radikal.ru/i715/1312/0b/4e46ce4e4fd4.gif" src="//s020.radikal.ru/i715/1312/0b/4e46ce4e4fd4.gif" /></span></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td align="center" style="padding:1px"> <table background="//s019.radikal.ru/i628/1312/07/a46a873345de.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:2px"> <table background="//s019.radikal.ru/i608/1312/00/e099484e1b4f.jpg" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:6px"> <table background="//s019.radikal.ru/i628/1312/07/a46a873345de.gif" cellpadding="0" cellspacing="0" style="border:0px none #000000"> <tbody> <tr> <td style="padding:2px"> <table background="//s020.radikal.ru/i706/1312/fe/03c535a9aa57.jpg" cellpadding="0" cellspacing="0" height="100" style="border:0px none #000000" width="650"> <tbody> <tr> <td align="center" style="padding:1px" zzz="zzz"> <p> <span style="font-family:Monotype Corsiva;color:#330033;font-size:27px"><img alt="4360286_863433675_2_ (15x15, 1Kb)" height="15" data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/9/107/871/107871447_4360286_863433675_2_.gif" src="//img1.liveinternet.ru/images/attach/c/9/107/871/107871447_4360286_863433675_2_.gif" width="15" />Ваш текст<img alt="4360286_863433675_1_ (15x15, 1Kb)" height="15" data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/9/107/871/107871448_4360286_863433675_1_.gif" src="//img0.liveinternet.ru/images/attach/c/9/107/871/107871448_4360286_863433675_1_.gif" width="15" /></span></p> <p> <img alt="4360286_Iz_nee_idet_sneg____syper (700x140, 199Kb)" height="65" data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/9/107/871/107871449_4360286_Iz_nee_idet_sneg____syper.gif" src="//img1.liveinternet.ru/images/attach/c/9/107/871/107871449_4360286_Iz_nee_idet_sneg____syper.gif" width="325" /></p> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td height="1%" style="padding: 0px; text-align: right;"> <a data-cke-saved-href="http://Litizija" href="http://Litizija" target="_blank"><img alt="4360286_64306891_1285073586_69d64385eeaf (20x20, 2Kb)" height="12" data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/9/107/871/107871318_4360286_64306891_1285073586_69d64385eeaf.gif" src="//img0.liveinternet.ru/images/attach/c/9/107/871/107871318_4360286_64306891_1285073586_69d64385eeaf.gif" width="12" /></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <p>  </p></center>

Для тех кто не умеет пользоваться рамочками урок к их использованию прилагается, идите по этой ссылке:

Сюда

Играем в змейку из шариков

реклама в блоге

Расслабим свои мозги и поиграем в замечательную змейку из шариков. Всё очень просто , объяснять по - моему не стоит . Здесь всё предельно ясно.

Ну, а какие развлечения придумать ещё ? Или может Вы хотите построить развлекательный центр или какой - то парк развлечений ? Это для Вас дорого ? Тогда идём другим путём . Есть очень хорошая возможность открыть на условиях франчайзинга развлекательный центр «Сюрприз». Да , а Вы знаете , каким успехом пользуются кинотеатры 3D , 4D или 5D. От них дети просто без ума , да и взрослые тоже. Может стоит об этом задуматься . Ознакомьтесь, кто может Вам предоставить  развлекательное оборудование  на выгодных условиях . Это очень интересно и заманчиво.

КИНО. ПУТЬ К СЕРДЦУ МУЖЧИНЫ. МЕЛОДРАМА 2013
 

Бывает и так - за любовь нужно бороться! Но как? Девушке предстоит узнать - какого же цвета этот мир – мир борьбы за любимого…

Узор: АЖУРНАЯ МЕРЕЖКА

ИСТОЧНИК: http://avercheva.ru/?p=3440

Зимние смайлики с кодами.

<img src="//img1.liveinternet.ru/images/attach/c/9/107/705/107705897_08.gif" width="200" height="45" alt="08 (200x45, 5Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/9/107/705/107705899_15.gif" width="156" height="182" alt="15 (156x182, 45Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/9/107/705/107705902_hase0192.gif" width="91" height="122" alt="hase-0192 (91x122, 15Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/9/107/705/107705903_pinguine0061.gif" width="217" height="138" alt="pinguine-0061 (217x138, 45Kb)" />
<img src="//img1.liveinternet.ru/images/attach/c/9/107/705/107705913_schlitten0001.gif" width="100" height="100" alt="schlitten-0001 (100x100, 25Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/9/107/705/107705915_schlitten0002.gif" width="120" height="60" alt="schlitten-0002 (120x60, 2Kb)" />	<img src="//img0.liveinternet.ru/images/attach/c/9/107/705/107705916_schneemaenner0005.gif" width="65" height="67" alt="schneemaenner-0005 (65x67, 14Kb)" />	<img src="//img1.liveinternet.ru/images/attach/c/9/107/705/107705917_schneemann0085.gif" width="100" height="120" alt="schneemann-0085 (100x120, 49Kb)" />

Карта супер сайта...ВСЕМ В ЦИАТНИК!

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

В ПОМОЩЬ...

Развлекалки

http://www.caption.it/index-3.php
Можно вставить лицо в персонаж;
Сделать фото в рамке, календарь с фото, фото с эффектом

http://www.glitterfy.com/upload.php
Добавить надпись и блеск к фотографии

http://www.iportret.ru/
Добавить к фото значок с оценкой; сделать фото в рамке, сделать шаржи, календари, коллаж.

http://www.onlinewahn.de/generator/g-home.htm
Сделать монету с вашим изображением; вставить фото в газету или в водит.права.

http://www.festisite.com/money/
Сделать доллар с вашим изображением

http://www.mapmsg.com/send/photomonument/
Сделать монумент с вашей фотографией

http://www.festisite.com/cardgame/
Сделать игральные карты с вашим изображением

http://www.imagechef.com/
Сделать фото с эффектом, вставить в рамку

http://www.makesweet.com/mixer/
Вставить фото в 3D анимацию

http://www.makesweet.com/billboard/
Ваше фото на рекламных щитах

http://www.makesweet.com/tattoo/
Ваше фото в виде тату на виртуальном теле

http://www.fotline.ws//
Суперские эффекты для фото!

http://www.fanstudio.ru/
Онлайн фото редактор

http://www.picnik.com/
Онлайн фото редактор

http://www.vramke.com/
Вставить фото в рамку

http://www.loonapix.com/
Сделать фото оригинальным с помощью эффектов

http://www.loonapix.com/framer
Вставить фото в рамку

http://www.loonapix.com/trimmer
Сделать фото фигурным

http://www.photofunia.com/
Сделать фото оригинальным с помощью эффектов

http://www.dumpr.net/
Сделать фото оригинальным с помощью эффектов
Автор поста Наталья

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

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

 

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



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

Полезно: О дневниках - САЙТЫ для оформления БЛОГА и ДНЕВА

... САЙТЫ для оформления блога... ...ВСЕМИ САЙТАМИ ПОЛЬЗУЮСЬ САМА... проверены Norton ******* 1. 2.

http://blogs.mail.ru/bk/tgonorata/1890CA84D0FB0A29.html

Дизайн "Мисс Багира "+Эпиграфы, аватарки, и часики

ДИЗАЙН ДЛЯ ЛЮБИТЕЛЕЙ ЖИВОТНЫХ "МИСС БАГИРА"

Сделала заказ для моего друга ЧЁРНАЯ_БАГИРА_1
К схеме прилагается эпиграфы музыкальные,
Аватарки и плюс часики
Украшайте свой дневничок
Хотите сохранить к себе в дневник
Нажмите "Сохранить себе"
Если понравилась работа нажмите
На кнопочку "Нравится" внизу поста
Заранее благодарю!!!

Кнопочки для блога

Кнопки переходы "Далее" 2


Красивые кнопочки-переходы
Выбирайте какие вам по душе
Беря кнопочки не забывайте пожалуйста
ПРОЦИТИРОВАТЬ