09.Он же
Brenik brenik
Previous Entry Поделиться Next Entry
ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.
Оригинал взят у dgz в ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.
144.42 КБ

ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.

Все теги ставятся в блог copy-paste‘ом
(В режиме «HTML», а не «Визуальный редактор») !!!

Оформление текста
(рекомендую спец. страничку Tекст):

Перечёркнутый текст: ТЕКСТ

Подчёркнутый текст: ТЕКСТ

[Error: Irreparable invalid markup ('<textarea [...] ">') in entry. Owner must fix manually. Raw contents below.]

Оригинал взят у <lj user="dgz" /> в <a href="http://dgz.livejournal.com/1005696.html">ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.</a><div><img alt="144.42 КБ" height="252" src='http://www.ljplus.ru/img4/d/g/dgz/_Image-2.png' width="685" />
<lj-cut text="Далее...">
<div style="text-align: center;"><table align="center" background="http://www.ljplus.ru/img4/d/g/dgz/aaad99149b19.jpg" border="1" cellpadding="4" cellspacing="0" class="tb_bord_col" style="border: 1px solid rgb(192, 192, 192);"><tbody>
<tr>
<td style="border: 1px solid rgb(192, 192, 192); padding: 4px;"><table background="http://www.ljplus.ru/img4/d/g/dgz/f0ffd3b25b17.jpg" border="1" cellpadding="5" cellspacing="0" class="tb_bord_col" style="border: 1px solid rgb(192, 192, 192);"><tbody>
<tr>
<td align="center" style="border: 1px solid rgb(192, 192, 192); padding: 5px;" width="700"><div><font size="4"><font color="#000066"><img align="middle" alt="" border="0" class="post_img" height="125" src='http://content.foto.mail.ru/mail/gou2098/_animated/i-3236.gif' width="124" /><span style="font-size: large;"><b><font face="Comic Sans MS">ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ </font></b></span></font></font></div><div style="text-align: center;"><span style="font-size: medium;"><strong><font color="#000066"><font face="Comic Sans MS">ВСЕ В ОДНОМ МЕСТЕ </font></font></strong>

<font color="#000066"><strong>Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.</strong></font></span></div><div style="text-align: left;">
<i>Все теги ставятся в блог <b>copy-paste</b>&lsquo;ом</i>
<span style="font-size: medium;"><i><strong><small>(В режиме &laquo;HTML&raquo;, а не &laquo;Визуальный редактор&raquo;)</small></strong></i></span> <em><strong>!!!</strong></em>
<hr /><p><font size="+1"><font color="#008b8b">Оформление текста</font> </font>
(рекомендую спец. страничку <a href="http://htmlka.com/text/" target="_blank">Tекст</a>):</p><p><b>Перечёркнутый текст:</b> <s>ТЕКСТ</s>
<textarea cols="30" rows="1" width="60%&quot;"> <s> ваш текст </s></textarea>
<b>Подчёркнутый текст:</b> <u>ТЕКСТ</u>
<textarea cols="30" rows="1" width="60%""> <u> ваш текст </u></textarea>
<b>Полужирный текст:</b> <b>ТЕКСТ</b>
<textarea cols="30" rows="1" width="60%""> <b> ваш текст </b></textarea>
<b>Полужирный крупный:</b> <big>ТЕКСТ</big>
<textarea cols="30" rows="1" width="60%""> <big> ваш текст </big></textarea>
<b>Курсивный текст:</b> <i>ТЕКСТ</i>
<textarea cols="30" rows="1" width="60%""> <i> ваш текст </i></textarea>
<b>Маленький текст:</b> <small>текст</small>
<textarea cols="30" rows="1" width="60%""> <small> ваш текст </small></textarea>
<b>Неразрывный пробел:</b>
<textarea cols="20" rows="1" width="60%""> &nbsp;</textarea>
<b>Центрирование:</b></p>
<center>
текст (картинка) по центру</center>

<textarea cols="40" rows="1" width="60%""> <center>ваш текст (картинка) </center></textarea>
<b>Выравнивание текста по правому краю поста:</b>
<textarea cols="40" rows="1" width="60%""> <div align=right> ваш текст </div></textarea>
<b>Выравнивание текста по всей ширине поста:</b>
<textarea cols="40" rows="1" width="60%""> <div align=justify> ваш текст </div></textarea>
<b>Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):</b>
<textarea cols="40" rows="1" width="60%""> <blockquote> текст </blockquote> </textarea>
<b>Бегущая строка (рекомендую <a href="http://htmlka.com/begushhaya-stroka/" target="_about">Бегущая строка</a>):</b>
<marquee><span style="font-size: medium;"><span style="color: rgb(0, 0, 255);">бегущая, как коняшка, строка</span></span></marquee>
<textarea cols="40" rows="1" width="60%""> <marquee> ваша бегущая строка</marquee> </textarea>
<strong>Вместо текста можно вставить картинку:</strong>
<marquee><img alt="" src='http://dgzzz.ucoz.ru/avatar/150.gif' /></marquee>
Код этой картинки:
<textarea cols="45" rows="1" width="60%""><marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee></textarea><p><b>Сноска вверху:</b> ТЕКСТ<sup>сноска</sup>
<textarea cols="30" rows="1" width="60%""> <sup>ваша сноска</sup></textarea></p><p><b>Сноска внизу:</b> ТЕКСТ<sub>сноска</sub>
<textarea cols="30" rows="1" width="60%""> <sub>ваша сноска</sub></textarea></p><p><b>Линия:</b></p><hr />ее код:<textarea cols="10" rows="1" width="60%""><hr></textarea>
<b>Ударение:</b>
Cтавим <i>после</i> нужной буквы:
<textarea cols="10" rows="1" width="60%"">&#769;</textarea>
<b>&laquo;Закрепитель&raquo; (фиксирует текст так, как и расположите его в поле поста):</b>
<pre>
Я
Пешу
Лесинкой!!!</pre>
<p><textarea cols="30" rows="1" width="60%""> <pre>ваш текст</pre> </textarea></p><p><strong><u><font color="#008b8b">РАЗМЕР ШРИФТА:</font></u></strong></p><p><b>Уменьшить текст:</b> <font size="-2">текст &ndash; 2</font>
<textarea cols="55" rows="1" width="60%""> <font size="-2"> уменьшенный текст </font> </textarea>
<b>Увеличить текст на 1 пункт:</b> <font size="+1">текст</font>
<textarea cols="55" rows="1" width="60%""> <font size="+1"> увеличить текст на 1 пункт </font> </textarea></p><p><b>Увеличить текст на 2 пункта:</b> <font size="+2">текст</font></p><p><textarea cols="55" rows="1" width="60%""> <font size="+2"> увеличить текст на 2 пункта </font></textarea></p><p><b>Увеличить текст на 3 пункта:</b> <font size="+3">текст</font></p><p><textarea cols="55" rows="1" width="60%""> <font size="+3"> увеличить текст на 3 пункта </font></textarea></p><p><b>Увеличить текст на 4 пункта:</b> <font size="+4">текст</font></p><p><textarea cols="55" rows="1" width="60%""> <font size="+4"> увеличить текст на 4 пункта </font></textarea></p><p><u><font color="#008b8b">ЦВЕТ ШРИФТА:</font></u></p><p><b>КРАСНЫЙ:</b> <font color="red">красный текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="red"> красный текст </font> </textarea>
<b>ЖЕЛТЫЙ:</b> <font color="yellow"> желтый текст </font>
<textarea cols="55" rows="1" width="60%""> <font color="yellow"> желтый текст </font> </textarea>
<b>ФИОЛЕТОВЫЙ:</b> <font color="purple">фиолетовый текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="purple"> фиолетовый текст </font> </textarea>
<b>ЗЕЛЕНЫЙ:</b> <font color="lime">зеленый текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="lime"> зеленый текст </font> </textarea>
<b>СИНИЙ:</b> <font color="navy">синий текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="navy"> синий текст </font> </textarea>
<b>ФУКСИЯ:</b> <font color="fuchsia">фуксия текст</font>
<textarea cols="55" rows="1" width="60%""> <font color="fuchsia"> фуксия текст </font> </textarea></p><p>Таблица &laquo;базовых&raquo; цветов (вводим &laquo;Имя&raquo; или &laquo;Код&raquo;):</p>
<table border="1" cellpadding="5" cellspacing="0"><tbody>
<tr>
<th>
Имя</th>
<th>
Код</th>
<th>
Имя</th>
<th>
Код</th>
<th>
Имя</th>
<th>
Код</th>
<th>
Имя</th>
<th>
Код</th>
</tr>
<tr>
<td>aqua</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 255, 255); color: rgb(0, 0, 0); font-family: monospace;">#00FFFF</td>
<td>green</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 128, 0); color: rgb(255, 255, 255); font-family: monospace;">#008000</td>
<td>navy</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 0, 128); color: rgb(255, 255, 255); font-family: monospace;">#000080</td>
<td>silver</td>
<td style="background: none repeat scroll 0% 0% rgb(192, 192, 192); color: rgb(0, 0, 0); font-family: monospace;">#C0C0C0</td>
</tr>
<tr>
<td>black</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 0, 0); color: rgb(255, 255, 255); font-family: monospace;">#000000</td>
<td>gray</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 128, 128); color: rgb(255, 255, 255); font-family: monospace;">#808080</td>
<td>olive</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 128, 0); color: rgb(255, 255, 255); font-family: monospace;">#808000</td>
<td>teal</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 128, 128); color: rgb(255, 255, 255); font-family: monospace;">#008080</td>
</tr>
<tr>
<td>blue</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 0, 255); color: rgb(255, 255, 255); font-family: monospace;">#0000FF</td>
<td>lime</td>
<td style="background: none repeat scroll 0% 0% rgb(0, 255, 0); color: rgb(0, 0, 0); font-family: monospace;">#00FF00</td>
<td>purple</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 0, 128); color: rgb(255, 255, 255); font-family: monospace;">#800080</td>
<td>white</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 255, 255); color: rgb(0, 0, 0); font-family: monospace;">#FFFFFF</td>
</tr>
<tr>
<td>fuchsia</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 0, 255); color: rgb(0, 0, 0); font-family: monospace;">#FF00FF</td>
<td>maroon</td>
<td style="background: none repeat scroll 0% 0% rgb(128, 0, 0); color: rgb(255, 255, 255); font-family: monospace;">#800000</td>
<td>red</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 0, 0); color: rgb(255, 255, 255); font-family: monospace;">#FF0000</td>
<td>yellow</td>
<td style="background: none repeat scroll 0% 0% rgb(255, 255, 0); color: rgb(0, 0, 0); font-family: monospace;">#FFFF00</td>
</tr>
</tbody></table><div class="entry"><ul>
<li><a href="http://www.artlebedev.ru/tools/colors/" rel="nofollow" target="_blank">Таблица безопасных цветов</a></li>
<li><a href="http://www.ficml.org/jemimap/style/color/wheel.html" rel="nofollow" target="_blank">Все цвета Интернета</a><p><a href="http://yandex.ru/yandsearch?text=%D0%A7%D0%B5%D1%80%D0%BD%D0%BE%D0%B3%D0%BE%20%D0%BC%D0%BE%D1%80%D1%8F%20%D1%86%D0%B2%D0%B5%D1%82"><img alt="" border="0" src='http://cg.f.yandex.net/cmdiPTFhNDc4MCZ0ZXh0PSVEMCU5RCVEMCVCMCVEMCVCOSVEMCVCNCVEMCVCOCUyMCVEMCVCRCVEMSU4MyVEMCVCNiVEMCVCRCVEMSU4QiVEMCVCOSUyMCVEMSU4NiVE/MCVCMiVEMCVCNSVEMSU4MiUyMCVEMCVCMiUyMCVEMCVBRiVEMCVCRCVEMCVCNCVEMCVCNSVEMCVCQSVEMSU4MSVEMCVCNSZsYW5nPXJ1Jmw9d2lsZG1hbGUmbHM9Njkw/Mjg4YmMwNjQ1Y2M1ZDM4ZmU4YTQxMTQ4ZTBhN2M=' /></a></p><p><u><font color="#008b8b">ВИД ШРИФТА:</font></u></p><p><font face="Monotype Corsiva" size="+1">Шрифт этого текста &laquo;Monotype Corsiva&raquo;</font>
<textarea cols="50" rows="1" width="60%""> <font face="Monotype Corsiva"> текст </font> </textarea>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
<font color="fuchsia" face="Monotype Corsiva" size="+2">Шрифт этого текста &laquo;Monotype Corsiva&raquo;</font>
код этого текста:
<textarea cols="50" rows="2" width="60%""><font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font> </textarea></p><p><font color="#008b8b" size="+1">Оформление ссылок</font>
(рекомендую спец. страницу <a href="http://htmlka.com/ssylki">Ссылки</a>):</p><p><b>Как вставить ссылку на веб-страницу:</b>
<textarea cols="55" rows="1" width="60%""><a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a></textarea>
<b>Как сделать, чтобы картинка была ссылкой на веб-страницу:</b>
<textarea cols="55" rows="1" width="60%""><a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a></textarea>
<b>Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:</b>
<textarea cols="55" rows="1" width="60%""><a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> </textarea></p><hr /><p><img align="left" alt="" hspace="8" src='http://img2.pict.com/84/a2/d6/95e0870783eef2c56dd73e9202/3eKNs/myjj.jpg' /><font color="#008b8b" size="+1">Спец. теги ЖЖ:</font></p><p>Элементарный жж-кат (с &ldquo;Read more&rdquo;):
<textarea cols="30" rows="1" width="60%""><lj-cut> ТЕКСТ </lj-cut></textarea>
<font size="+1"><font color="#008b8b">Публикация картинок: </font> </font>
<strong>По картинкам смотрим здесь:</strong>

<a href="http://htmlka.com/pictures" target="_blank">htmlka.com/pictures</a></p><hr /><b>Окошечко для вставки кода</b>, типа:
<textarea cols="50" rows="2"> ВАШ КОД </textarea>
получаем так:
<textarea cols="50" rows="1"><textarea rows="2" cols="60"> ВАШ КОД </textarea></textarea>
где <b>rows</b> и <b>cols</b> определяют площадь окна<p>Можно сделать покрасивше:</p><p><textarea style="border: 2px solid black; background-color: dodgerblue; color: white; width: 100%;"> <textarea>ВАШ КОД</textarea></textarea></p><p><textarea cols="50" rows="3" width="60%"><textarea style="border-right: black 2px solid; border-top: black 2px solid; background-color:dodgerblue; color:white; border-left: black 2px solid; border-bottom: black 2px solid; width: 100%;">КОДЫ </textarea></textarea></p><p><b>Кнопка-ссылка на веб-страничку</b>
Например, на эту:</p>
<form action="http://dgz.livejournal.com/1005696.html" method="get" target="_blank">
<input type="submit" value="htmlka" /></form>
<p><textarea cols="50" rows="2" width="60%""><form action="http://dgz.livejournal.com/1005696.html" target="_blank" method="get"><input type="submit" value="htmlka"></form></textarea></p><p><b>Некоторые спецсимволы:</b></p><table border="2" cellpadding="4" width="30%"><tbody>
<tr>
<td align="center">Спецсимвол</td>
<td align="center">Вид в браузере</td>
</tr>
<tr>
<td align="center"><</td>
<td align="center"><</td>
</tr>
<tr>
<td align="center">></td>
<td align="center">></td>
</tr>
<tr>
<td align="center">&amp;</td>
<td align="center">&</td>
</tr>
<tr>
<td align="center">&quot;</td>
<td align="center">"</td>
</tr>
<tr>
<td align="center">&reg;</td>
<td align="center">&reg;</td>
</tr>
<tr>
<td align="center">&trade;</td>
<td align="center">&trade;</td>
</tr>
<tr>
<td align="center">&copy;</td>
<td align="center">&copy;</td>
</tr>
<tr>
<td align="center">&hearts;</td>
<td align="center">&hearts;</td>
</tr>
<tr>
<td align="center">&times;</td>
<td align="center">&times;</td>
</tr>
<tr>
<td align="center">&asymp;</td>
<td align="center">&asymp;</td>
</tr>
<tr>
<td align="center">&bull;</td>
<td align="center">&bull;</td>
</tr>
<tr>
<td align="center">&deg;</td>
<td align="center">&deg;
<small>(градус)</small></td>
</tr>
<tr>
<td align="center" colspan="2"><a href="http://www.digitalmediaminute.com/reference/entity/index.php" rel="nofollow" target="_blank"><b>много символов</b></a></td>
</tr>
</tbody></table><p>Если вы видите это: ★, ☠, ☭ &ndash; есть смысл посмотреть <a href="http://htmlka.com/raznoe/#q">&laquo;Прочие&raquo; спецсимволы HTML</a>, пока редко включаемые в официальные таблицы спецсимволов</p><p><font size="+1"><font color="#008b8b">Фотохостинги</font></font></p></li>
<li><a href="http://gallery.ru/" rel="nofollow" target="_blank">gallery.ru</a></li>
<li><a href="http://www.imagebam.com/" rel="nofollow" target="_blank">imagebam.com</a></li>
<li><a href="http://imgur.com/" rel="nofollow" target="_blank">imgur.com</a></li>
<li><a href="http://imageshack.us/" rel="nofollow" target="_blank">imageshack.us</a></li>
<li><a href="http://tinypic.com/" rel="nofollow" target="_blank">tinypic.com</a></li>
<li><a href="http://foto.radikal.ru/" rel="nofollow" target="_blank">foto.radikal.ru</a></li>
<li><a href="http://photobucket.com/" rel="nofollow" target="_blank">photobucket.com</a><p><font size="+1"><font color="#008b8b">Видеохостинги</font></font>
вставка видео аналогична вставке картинок &ndash; размещаем видеофайл на видеохостинге и получаем код для вставки в блог:</p></li>
<li><a href="http://youtube.com/" rel="nofollow" target="_blank">youtube.com</a></li>
<li><a href="http://rutube.ru/" rel="nofollow" target="_blank">rutube.ru</a><p><font size="+1"><font color="#008b8b">Файлообменники</font></font>
выложить друзьям файлы можно на:</p></li>
<li><a href="http://www.zalil.ru/" rel="nofollow" target="_blank">zalil.ru</a> (50Мб без регистрации, оч простой)</li>
<li><a href="http://www.filedropper.com/" rel="nofollow" target="_blank">filedropper.com</a> (до 5Гб без регистрации)</li>
<li><a href="http://www.wikiupload.com/" rel="nofollow" target="_blank">wikiupload.com</a> (до 5Гб без регистрации)</li>
<li><a href="http://www.dushare.com/#" rel="nofollow" target="_blank">dushare.com</a> (unlim на размер, протокол P2P)</li>
</ul><span style="color: rgb(128, 0, 0);"><u><em><span style="font-size: medium;"><strong>Полезно:</strong></span></em></u></span>

<p><font face="Arial,Helvetica" size="+1"><i><b>10 хитростей ЖЖ</b></i></font></p><div style="margin-left: 30px;"><ul>
<li>Когда терзают смутные сомнения:
<a href="../../../manage/logins.bml">http://www.livejournal.com/manage/login<wbr />s.bml</a> - смотрим историю залогинивания в своем ЖЖ</li>
<li><a href="http://ljplus.ru/friends/history">http://ljplus.ru/friends/history</a> - самая удачная, на мой взгляд, реализация &laquo;истории друзей&raquo;. Минус - глючит при количестве друзей более 2000. Требует регистрации на ljplus.ru</li>
<li><a href="http://ljplus.ru/post/?mode=later">http://ljplus.ru/post/?mode=later</a> - "отложенный" во-времени постинг. Работают lj-cut и html-разметка. Требует регистрации на ljplus.ru</li>
<li><a href="../../../mobile/post.bml">http://www.livejournal.com/mobile/p<wbr />ost.bml</a> - минималистская версия "Написать пост".</li>
<li><a href="../../../mobile/friends.bml">http://www.livejournal.com/mobile/frien<wbr />ds.bml</a> - френдлента с "птичьего полета", то бишь ее мобильный вариант. Если завести и назвать группу "Mobile view" - будем по ссылке читать только ее.</li>
<li><a href="http://wildmale.livejournal.com/tag">http://wildmale.livejournal.com/tag</a><wbr /> - читать журнал по меткам (то есть добавив к адресу интересующего журнала <b>/tag</b>)</li>
<li><a href="http://www.ljtags.com/">http://www.ljtags.com</a> - поиск по жж-меткам</li>
<li><a href="../../../manage/settings/?cat=display&view=schemes">http://www.livejournal.com/manage/setti<wbr />ngs/?cat=display&view=schemes</a>
&ndash; все схемы оформления ЖЖ (включая XColibur и Dystopia - всего 6 схем).</li>
<li>Режем рекламу в ЖЖ.

<a href="http://www.onlinedisk.ru/file/523928">http://www.onlinedisk.ru/file/52392<wbr />8</a> - скачиваем файл (rar), следуем инструкции, забываем про рекламу в ЖЖ
А вот здесь более новые "разработки":
<a href="http://chtec-059.livejournal.com/24695.html">http://chtec-059.livejournal.com/24<wbr />695.html</a>

<strong>Совет по безопасности:</strong></li>
<li>Если вы отвечаете на скрытый комментарий, он открывается. Опять скрините, но он, как и ваш ответ, уже проиндексированы и легко могут быть найдены через поисковик. Также открытый даже на секунду камент будет выслан тому, кто подпишется на уведомления о комментариях к посту.</li>
</ul><h2>Изображения</h2><p>Код любой картинки в сети в простом варианте выглядит так:
<strong><img src="http://site/&hellip;jpg"></strong>
Уникальный URL (<strong>http://site/&hellip;jpg</strong>) выдает картинке фотохостинг (специальный сайт), куда ее необходимо закачать с вашего компьютера.</p><p>Совсем &laquo;чайникам&raquo; рекомендую действовать так (для ЖЖ):
1.Открываешь <a href="http://www.ljplus.ru/" target="_blank">ljplus.ru</a>
(одна из функций этого сайта &ndash; фотохостинг, заточенный под публикацию картинок в жж)
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
5. Постишь. Становишься знаменитым.
<small>В комментарии картинки ставятся аналогично, кат не работает.</small></p><p><font color="navy"><strong>Как сделать, чтобы текст &laquo;обтекал&raquo; картинку?</strong> </font>
Легко &ndash; картинка слева, текст справа:
добавляем в код картинки:
<strong>align=left hspace=20</strong>
Код картинки примет вид:
<b><img src="http:&hellip;" align=left hspace=20> </b>
Помни:
<strong>align=left</strong> &ndash; картинка слева, текст справа
<strong>align=right</strong> &ndash; картинка справа, текст слева
<strong>hspace=20</strong> &ndash; расстояние между текстом и картинкой 20 пиксел по горизонтали
<strong>vspace=20</strong> &ndash; расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<b><img src="http:&hellip;" align=left hspace=20 vspace=15></b></p><p><font color="navy"><strong>Прекратить обтекание </strong></font> и вернуть текст под картинку можно тэгом <strong><br></strong>
Закрывать не надо, он работает один. <strong><br></strong> выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<strong><br></strong><strong><br></strong><strong><br></strong> &ndash; три пустые строки.</p><p><font color="navy"><strong>Вставить две и более картинки горизонтально:</strong> </font>
<textarea cols="30" rows="1" width="60%""><nobr>Текст (картинки)</nobr></textarea>&ndash; все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.</p><p><font color="navy"><strong>Регулируем расстояние меж картинками по-горизонтали:</strong> </font>
С помощью &laquo;неразрывного пробела&raquo;: <strong>&nbsp;</strong>
Расстояние, равное 8 пробелам будет выглядеть так:
<textarea cols="30" rows="1" width="60%""> &nbsp; &nbsp; &nbsp; &nbsp;</textarea>
<small>Вставляется меж кодов картинок, есс-но</small></p><p><font color="navy"><strong>Если надо всплывающую подсказку </strong></font> при наведении курсора на картинку, как здесь: <img align="absmiddle" alt="" height="40" src='http://img210.imageshack.us/img210/807/87606031vk4.gif' title="Мур-р-р!" width="40" /> &ndash; введите в код картинки <strong>title="ТЕКСТ"</strong></p><p><font color="navy"><strong>Если надо цветную рамку </strong></font>, добавьте в код картинки:<textarea cols="30" rows="1" width="60%"">style="border:5px solid red;"</textarea>&ndash; задана красная рамка толщиной 5 пикселей</p><p><font color="navy"><strong>Чтоб быстро вставить картинку с другого сайта</strong></font>, вставьте в пост:
<textarea cols="20" rows="1" width="60%""><img src=""></textarea>
затем войдите в &laquo;Свойства&raquo; картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек</p><p><font color="navy"><strong>Изменить размер картинки</strong></font> можно с помощью атрибутов <strong>width</strong> (ширина) и <strong>height</strong> (высота). Вставьте в код картинки, например, <strong>width=300</strong> и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)</p><p><strong>Полезные приложения:</strong>
<noindex><a href="%20http://semagic.sourceforge.net/index.html">Семаджик &ndash; программа-клиент для ведения блогов</a>
<a href="https://addons.mozilla.org/ru/firefox/addon/4536/">LiveJournal Addons &mdash; расширение для браузера Firefox</a>
<a href="https://chrome.google.com/extensions/detail/jkmfgnboikinlhnaomlhalipemjbmfgi">LiveJournal Extension &ndash; расширение для Chrome</a>
<a href="http://ljbook.com/">ljbook.com &ndash; сохранение блога в pdf</a>
<a href="http://sourceforge.net/projects/ljarchive/">ljArchive &ndash; сохранение, архивация жж</a></noindex></p><p><strong>Полезные страницы ЖЖ:</strong>
<a href="http://www.livejournal.com/site">Карта всея ЖЖ</a>
<a href="http://www.livejournal.com/support">Cлужба тех. поддержки</a>
<a href="http://www.livejournal.com/site/accounts.bml">Возможности разных типов аккаунтов</a>
<a href="http://www.livejournal.com/paidaccounts/friends.bml">Статус аккаунтов друзей, купить аккаунт другу</a>
<a href="http://www.livejournal.com/tools/emailmanage.bml">Менеджер почтовых ящиков </a>
<a href="https://www.livejournal.com/login.bml">Защищенная страница входа в ЖЖ</a>
<a href="http://www.livejournal.com/login.bml?nojs=1">Текстовая страница входа в ЖЖ (без java script) </a>
<a href="http://www.livejournal.com/birthdays.bml">Дни рождения друзей</a>
<a href="http://www.livejournal.com/manage/logins.bml">Страница управления сеансами связи с ЖЖ </a>
<a href="http://www.livejournal.com/friends/nudge.bml">Разбуди друга!</a>
<a href="http://www.livejournal.com/admin/console">Административная Консоль</a>
<a href="http://www.livejournal.com/manage/tags.bml">Редактирование меток</a>
<a href="http://www.livejournal.com/syn/list.bml">Список трансляций </a>
<a href="http://www.livejournal.com/rename">Сменить имя пользователя</a>
<a href="http://www.livejournal.com/changepassword.bml">Сменить пароль</a>
<a href="https://www.livejournal.com/changeemail.bml">Cменить e-mail </a>
<a href="http://www.livejournal.com/lostinfo.bml">Тем, кто забыл имя пользователя или пароль</a>
<a href="http://www.livejournal.com/editprivacy.bml">Сменить уровень доступа к записям (для Платного)</a>
<a href="http://www.livejournal.com/accountstatus.bml">Страница Удаления (восстановления) журнала </a>
<a href="http://www.livejournal.com/abuse/report.bml">Написать в Конфликтную Комиссию</a>
<a href="http://www.livejournal.com/support/submit.bml">Написать в отдел техподдержки</a>
<a href="http://www.livejournal.com/manage/banusers.bml">Бан</a>

<span style="font-size: large;"><strong>Livejournal</strong></span></p><p>Элементарный жж-кат (с &ldquo;Read more&rdquo;):
<textarea cols="30" rows="1" width="60%""><lj-cut> ТЕКСТ </lj-cut></textarea>
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
<textarea cols="43" rows="1" width="60%""><lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut></textarea>
<i><font color="red">Работу ката не видно в режиме &laquo;ПРОСМОТР&raquo;</font></i>
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: <a href="../../../userinfo.bml?user=wildmale"><img align="absmiddle" alt="" border="0" height="17" src="../../../img/userinfo.gif" width="17" /></a><a href="../../../users/wildmale/"><font color="blue"><b>wildmale</b></font></a>
<textarea cols="30" rows="1" width="60%""><lj user="wildmale"></textarea>
Сссылка на сообщество, например: <a href="http://community.livejournal.com/aforism/profile"><img align="absmiddle" alt="" height="16" src='http://l-stat.livejournal.com/img/community.gif' style="border-width: 0px; padding-right: 1px; vertical-align: bottom;" width="16" /></a><a href="http://community.livejournal.com/aforism/"><b>aforism</b></a>
делается точно так же:
<textarea cols="30" rows="1" width="60%""><lj user="aforism"></textarea></p><p>Вместо <a href="../../../userinfo.bml?user=wildmale"><img align="absmiddle" alt="" border="0" height="17" src="../../../img/userinfo.gif" width="17" /></a><a href="../../../users/wildmale/"><font color="blue"><b>wildmale</b></font></a> пишем <a href="../../../users/wildmale/"><font color="blue"><b>Дикий самец</b></font></a>:
<textarea cols="45" rows="1" width="60%""><a href="lj://user/wildmale/">Дикий самец</a></textarea>
<font color="black">Ежели надо с &laquo;человечком&raquo;:</font> <a href="../../../userinfo.bml?user=wildmale"><img align="absmiddle" alt="" border="0" height="17" src="../../../img/userinfo.gif" width="17" /></a><a href="../../../users/wildmale/"><font color="blue"> <b>Дикий самец</b></font></a>:
<textarea cols="45" rows="1" width="60%""><lj user="wildmale" title="Дикий самец"></textarea>
<font size="-2"><font color="red">Скопировав код, не забудьте поменять реквизиты.</font></font></p><p>Ежели хотите сделать так: <nobr><a href="http://wildmale.livejournal.com/profile?mode=full"><img align="absmiddle" alt="" border="0" src='http://dammitja.net/lj/opp/usercloak.gif' /></a><a href="http://wildmale.livejournal.com/"><b>wildmale</b></a></nobr>
или эдак: <nobr><a href="http://community.livejournal.com/comm/profile?mode=full"><img align="absmiddle" alt="" border="0" src='http://dammitja.net/lj/communitypulse.gif' /></a><a href="http://community.livejournal.com/comm/"><b>comm</b></a></nobr> и <nobr><a href="http://community.livejournal.com/commun/profile?mode=full"><img align="absmiddle" alt="" border="0" src='http://seriouscybernetics.net/glyphs/comm_rotate_anti.gif' /></a><a href="http://community.livejournal.com/commun/"><b>commun</b></a></nobr>
то вам <a href="http://wildmale.livejournal.com/94171.html?nc=31">СЮДА</a></p><p><b><strong>Кнопка Repost</strong> (Перепостить)</b>
Вставкой в пост этого тега вы публикуете кнопку &laquo;Repost&raquo; (Перепостить):
<textarea cols="13" rows="1" width="60%"> <lj-repost /></textarea></p><div class="entry"><ul>
<li>Одинарный тег <span style="font-weight: bold;"><lj-repost /></span> приведет к размещению всей записи.</li>
<li>Для репостинга фрагмента исходной записи используется парный тег:
<textarea cols="12" rows="1" width="60%"> <lj-repost></textarea><span style="font-weight: bold;">Перепост этого фрагмент</span>а<textarea cols="12" rows="1" width="60%"> <lj-repost /></textarea></li>
<li>Название кнопки меняется параметром &laquo;button&raquo;:
<textarea cols="40" rows="1" width="60%"> <lj-repost button="Разместить у себя" /></textarea>
<hr /><p>С недавних пор в ЖЖ в посты можно вставлять интерактивные карты с сервисов <span style="font-weight: bold;">Google.Maps</span> или <span style="font-weight: bold;">Яндекс.Карты</span></p><p>Для этого используется специальный тег:<textarea cols="40" rows="1"><lj-map url=URL-карты></textarea></p><p>Что такое <span style="font-weight: bold;">URL-карты</span> можно узнать <a href="http://wildmale.livejournal.com/220288.html">ЗДЕСЬ</a></p></li>
</ul></div><p><strong>Вместо ссылки на страничку можно делать кнопку. В нее можно вставить картинку, например, движущийся gif:</strong></p>
<form action="http://dgz.livejournal.com/1005696.html" method="get" target="_blank">
<button type="submit"><img align="absMiddle" alt="Let's go!" height="23" src='http://www.ljplus.ru/img3/w/i/wildmale/mc-hammer.gif' width="18" />Помощь - коды!</button></form>
Ее код:
<div style="border: 1px solid rgb(204, 0, 153); background: none repeat scroll 0% 0% rgb(238, 238, 238); width: 550px; height: 80px;">&lt;form action=&quot;<b><a href="http://dgz.livejournal.com/1005696.html">http://dgz.livejournal.com/1005696.h<wbr />tml</a></b>&quot; target=&quot;_blank&quot; method=&quot;get&quot;&gt;&lt;BUTTON TYPE=&quot;submit&quot;&gt;&lt;img src=&quot;<b><a href="http://www.ljplus.ru/img3/w/i/wildmale/mc-hammer.gif">http://www.ljplus.ru/img3/w/i/wildm<wbr />ale/mc-hammer.gif</a></b>&quot; align=absMiddle width=&quot;18&quot; height=&quot;23&quot; alt=&quot;<b>Let&#39;s go!</b>&quot;&gt;<b> Теги</b>&lt;/BUTTON&gt; &lt;/form&gt;</div></div></div></div></td>
</tr>
</tbody></table></td>
</tr>
</tbody></table></div>


<lj-repost button="Разместить у себя в журнале">
</lj-repost>

</lj-cut>

<lj-like buttons="tw,lj" /><lj-like buttons="go,vkontakte,fb" /></div>

промо brenik december 31, 23:09 60
Разместить за 100 жетонов

Страница 1 из 2
<<[1] [2] >>

Доброго вам вечера

Понажимайте в HTML редакторе сочетания клавиши Alt и чисел от 1 до 31 :-)

☺ ☻ ♥ ♦ ♣ ♠ • ◘ ○ ◙

♂ ♀ ♪ ♫ ☼ ► ◄ ↕ ‼ ¶

§ ▬ ↨ ↑ ↓ → ← ∟ ↔ ▲

(Ответы заморожены) (Ветвь дискуссии)

Re: Доброго вам вечера

на самом деле этих символов намного больше :)

Спасибо большое, а то каждый раз справочник хтмл в сети ищу. Поставил в закладки.
(Ответы заморожены) (Ветвь дискуссии)

Здравствуйте! А Вы не подскажете как набирать текст комментария к посту в ЖЖ ОЧЕНЬ КРУПНЫМ шрифтом? Дело в том что иногда среди комментариев можно увидеть вот такое:
http://vladivostok.livejournal.com/4811546.html?thread=114873114# (да, знаю, автор комментария идиот) Я просматривал кодировку страницы, пытаясь понять как он это делает, пробовал и так и сяк и ничего не получается :( Среди ваших примеров тоже подходящего решения не нашел. Буду безмерно благодарен если подскажете! :))
(Ответы заморожены) (Ветвь дискуссии)

В данно случае была применена конструкция
<center><font color="red"><font size="12">БЫВАЕТ</center></font></font>

она работает в том стиле журнала.
а вот в моём стиле эта конструкция не работает.
БЫВАЕТ


Edited at 2012-10-30 07:00 (UTC)

(без темы) - brenik, 2012-10-30 10:44 (UTC)(Развернуть)
dgz вроде сам ушёл.
достали его тут всякие угрозы от супа, репрессии, он и ушёл

а можно как-то замедлить бегущую строку?
(Ответы заморожены) (Ветвь дискуссии)

посмотри тут http://htmlka.com/begushhaya-stroka/

:)

Афтар давай зачетку
(Ответы заморожены) (Ветвь дискуссии)

Re: :)

)
(Ответы заморожены) (Уровень выше) (Ветвь дискуссии)

ой, спасибо, очень все полезно!!
(Ответы заморожены) (Ветвь дискуссии)

Уважаемый товарищ! У вас очень много и красиво написано, но мне хочется знать только одно: как вставлять гифку в юзерпик?
(В радикале при загрузке изображения не выдает коды.)
Вот это хочу поставить, например: http://s38-temporary-files.radikal.ru/54070cfdf37741a1b07a222510610447/-88693455.gif
(Ответы заморожены) (Ветвь дискуссии)

Вот есть уже код.
Но как его в юзерпик вставить?
Подскажите!!!
(Ответы заморожены) (Ветвь дискуссии)

юзерпик это картинка

(без темы) - brenik, 2014-01-29 19:14 (UTC)(Развернуть)
(без темы) - brenik, 2014-01-29 19:35 (UTC)(Развернуть)
(без темы) - brenik, 2014-01-29 20:02 (UTC)(Развернуть)
Еще тег alt к изображениям добавьте, полезный тег...
(Ответы заморожены) (Ветвь дискуссии)

спасибо. очень полезно.
(Ответы заморожены) (Ветвь дискуссии)

I very want sex a

(Анонимно)
Hi! My name is Adalin and I very want sex! e
(Ответы заморожены) (Ветвь дискуссии)

Спасибо, загрузил на предложенный хостинг и использовал код вставки. Вроде получилось.
(Ответы заморожены) (Ветвь дискуссии)

(Удалённый комментарий)
Спасибо Вам!
Надеюсь и я, когда-нить, дорасту... :)
(Ответы заморожены) (Ветвь дискуссии)

Страница 1 из 2
<<[1] [2] >>
?

Log in

No account? Create an account