живой текст (или как его называют «лайвтайп»)

LiveTyping.ru

Чтобы получить живой текст (или как его называют «лайвтайп»), нужно набрать что-нибудь в рамке и нажать кнопку «оживить». На странице каждого лайвтайпа есть код, который можно вставить на форум или в блог.
Адрес сайта:

http://livetyping.ru/

Рамка в 2 слоя с картинкой.Скелетик рамки.

Рамка 2-слоя с Картинкой. "Скелетик" это значит без фонов.Так удобней учится делать рамки. Пример такой рамочки,как она будет выглядеть. Чуть ниже я даю код, чтобы вы могли сделать рамку какая вам нужна-САМИ. Копируете его и вставляете к себе в блог а потом... В коде где написано с 1-2 СЛОЙ ФОНА. Внутрь кавычек. Кавычки не трогаем. Вставляете свой фон. Через РАДИКАЛ-ФОТО Код берёте под № 1. Где написано ВАШ ТЕКСТ. Пишите свой текст. Где написано ВАШ НИК. Пишите свой ник.Вот и всё . ВАША рамочка готова. Пробуйте, экспериментируйте на здоровье. Посмотреть ещё рамки можно... Все рамки в одном месте. Милолика Покровская

КОД "скелета"к этой рамке. <left><table border="2" background="1СЛОЙ ФОНА" cellpadding="15" cellspacing="0" width="650"><tr><td><table border="2" background="2СЛОЙ ФОНА" cellpadding="5" cellspacing="20" width="100%"><tr><td><font size="3"><font color="#B5B5B5"><font face="monotype corsiva"><img src="КАРТИНКА" align="left" width="344" height="300" alt=" (344x600, 40Kb)" /><center>ВАШ ТЕКСТ. </center><br /> <center>ВАШ НИК</center></font></font></font></td></tr></table><center></center></td></tr></table></left>

Фоны для рамок 3

http://www.artmo2005.narod.ru/foni.htm

ВОТ ТАК ПОМОГАЛОЧКА...

ЭТО ПРОСТО КЛАД для сайта Вот она ненаглядная во всей своей красе распласталась по экрану вашего монитора. KOROLEVA

Делаем простенькую рамочку

В этом уроке я расскажу, как сделать очень простенькую рамочку, вот такую:

Ваш текст

<table cellpadding="3" cellspacing="3" width="400" height="400" table="table" border="1" background="http://ns.sitecity.ru/users/f/fonydnevniki/storage/stext_0604161753.roz.jpg"><tr><td><center><table border="0" background="http://ns.sitecity.ru/users/f/fonydnevniki/storage/stext_0504032520.29.jpg" cellpadding="3" cellspacing="3" width="250" height="250"><tr><td><center><font size="4" color="#1e1c14" face="Times New Roman">Ваш текст<br /></font></center></td></tr></table></center></td></tr></table>
Правда, в инструкции по составлению рамочки содержится много тегов, из-за чего крайне неудобно выкладывать ее прямо в сообщении - теги пропадают, поэтому я написала ее в вордовском файле и прикладываю к сообщению - открыть его очень просто, нужно только щелкнуть по ссылке "вложение" мышкой и сохранить файл себе.

Полезные ссылочки для оформления блога.

Предлагаю ссылочки,нужные и полезные для оформления блога и не только.Этими ссылочками я постоянно пользуюсь. Генераторы картинок с кодами. Картинки с готовыми кодами. Читаем далее...

дневник Милолика Покровская

Как СДЕЛАТЬ ПОСТ С КАРТИНКОЙ на Лиру.

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

С чего начать?
1.Чтобы появился Текстовый редактор нужно.Вверху найти слово ДОБАВИТЬ.
Или такую.

Читаем далее...
дневник Милолика Покровская

Делаем очень красивую рамочку для текста за 5 минут

Делаем очень красивую рамочку для текста за 5 минут

Для начало заходим на сайт  ЧМАФ. 

Вы видите панель  управления в которой и будут происходить чудеса:-)

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

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

Переводчик текстов страниц (Translator Text page)

Как подписать картинку?

Делаем серию сообщений в виде списка.Новое на Лиру.

Серия сообщений "Оформление блога,уроки":

Часть 1 - Разноцветный текст.Интересно оформляем дневник.
Часть 2 - Кнопочки для блогов и сайтов.
Часть 3 - Линии, разделители.Золотые
Часть 4 - Радужный текст.
Часть 5 - Как делать списки в блоге.
Часть 6 - Оформление блога.Ссылки в одной строке.
Часть 7 - Оживи свой текст.
Часть 8 - Оформляем свой блог.
Часть 9 - Делаем простую кнопку для блога.
Часть 10 - Как вставить картинку в текст.
Часть 11 - Линеечки-разделители чёрные.
Часть 12 - Делаем галлерею картинок.
Часть 13 - Линеечки -разделители разноцветные.
Часть 14 - Красивый двойной текст.
Часть 15 - Учимся делать рамку.
Часть 16 - Рисунки из символов
Часть 17 - Делаем Is LOVE-ки на Paint (Паинте)
Часть 18 - Как рисовать в Паинте?
Часть 19 - Делаем часики под свой дизайн.
Часть 20 - Линеечки белые.
Часть 21 - Как вставить картинку через Радикал фото.
Часть 22 - Как уменьшить вес картинки через Паинт.
Часть 23 - Линеечки-разделители РОЗОВЫЕ
Часть 24 - Как убрать часть текста под КАТ...
Часть 25 - Рамки для выделения текста.
Часть 26 - Меняем цвет шрифта.
Часть 27 - Меняем дату поста.
Часть 28 - Делаем движущуюся галерею картинок.
Часть 29 - Прозрачные фоны.
Часть 30 - Окошко для кодов.
Часть 31 - Как делать красивый текст для оформления блога.
Часть 32 - Делаем кликабельную Картинку- ссылку.
Часть 33 - Делаем Текстовую ссылку.
Часть 34 - Таблица редких символов.
Часть 35 - Курсоры для девушек.
Часть 36 - Линеечки-разделители Малиновые и бордо.
Часть 37 - Основные HTML теги.
Часть 38 - Делаем бордюрный фон
Часть 39 - Как вставить картинку на Ли.ру без Радикал-фото.
Часть 40 - Картинки или фотки с Я.РУ переносим на ЛИ.РУ.
Часть 41 - Как делать РАЗДЕЛЫ РУБРИКИ и ПОДРАЗДЕЛЫ на Лиру.
Часть 42 - Как СДЕЛАТЬ ПОСТ С КАРТИНКОЙ на Лиру.
Часть 43 - Как вставлять РАМКУ в свой пост на Лиру.
Часть 44 - Линеечки разделители красные.
Часть 45 - Как вставить ВИДЕО в дневник на Лиру.С разных сайтов.
Часть 46 - Как загрузить Музыку к себе в дневник на Лиру.
Часть 47 - Красивые фоны.
Часть 48 - Делаем серию сообщений в виде списка.Новое на Лиру.

Оформляем текст и картинки

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	Код обтекания картинки текстом <img src="httр:адрес картинки" align="left" vspace="10" hspace="30" alt=>"здесь нет картинки, хотя должно быть изображение. Какое оно будет, решать вам"
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже. Снова предупреждение в постах, картинка не должна превышать размер 200 в ширину иначе просто снова уйдет вверх.	Код картинки слева <img src="URL адрес картинки" align="left" border="0"> И снова пишем свой текст, или стихотворение, или.... придумали? молодцы!
Картинка справа от текста: Все правила написания для правой стороны такие же , как и для левой.	Код для картинки с права: <img src="URL адрес картинки" align="right" border="0">Пишем свой текст, что напишем, то и увидим
Картинка в центре текста: Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект.	Код для картинки в центре текста: Первая часть текста <img src="URL адрес картинки" align="middle" border="0"> Вторая часть текста.
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	Код для текста между двух картинок <table align=center border=0> <tr> <td><img src="URL адрес КАРТИНКИ"></td> <td>Текст, который красиво расположится между картинками.</td> <td><img src="URL адрес КАРТИНКИ"></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	Код для картинки между текстом <table align=center border=0> <tr> <td>ТЕКСТ</td> <td><img src="URL адрес КАРТИНКИ"></td> <td>ТЕКСТ</td> </tr> </table>

 

Полезность для оформления постов

 

Строим таблицу первая клетка в первой строке вторая клетка в первой строке первая клетка во второй строке вторая клетка во второй строке	Код простой сетки <TABLE border=4> <TR> <TD>первая клетка в первой строке</td> <TD>вторая клетка в первой строке</td> </tr> <TR> <TD> первая клетка во второй строке</td> <TD>вторая клетка во второй строке</td> </tr> </table>
Сетка с фоном <TABLE background="URL адрес ФОНА" border=8> Вместо URL адрес ФОНА поставляем адрес фонового рисунка. первая клетка в первой строке вторая клетка в первой строке первая клетка во второй строке вторая клетка во второй строке	Код сетки с фоном <TABLE background="URL Адрес фона"border=4> <TR> <TD>первая клетка в первой строке</td> <TD>вторая клетка в первой строке</td> </tr> <TR> <TD> первая клетка во второй строке</td> <TD>вторая клетка во второй строке</td> </tr> </table>
Рамки с разрывом рисунка: рамка растягивается на всю ширину записи	Рамки с разрывом рисунка: <fieldset><legend><img src="адрес картинки"></legend>рамка растягивается на всю ширину записи</fieldset>
Рамка с разрывом текста: Все для вас Основная запись, растягивается на весь пост	Рамка с разрывом текста: <fieldset><legend>Запись в разрыве</legend>Основная запись</fieldset>
Фон записи поста Вместо этих слов пишите свой текст	Код фона записи поста <Table background= вместо этих слов пишите URl фдрес картинки или ссылку№1 Радикала border="0"> <TBODY> <TR> <TD width=650 > Вместо этих слов пишите свой текст </TD> </TR> </TBODY> </TABLE>

Список уроков.Как ОФОРМИТЬ ДНЕВНИК.

Оформляем дневник. 1 Автоматическая публикация постов на Лиру. 2 Топ популярных дневников на Лиру. 3 Делаем серию сообщений в виде списка.Новое на Лиру. 4 Как загрузить Музыку к себе в дневник на Лиру. 5 Как вставить ВИДЕО в дневник на Лиру.С разных сайтов. 6 Как вставлять РАМКУ в свой пост на Лиру. 7 Как СДЕЛАТЬ ПОСТ С КАРТИНКОЙ на Лиру. 8 Как делать РАЗДЕЛЫ РУБРИКИ и ПОДРАЗДЕЛЫ на Лиру. 9 Картинки или фотки с Я.РУ переносим на ЛИ.РУ. 10 Как вставить картинку на Ли.ру без Радикал-фото. Здесь далее... Милолика Покровская

Учимся делать рамку.

На небольших примерах.Покажу как делать рамку и из чего она состоит. По мере своих сил объясню самое основное что нужно знать ,чтобы делать рамки не просто копируя чужие,но и получая удовольствие от своих рамочек. Каждая рамка это таблица и ячейки, составляющие ее, имеют такие свойства, как ширина и высота, выравнивание по ширине и высоте, толщина границы, цвет фона. Эти свойства присваиваются элементам таблицы с помощью параметров WIDTH,HEIGHT, VALIGN, BORDER, BACKGROUND, CELLSPACING, CELLPADDING это не все параметры,но основные, без них невозможно сделать рамку. Код этой рамки. <table width="100%" border="0" cellspacing="1" cellpadding="1" background="Первая рамка"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="Вторая рамка"><tr valign="top"><td width="100%"><table width="100%" border="0" cellspacing="1" cellpadding="1" background="Фон рамки на которой будет текст"> <tr valign="top"> <td width="100%"><center><font face="Times New Roman"><font color="EEDD82"><font size="4">ВАШ ТЕКСТ </font></font></font>ВАШ НИК</center></td></tr></table></td></tr></table></td></tr></table> Читаем далее... дневник Милолика Покровская

Обработка студийного фото. 3 части

Как делать РАЗДЕЛЫ РУБРИКИ и ПОДРАЗДЕЛЫ на Лиру.

С радостью помогаю всем, кто у меня спрашивает как делать разделы в дневнике.
И не только разделы,но и новую добавленную функцию-ПОДРАЗДЕЛЫ.
Смотрим урок в картинках...

дневник Милолика Покровская

Сделать текст с прокруткой во флейме?

Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Сделать такое окошечко очень просто. Сначала пишете нужный Вам текст, затем в самое начало (перед Вашим текстом) вставляете вот этот код:
<div style="width: 100%; height: 300px; margin-top: 0px; margin-left: 0px; text-align: center; font-size: 14px; overflow: auto">
В простом редакторе просто копируете и ставите, в расширенном нужно нажать ИСТОЧНИК и там вставить код.
Теперь рассмотрим сам код на картинке и как его можно при необходимости изменить.
Значения указанные цифрами:

1 - это ширина текста по отношению к странице, сейчас стоит 100% - если хотите чтоб было меньше, просто поменяйте цифру. Да и если Вам по какой-то причине не нравится делать в процентах, то вы всегда можете изменить % на px.
2 - это высота видимого текста, стоит 300, можете по необходимости менять в большую или меньшую сторону.
3 - это отступ сверху от начала сообщения, сейчас стоит 0, если хотите, то можете поменять и флейм с текстом опустится на нужное Вам значение.
4 - это отступ с левой стороны, стоит 0, так же можете поменять на нужное Вам значение.

Пример. Убираем весь написанный выше текст во флейм, а чтобы сократить длину поста, уменьшим высоту прокрутки до 100px (кнопка прокрутки справа)

Как вставить прокрутку в красивую рамочку? >>>

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

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

 

Жирный текст <b>ВАШ текст</b>	Текст курсивом <i>ВАШ текст</i>
Подчеркнутый текст <u>ВАШ текст</u>	Мааахонький текст ;) <small>ВАШ текст</small>
Зачеркнутый текст <s>ВАШ текст</s>	Простой текст и Здесь всплывающая подсказка <acronym title="текст всплывающей подсказки">ВАШ текст</acronym>
Размер шрифта +1 <font size="+1">ВАШ текст</font>	Размер шрифта +2 <font size="+2">ВАШ текст</font>
Размер шрифта +3 <font size="+3">ВАШ текст</font>	Размер +4 <font size="+4">ВАШ текст</font>
Текст Сноской внизу <sub>Ваш текст</sub>	Текст Сноской вверху <sup>ТЕКСТ</sup>
Цитата с отступом <blockquote> ВАШ текст</blockquote>	Текст (или картинка) по центру<center>ВАШ текст</center>
Закрепить текст <pre>ВАШ текст</pre>	Текст с точкой в начале<ul><br /><li>ВАШ текст<br /></li></ul>

<left>ВАШ текст слева</left> Путин едет по стране на серебряном коне Путин всем людЯм поможет, дай ему здоровья, Боже. Всех бандитов перебьёт, работягам он нальёт. Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

<right>ВАШ текст справа</right> Путин едет по стране на серебряном коне Путин всем людЯм поможет, дай ему здоровья, Боже. Всех бандитов перебьёт, работягам он нальёт. Путин едет по стране, а мы по-прежнему в ... (Ю.Шевчук)

[more=Текст ссылки перехода]То что будет скрыто под катом[/more] Если ваш пост слишком большой можете скрыть часть вашего поста под кат

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

Дальше ж Больше >>>>

+ Цитировать

Как сделать кликабельную ссылку

"Вопросик. А как сделать кликабельной ссылку на какой-нибудь сайт. Спасибо"

Отвечаю:
Во-первых, нужно скопировать адрес страницы, на которую ты хочешь сделать ссылку.
Ну хоть на эту, например:

АДРЕС копируем из адресной строки браузера. Посмотри у себя на экране какой там адрес.
А в моем примере, как видишь, адрес
http://ivaviva.ru/post122357571/
Это и есть адрес той страницы, на которую я буду делать ссылку.
Если его опубликовать в блоге, то он сам по себе должен становиться ссылкой, что легко понять, наведя мышку (мышка превратится в лапку). Но на Ли.ру это почему-то не всегда срабатывает. Какие-то тут защиты стоят от хакеров, наверное...

Ну ладно, мы сделаем ссылку красиво, чтобы человек заранее знал куда идет и что его там ожидает.

Поэтому в черновике набираем урл, вот такую заготовку из 12 символов:


После знака равенства (я это место отметила красной галочкой), вставляем АДРЕС (тот что копировали в адресной строке браузера).
Обязательно впритык, без просветов.


Получается вот так:


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



Анкор у нас будет, например: Сады

Итого получилось так:


Так это выглядит в черновике.
Если нажать на кнопку «Опубликовать», то вся эта писанина преобразуется в симпатичную ссылочку:

Сады

Когда читаешь инструкцию и не выполняешь, все кажется страшно.
А если выполнять, ну хоть прямо сейчас, то все получится легко!
Ты аж удивишься. Попробуй!

А по ссылке Сады
можешь сходить, если тебя интересует статья «Сады вверх ногами».


Серия сообщений на тему «Возня с компьютером»:
*Как не заблудиться на Ли.ру
*Как комментировать
*Как читать плоховидимый текст
*Как выразить (послать) симпатию
*Как сделать ссылку на друга
*Как вставить картинку - урок для новеньких
*Не суйте в комментарии картинки!
* Как разместить картинку со всплывающим текстом
* Как сделать скрин
*Как делать себе ПиАр
*Как напечатать брошюру на принтере
*Как остановить принтер
*Комментаторы-данайцы