ШПАРГАЛКА ПО ЖЖ

[uzverss]

Оригинал взят у 14_sonde в ШПАРГАЛКА ПО ЖЖ

Буду складывать сюда всякие честно спизженные и не только полезности для работы с ЖЖ. Чтобы не лазать по чужим бложикам.

Вставка текстового блока с отключенной разметкой

<textarea cols="80" rows="1"> бла-бла-бла </textarea>

Спецсимволы Unicode в ЖЖ

В ЖЖ поддерживаются спецсимволы Unicode. Их можно задавать как кодом Unicode (в десятичной системе исчисления) так и псевдонимом, если он есть: &#21328; &amp;

Некоторые символы и их запись в жж:

卐

☭

✡

&

"

<

>

€

©

®

±

«

»

&#21328;

&#9773;

&#10017;

&amp;

&quot;

&lt;

&gt;

&nbsp;

&euro;

&copy;

&reg;

&plusmn;

&laquo;

&raquo;

Основные символы Unicode

Полная таблица в 16-й системе исчисления

Вставка обтекаемой фотки

<img align="left" alt="" src="http://pics.livejournal.com/14_sonde/pic/00008py7" style="margin: 0pt 1em 1em 0pt;" title="Артемовское" /> бла-бла-бла

Работа с видео

Основные настройки встроенного проигрывателя youtube - тут. Ниже пример ролика с youtube.com: изменены размеры (пропорционально оригинальным) - width="300" height="225"; время старта (с 40-й секунды) - &amp;start=40; убраны лишние элементы &amp;showinfo=0&amp;showsearch=0&amp;rel=0

<lj-embed> <embed src="http://www.youtube.com/v/WZBi8QZ5Wbo?fs=1&amp;hl=ru_RU&amp;start=40&amp;showinfo=0&amp;showsearch=0&amp;rel=0" type="application/x-shockwave-flash" allowfullscreen="true" width="300" height="225"></embed> </lj-embed>

Консоль ЖЖ

http://www.livejournal.com/admin/console

справка по консоли

friend remove user - удаление пользователя user из друзей

friend add user - добавление пользователя user в друзья

ban_set user - бан пользователя user (запрет писать без удаления из друзей)

ban_unset user - разбанивание пользователя user

Таблица тэгов

Тэги, работающие только в ЖЖ-подобных системах
Код	Результат
ЖЖ-кат Синтаксис (точный):<lj-cut text="текст ката"></lj-cut> Пример: Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков <lj-cut text="не является честным человеком">Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.</lj-cut> Синтаксис (точный):<lj-cut></lj-cut> Пример: Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД.<lj-cut> Однако, поскольку задание получено, приступаю к его реализации.</lj-cut>	Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков ( не является честным человеком ) полужирный текст синего цвета в скобках и будет жж-катомЗапада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации. Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. ( Read more ) полужирный текст синего цвета в скобках и будет жж-катомОднако, поскольку задание получено, приступаю к его реализации.
ЖЖ-юзер или ЖЖ-сообщество Синтаксис (точный):<lj user="username"><lj comm="commname"> Разные ЖЖ-линки Синтаксис (на примере):<a href="lj://user/ansate/">Анх</a><a href="lj://support/3">Запрос № 3</a><a href="lj://faq/72">Справка № 72</a>	username или commname Анх Запрос № 3 Справка № 72
ЖЖ-юзер или ЖЖ-сообщество (с произвольным текстом) Синтаксис (на примере):<span style='white-space:nowrap;'><a href='http://ansate.livejournal.com/profile'><img src='http://stat.livejournal.com/img/userinfo.gif' alt='[info]' width='17' height='17' style='vertical-align:bottom;border:0;' /></a><a href='http://ansate.livejournal.com/'><b>Этот парень</b></a></span> Если поменять стандартный userinfo.gif на прозрачный GIF-файл (высота 17 пикселов, ширина — любая), сделанный своими руками, то можно добиться забавного ЖЖ-написания ника. Результат — справа, последний ник.	Обратите внимание, что надо два раза заменить мой ник ansate на тот ник, который вам нужен и один раз прописать произвольный текст. В результате получим
Отменить ЖЖ-форматирование в части абзацев Синтаксис (точный):<lj-raw></lj-raw>	Результатом будет то, что ЖЖ для абзацев, заключённых в эти тэги, отменит форматирование, в частности, новую строку надо будет делать тэгом <br>. Особо не заморачивайтесь этим тэгом, его использование нужно крайне редко.
Тэги, работающие не только в ЖЖ-подобных системах
Код	Результат
Линк на страницу сайта Синтаксис (на примере):<a href="http://www.apple.com/ipod/" title="Страница про мой плейер">айПод</a>	айПод В тэге title содержимое заменяете на свой текст, он будет возникать при наведении на него мышки на жёлтом всплывающем фоне. Если хотите, чтобы линк открывался в том же окне, замените тэг target="_blank" на target="_self" или уберите его вообще.
Картинка, исполняющая роль линка Синтаксис (на примере):<a href="http://ansate.livejournal.com/29741.html"><img src="http://pics.livejournal.com/ansate/pic/00011f2g" alt="Иконка NEW" width="16" height="6" border="1"></a>	— эта картинка с надписью 'NEW' «ведёт» на эту же запись. Адреса картиночных хостингов и записей, само собой, подставляйте на свой вкус. Плюс к тому же, тут в тэгах width и height надо проставить реальные размеры вашей картинки. Вообще, не пренебрегайте этими тэгами — многие люди отключают отображение картинки на странице, и, если там не указаны размеры, вообще не интересуются изображением. Это всё из-за стоимости трафика и наличия медленных сетей. Тэг border задаёт толщину рамки вокруг картинки.
Вставка картинки в текст Синтаксис (на примере):<img src="http://pics.livejournal.com/ansate/pic/00011f2g" alt="Иконка NEW" width="16" height="6" border="1">	— в ячейке выше см. про тэги.
Выключка объектов и текста Выключки: влево, по центру, вправо, полностью. Синтаксис (на примерах):<div align="left">Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.</div><div align="center">Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.</div><div align="right">Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.</div><div align="justify">Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.</div> Обычно, используется выключка влево (она делается по умолчанию), либо по центру. Для быстрого и упрощённого центрирования картинок или текста используйте тэги <center></center>, заключая между ними ваши картинки или слова/абзацы.	Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации. Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации. Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации. Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД. Однако, поскольку задание получено, приступаю к его реализации.
Перечёркнутый текст Синтаксис (на примере):<strike>Перечёркнутый текст</strike><s>Перечёркнутый текст</s><del>Перечёркнутый текст</del>	Перечёркнутый текст Перечёркнутый текст Перечёркнутый текст Обратите внимания, что никакой разницы в результате нет, хотя код разный.
Подчёркнутый текст Синтаксис (на примере):<u>Подчёркнутый текст</u>	Подчёркнутый текст
Полужирный текст Синтаксис (на примере):<b>Полужирный текст</b><strong>Полужирный текст</strong>	Полужирный текст Полужирный текст Обратите внимания, что никакой разницы в результате нет, хотя код разный.
Курсивный текст Синтаксис (на примере):<em>Курсивный текст</em><i>Курсивный текст</i>	Курсивный текст Курсивный текст Обратите внимания, что никакой разницы в результате нет, хотя код разный.
Уменьшенный текст Синтаксис (на примере):<small>Уменьшенный текст</small><font size="-2">Уменьшенный текст</font>	Уменьшенный текст Уменьшенный текст
Увеличенный текст Синтаксис (на примере):<big>Увеличенный текст</big><font size="+1">Увеличенный текст</font><font size="+2">Увеличенный текст</font><font size="+3">Увеличенный текст</font>	Увеличенный текст Увеличенный текст Увеличенный текст Увеличенный текст
Цветной текст Синтаксис (на примере):<font color="red">Красный</font><font color="green">Зелёный</font><font color ="blue">Синий</font><font color ="cyan">Циан</font><font color ="magenta">Пурпурный</font><font color ="yellow">Жёлтый</font><font color ="black">Чёрный (по умолчанию)</font><font color ="purple">Фиолетовый</font><font color ="olive">Оливковый</font><font color ="teal">Бирюзовый</font><font color ="fuchsia">Фуксия</font><font color ="gray">Серый</font><font color ="lime">Ярко-зелёный</font><font color ="maroon">Светлокоричневый</font><font color ="navy">Тёмносиний</font><font color ="aqua">Яркоголубой</font>	Красный Зелёный Синий Циан Пурпурный Жёлтый Чёрный (по умолчанию) Фиолетовый Оливковый Бирюзовый Фуксия Серый Ярко-зелёный Светлокоричневый Тёмносиний Яркоголубой
Цитата Синтаксис (на примере):<blockquote>Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД.</blockquote>	Юстас — Алексу. По-прежнему убеждён, что ни один из серьёзных политиков Запада не пойдёт на переговоры с СС или СД.
Списки Синтаксис (на примере):<li>Первый<br><li>Второй<br><li>Третий	Первый Второй Третий Подробнее о списках тут.
Бегущие текст и объекты Синтаксис (точный):<marquee></marquee> Создается бегущая строка текста. Возможны следующие атрибуты: align — задаётся позиция бегущей строки по вертикали относительно текста, в котором она расположена: вверху (top), посередине (middle) или внизу (bottom). behavior — стиль бегущей строки определяется как alternate (меняет направление, дойдя до границы), scroll (побуквенно исчезает, дойдя до границы и так же появляется с другой стороны, мгновенно начинает движение снова) или slide (мгновенно начинает движение снова, дойдя до границы). bgcolor — задаётся цвет (либо названием либо цифрами). direction — задаётся направление прокрутки текста: справа налево (left), слева направо (right), снизу вверх (up) и сверху вниз (down). height — высота (в пикселях) зоны бегущей строки. hspace — размещение слева и справа от бегущей строки областей свободного пространства (в пикселях). loop — установка числа повторов анимации бегущей строки; значение может быть целым или infinite (бесконечно; по умолчанию именно так). scrollamount — задаётся размер (в пикселях) области смещения текста при каждой операции прокрутки, фактически, тут речь про скорость прокрутки. scrolldelay — указывается задержка (в миллисекундах) между последовательными смещениями текста бегущей строки. vspace — задаётся размещение над бегущей строкой и под ней областей свободного пространства заданной высоты (в пикселях). width — задаётся ширина зоны бегущей строки (в пикселях). Пример:<marquee align="top" behavior="scroll" direction="right" bgcolor="cyan" height="64" hspace="20" scrollamount="10" scrolldelay="64" vspace="24" width="200">Гарри, куда ты гонишь?</marquee> Чтобы всё было без лишних заморочек, синтаксиса в точном виде хватает для большинства случаев (картинка с надписью NEW в ячейке справа «обработана» этим тэгом в точном синтаксисе).	Гарри, куда ты гонишь?
Линейка Синтаксис (точный):<hr> Возможные атрибуты: width — определяет длину линии в пикселах или процентах от ширины окна браузера. size — определяет толщину линии в пикселах. align — определяет выравнивание горизонтальной линии. Параметр может принимать следующие значения: left — выравнивание по левому краю документа. right — выравнивание по правому краю документа. center — выравнивание по центру документа (используется по умолчанию). noshade — определяет способ закраски линии как сплошной. Параметр является флагом и не требует указания значения. Без данного параметра линия отображается объемной. color — определяет цвет линии. Задается либо RGB-значением в шестнадцатиричной системе, либо одним из 16 базовых цветов. Работает только в Internet Explorer, поэтому лучше его не использовать.	Для примера ставлю линейку сверху и снизу.
Надстрочный и подстрочный индексы Синтаксис (на примерах):a<sup>2</sup>+b<sup>2</sup>=c<sup>2</sup>2H<sub>2</sub>+O<sub>2</sub>=2H<sub>2</sub>O Как сделать настоящую гиперсноску Об этом писал Вяземский<sup><a href="#vjazemskij">1</a></sup>.<sup><a name="vjazemskij">1</a></sup> См. Собр. соч. Т. 1. В «боевых» условиях гиперсноску можно наблюдать в записи «Гиммлер и печник», к примеру.	a2+b2=c2 2H2+O2=2H2O Об этом писал Вяземский1. 1 См. Собр. соч. Т. 1.
Неразрывный пробел Синтаксис (точный):&nbsp;	Результатом будет то, что длинная строка текста, в которую вы вставите этот тэг, будет идти без форматирования её в виде нескольких строк абзаца, т. е. будет требовать от браузера скроллить её. Пример-результат показывать тут не буду, иначе из-за этого одного тэга вся таблица «уедет».
Создание «недействующего» линка Синтаксис (на примерах):&lt;Ваш код&gt; Подробнее.<code>Ваш код</code> Подробнее.<pre>Ваш код</pre> Подробнее.<textarea>Ваш код</textarea> Подробнее.	<Ваш код> Ваш кодВаш кодВаш кодИногда надо указывать линк на какие-либо страницы или сайты, но нужно, чтобы эти линки не открывались при нажатии мышкой на этот линк, то есть, строка с линком должна выглядеть обычным текстом. Ещё это важно, когда нужно какой-то текст заключить в угловые скобки, например, для того, чтобы написать кому-то правильный html-код, не объясняя, что «ты там тока прабелы убири, а то я ниасилил эту байду». Слева указан набор способов изящно обойти эти проблемы.
Спецсимволы и ударения
Некоторые спецсимволы &#161; — ¡ (перевёрнутый ВЗ) &#167; — § (параграф) &#169; — © (копирайт) &#171; — « (левая двойная кавычка) &#174; — ® (знак регистрации) &#176; — ° (градус) &#177; — ± (плюс-минус) &#187; — » (правая двойная кавычка) &#191; — ¿ (перевёрнутый ВЗ) &#215; — × (умножение) &#241; — ñ («н» с тильдой) &#8226; — • (жирная точка; буллет) &#8230; — … (троеточие) &#8482; — ™ (трейдмарк) &#8709; — ∅ (диаметр) &#8721; — ∑ (сумма) Ударные гласные &#225; — á &#193; — Á &#233; — é &#201; — É &#243; — ó &#211; — Ó &#250; — ú &#253; — ý Ударяем, где хотим <span style="font-family: Arial;">Что&#769;бы поста&#769;вить ударе&#769;ние, ну&#769;жно мно&#769;го сде&#769;лать.</span>Чтобы поставить ударение, нужно много сделать. Над примером точная схема расстановки ударения для шрифта без засечек, который вы, возможно, используете в своём ЖЖ.<span style="font-family: Times New Roman;">Что&#769;бы поста&#769;вить ударе&#769;ние, ну&#769;жно мно&#769;го сде&#769;лать.</span>Чтобы поставить ударение, нужно много сделать. Над примером точная схема расстановки ударения для шрифта с засечками, который вы, возможно, используете в своём ЖЖ. Как мне было сказано, ударения работают криво, поэтому, рекомендую ими пользоваться с осторожностью.	От dtmf_1
Мелочи
Если из Избранного не удаляется запись Перейдите в меморизы на страницу, где можно редактировать этот элемент меморизов, и в строку адреса браузера добавьте &multidelete=1, у элемента появится место, чтобы поставить галку, пымкайте в неё, и со счастливой улыбкой удаляйте.
Учебники по html http://postroika.ru/html/ или скачать в архиве. http://dtmf.h12.ru/h/ http://home.tele2.fr/akvarelki/HTML/index.html http://html.krsk.ru/ http://fio.ifmo.ru/internet/html/ lj: Инструкция по работе с текстом lj: Краткая таблица цветов lj: Что можно сотворить с отдельными словами
Как сделать? Таблицы Навигационные карты Формы Текстовые блоки
Хостинги картинок Моя личная рекомендация — http://photobucket.com/ Читать коммент Читать коммент
Поисковая форма<form name="web" class="search" action="http://blogs.yandex.ru/search.xml"><input type="hidden" name="how" value="tm"><input type="hidden" name="rd" value="2"><input type="hidden" name="server" value="livejournal.com"><input type="hidden" name="charset" value="utf-8"><input type="hidden" name="no_group" value="1">Искать: <input type="text" name="text" value=""> у лжеюзера: <input type="text" name="author" value="ansate"><input type="submit" value="Найти"></form>	Искать: у лжеюзера: Слова Искать:, у лжеюзера: и Найти можно заменить на свои. Например, Поиск, в блоге и Фас, казяффка!. Ну и мой ник из формы замените на свой. Когда будете вставлять заточенную под себя форму, предварительно залогинившись в ЖЖ, в режиме редактирования инфопейджа, убедитесь, что вся последовательность формы идёт одной строкой.
Ещё несколько кодов, разрешённых в ЖЖ-подобных системах Эти коды менее часто используются, поэтому пока не расписываю их подробно. Часть из них была использована в примерах выше. <p>, <span>, <cite>, <kbd>, <samp>, <var>, <pre>, <textarea>, <code>, <abbr>, <acronym>, <address>, <bdo>, <blink>, <col>, <colgroup>, <dfn>, <ins>, <q>, <tbody>, <tfoot>, <thead>, <tt>
Псевдо-почта Псевдо-почта быстро делается путём создания записи с датой из будущего и включением галки backdate entry. После этого, запись висит вверху блога и не видна из фройндленты. Но есть более корректный способ (работает только в S1).
Записи, с которых надо изучать ЖЖ Полезные ссылки на ЖЖ ресурсы…
Несколько полезных линков Сервис ответов по e-mail Разворачиватель тредов (ЛЖ+) Разворачиватель тредов (Румантик) ЖЖ-портал Список последних комментариев Поисковик Список сообществ Экспорт вашего блога http://YOUR_USERNAME.livejournal.com/tag/ — замените YOUR_USERNAME на ваш ник и вы увидите список ваших меток. Счётчик симпафек Типограф