Sergey Kartamyshev (kartam47) wrote,
Sergey Kartamyshev
kartam47

ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.

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

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

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

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

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

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

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

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

Оригинал взят у <lj user="brenik" /> в <a href="http://brenik.livejournal.com/346942.html">ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.</a><div class="repost">Оригинал взят у <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></div>
Tags: hi-tech, livejournal
Subscribe

Recent Posts from This Journal

Buy for 20 tokens
Buy promo for minimal price.
  • Post a new comment

    Error

    default userpic

    Your IP address will be recorded 

    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 0 comments