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

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения 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>

 

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



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

 

Жирный текст <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> первый пункт второй пункт третий пункт

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

+ Цитировать

помощь в оформлении (полезная вещь).

 

1) сделать кнопку
<form action="АДРЕС САЙТА" target="lime" method="get"><input type="submit" value="НАЗВАНИЕ" /></form>

2) Удачи - раздваивающийся текст
<br /><font color="#ff0000"><marquee scrollamount="2" scrolldelay="1" direction="up" height="300" style="filter: wave(add=50, phase=1, freq=1, strength=140); width: 500px; height: 300px; text-align: justify"><br /><br /><br /><center><font size="+2">Удачи!</font></center></marquee></font><br /><br />       

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

1) сделать кнопку
<form action="//www.liveinternet.ru/journal_proc.php?action=redirect&url=АДРЕС САЙТА" target="lime" method="get"><input type="submit" value="НАЗВАНИЕ" /><input type=hidden name=tok value=a88938cd45630bf594a505372df10474 /></form>

2) Удачи - раздваивающийся текст
<br /> <font color="#ff0000"><marquee scrollamount="2" scrolldelay="1" direction="up" height="300" style="filter: wave(add=50, phase=1, freq=1, strength=140); width: 500px; height: 300px; text-align: justify"><br /><br /><br /> <center><font size="+2">Удачи!</font></center></marquee></font><br /> <br />

3) Теги всплывающей подсказки.
<acronym title="всплывающая подсказка">ТЕКСТ поста</acronym>

4) Ссылки на др.посты
<br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=А"> НАЗВАНИЕ</a><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=А"> НАЗВАНИЕ</a><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=А"> НАЗВАНИЕ</a>

5) Текст с тенью (синий)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="width:100%;filter:shadow(color:white:10);font-weight:bold;font-size:18pt;font-family:verdana;color:483d8b;">ВАШ ТЕКСТ</div><br /> </font>

6) Движение текста с тенью. (зеленый)
<div style="FILTER: Shadow(color=Gray48, direction=140, strength=8); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="008000" size="7"><i>Спасибо </i></font></marquee></div>

7) Движение текста с тенью. (красный)
<font style="cursor:url('http://downloads.totallyfreecursors.com/cursor_files/tail2.ani');"><br /> <div style="FILTER: Shadow(color=Gray48, direction=80, strength=3); WIDTH: 100%" align="center"><marquee><font face="Georgia" color="ff0000" size="6"><i>Спасибо за ваш комментарий.</i></font></marquee><br /></div><br /> </font>

8) Рамка с движ. текстом (для дня рождения)
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="700px" height="390" style="background="><center><table cellspacing="8" cellpadding="3" width="700px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00size=" font="http АДРЕС"><marquee style="HEIGHT: 535px" scrollamount="2" direction="up"><center><br /> <font style="cursor:url('http://www.myspacecursor.net/love/36.ani');"><img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><br /> <font size="+3"><font color="lime"><br /> ТЕКСТ<br /> <br /> <img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /><img src="//img1.liveinternet.ru/images/attach/b/3/19/195/19195354_stars.gif" width="32" height="32" alt=" (32x32, 2Kb)" /> <br /> </font></font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

9) Рамка для картинки
<center><table border="20" bgcolor="brown"><caption align="bottom">Слова под рамкой</caption><tr><td><table border="12" bgcolor="brown"><tr><td><br /> <img src="http АДРЕС" /></td></tr></table></td></tr></table><p></p></center><br />

10) Разделить пост на две части
<table width="80%" cellpadding="0" cellspacing="1" border="0"><tr><td> 1 часть текста</td><td width="1" bgcolor="#000000"></td><td> 2 часть текста… </td></tr></table>

11) текст на картинку без графических редакторов
<center><table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><font color="red"><font size="+3">Ваши слова</font></font> </th></tr></table><p></p></center>

12) подписать картинку сбоку
<table border="3" cellpadding="3" cellspasing="3"><tr><th width="700" height="525" background="http АДРЕС" valign="bottom"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 700px; HEIGHT: 525px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+5"><font color="red">Ваши слова</font></font></font></div> </th></tr></table><p></p>

13) Текст на фоне
<table cellpadding="60"><tr><td background="http АДРЕС"><font color="white"><font size="+2">ВАШ ТЕКСТ</font>…</font></td></tr></table>


14) размытый фон (добавляем теги)
border="0" style="filter: alpha(opacity=100,style=2);" />

15) Ваш фон, по которому двигается текст
<blockquote style="background="></blockquote><center><table cellspacing="8" cellpadding="3" width="500px" height="150" style="background="><center><table cellspacing="8" cellpadding="3" width="500px" background="http АДРЕС" border="5"> <tbody><tr><td><font face="Monotype Corsiva" color="#FFFF00 size=" font="http АДРЕС"><marquee style="HEIGHT: 150px" scrollamount="2" direction="up"><center><br /> <br /> <font size="+3"><font color="red">НАЗВАНИЕ</font></font><br /> <br /> <font size="+3"><font color="lime">ТЕКСТ</font></font><br /> </center></marquee></font></td></tr></tbody></table><br /></center></table></center>

16) фон, по которому двигается текст
(Можно менять только цвет фона)
<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount="2" scrolldelay="60" direction="up" width="550" height="150"><font size="+3"><font color="ffffff">ВАШ ТЕКСТ</font></font></marquee>

17) Слова БОКОМ
<br /> <font color="ff0000"><div style="WRITING-MODE: tb-rl"><font style="FONT-WEIGHT: normal; FONT-SIZE: 16px; WIDTH: 480px; HEIGHT: 250px; FONT-FAMILY: georgia; TEXT-ALIGN: justify"><font size="+3">ВАШ ТЕКСТ БОКОМ</font></font></div></font><br />

ЛиРу - оформляем пост, как и какие спец-коды можно использовать?



ЛиРу - оформляем пост, как и какие спец-коды можно использовать?

На ЛиРу при написание постов ( комментариев) можно использовать специальные коды. Каждый код несет определенную функцию.
Как попасть в список этих кодов?

Вот ссылка на них.

Либо, заходим в редактор написания поста:




И чуть выше окошка заголовка жмем "как и какие спец-коды можно использовать?":


Нажали, и нам открылось окошко с этими кодами и описаниями к ним. Теперь подробно про каждый код :-))

1. " [user=Никнейм] " - если Вы хотите в посте или в комментарии сослаться на какого-то пользователя лиру, то можно использовать этот код. Копируете его и вместо "никнейм" вписывает ник того человека. Вот что получится,- пример:
Inmira

И при нажатии на такую вот ссылку,- Вы попадете в профиль дневника этого человека.


Дальше > > >