ПАМЯТКА БЛОГЕРАМ. Необходимые коды для ЖЖ.
|
ПАМЯТКА БЛОГЕРАМ. Необходимые коды для ЖЖ. 2017-03-04 09:34 Здесь куча всего для ЖЖ, ну так, чтобы два раза не вставать. Оригинал взят у reposting в ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ. Оригинал взят уalionushka1в ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ. Оригинал взят уoldgoroв ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.
[Error: Irreparable invalid markup ('<textarea [...] ">') in entry. Owner must fix manually. Raw contents below.] Здесь куча всего для ЖЖ, ну так, чтобы два раза не вставать. Оригинал взят у <lj user="reposting" /> в <a href="http://reposting.livejournal.com/28341.html">ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.</a><div class="repost">Оригинал взят у<lj user="alionushka1" />в <a href="http://alionushka1.livejournal.com/2569.html">ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.</a><div class="repost">Оригинал взят у<lj user="oldgoro" />в <a href="http://oldgoro.livejournal.com/33447.html">ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.</a><div class="repost">Оригинал взят у<lj user="brenik" />в <a href="http://brenik.livejournal.com/346942.html">ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.</a><div class="repost"><div><img alt="144.42 КБ" height="252" src="http://www.ljplus.ru/img4/d/g/dgz/_Image-2.png" width="685" /></div></div></div> <lj-cut text="Самое полезное там..."> <div class="repost"><div class="repost"><div> <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>‘ом</i><span style=""font-size:" medium;"><i><strong><small>(В режиме «HTML», а не «Визуальный редактор»)</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%""> <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%""> </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%"">́</textarea><b>«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):</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">текст – 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>Таблица «базовых» цветов (вводим «Имя» или «Код»):</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></td> </tr> </tbody></table></td> </tr> </tbody></table></div></div></div><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">Шрифт этого текста «Monotype Corsiva»</font> <textarea cols="50" rows="1" width="60%""> <font face="Monotype Corsiva"> текст </font> </textarea> Все вышеперечисленные атрибуты тега font можно объединять в одном теге: <font color="fuchsia" face="Monotype Corsiva" size="+2">Шрифт этого текста «Monotype Corsiva»</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>Элементарный жж-кат (с “Read more”): <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">&</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">™</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">×</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">°</td> <td align="center">° <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>Если вы видите это: ★, ☠, ☭ – есть смысл посмотреть <a href="http://htmlka.com/raznoe/#q">«Прочие» спецсимволы 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> вставка видео аналогична вставке картинок – размещаем видеофайл на видеохостинге и получаем код для вставки в блог:</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/logins.bml</a> - смотрим историю залогинивания в своем ЖЖ</li> <li><a href="http://ljplus.ru/friends/history">http://ljplus.ru/friends/history</a> - самая удачная, на мой взгляд, реализация «истории друзей». Минус - глючит при количестве друзей более 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/post.bml</a> - минималистская версия "Написать пост".</li> <li><a href="../../../mobile/friends.bml">http://www.livejournal.com/mobile/friends.bml</a> - френдлента с "птичьего полета", то бишь ее мобильный вариант. Если завести и назвать группу "Mobile view" - будем по ссылке читать только ее.</li> <li><a href="http://wildmale.livejournal.com/tag">http://wildmale.livejournal.com/tag</a> - читать журнал по меткам (то есть добавив к адресу интересующего журнала <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/settings/?cat=display&view=schemes</a> – все схемы оформления ЖЖ (включая XColibur и Dystopia - всего 6 схем).</li> <li>Режем рекламу в ЖЖ. <a href="http://www.onlinedisk.ru/file/523928">http://www.onlinedisk.ru/file/523928</a> - скачиваем файл (rar), следуем инструкции, забываем про рекламу в ЖЖ А вот здесь более новые "разработки": <a href="http://chtec-059.livejournal.com/24695.html">http://chtec-059.livejournal.com/24695.html</a> <strong>Совет по безопасности:</strong></li> <li>Если вы отвечаете на скрытый комментарий, он открывается. Опять скрините, но он, как и ваш ответ, уже проиндексированы и легко могут быть найдены через поисковик. Также открытый даже на секунду камент будет выслан тому, кто подпишется на уведомления о комментариях к посту.</li> </ul><h2>Изображения</h2><p>Код любой картинки в сети в простом варианте выглядит так: <strong><img src="http://site/…jpg"></strong> Уникальный URL (<strong>http://site/…jpg</strong>) выдает картинке фотохостинг (специальный сайт), куда ее необходимо закачать с вашего компьютера.</p><p>Совсем «чайникам» рекомендую действовать так (для ЖЖ): 1.Открываешь <a href="http://www.ljplus.ru/" target="_blank">ljplus.ru</a> (одна из функций этого сайта – фотохостинг, заточенный под публикацию картинок в жж) 2. Регистрируешься 3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ! 4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента 5. Постишь. Становишься знаменитым. <small>В комментарии картинки ставятся аналогично, кат не работает.</small></p><p><font color="navy"><strong>Как сделать, чтобы текст «обтекал» картинку?</strong> </font> Легко – картинка слева, текст справа: добавляем в код картинки: <strong>align=left hspace=20</strong> Код картинки примет вид: <b><img src="http:…" align=left hspace=20> </b> Помни: <strong>align=left</strong> – картинка слева, текст справа <strong>align=right</strong> – картинка справа, текст слева <strong>hspace=20</strong> – расстояние между текстом и картинкой 20 пиксел по горизонтали <strong>vspace=20</strong> – расстояние между текстом и картинкой 20 пиксел по вертикали Код картинки с плавным обтеканием текстом справа и снизу (или сверху): <b><img src="http:…" 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> – три пустые строки.</p><p><font color="navy"><strong>Вставить две и более картинки горизонтально:</strong> </font> <textarea cols="30" rows="1" width="60%""><nobr>Текст (картинки)</nobr></textarea>– все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.</p><p><font color="navy"><strong>Регулируем расстояние меж картинками по-горизонтали:</strong> </font> С помощью «неразрывного пробела»: <strong> </strong> Расстояние, равное 8 пробелам будет выглядеть так: <textarea cols="30" rows="1" width="60%""> </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" /> – введите в код картинки <strong>title="ТЕКСТ"</strong></p><p><font color="navy"><strong>Если надо цветную рамку </strong></font>, добавьте в код картинки:<textarea cols="30" rows="1" width="60%"">style=""border:5px" solid red;"</textarea>– задана красная рамка толщиной 5 пикселей</p><p><font color="navy"><strong>Чтоб быстро вставить картинку с другого сайта</strong></font>, вставьте в пост: <textarea cols="20" rows="1" width="60%""><img src=""></textarea> затем войдите в «Свойства» картинки на этом сайте, скопируйте ее 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">Семаджик – программа-клиент для ведения блогов</a> <a href="https://addons.mozilla.org/ru/firefox/addon/4536/">LiveJournal Addons — расширение для браузера Firefox</a> <a href="https://chrome.google.com/extensions/detail/jkmfgnboikinlhnaomlhalipemjbmfgi">LiveJournal Extension – расширение для Chrome</a> <a href="http://ljbook.com/">ljbook.com – сохранение блога в pdf</a> <a href="http://sourceforge.net/projects/ljarchive/">ljArchive – сохранение, архивация жж</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>Элементарный жж-кат (с “Read more”): <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">Работу ката не видно в режиме «ПРОСМОТР»</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">Ежели надо с «человечком»:</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> Вставкой в пост этого тега вы публикуете кнопку «Repost» (Перепостить): <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>Название кнопки меняется параметром «button»: <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;"><form action="<a href="http://reposting.livejournal.com/">http://reposting.livejournal.com/</a>" target="_blank" method="get"><BUTTON TYPE="submit"><img src="http://ic.pics.livejournal.com/reposting/46691945/3402/3402_original.jpg" align=absMiddle width="18" height="23" alt="<b>Let's go!</b>"><b> Теги</b></BUTTON> </form></div></div></div></div></lj-cut></div> <lj-like /></div> |
В избранное | ||