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

144.42 КБ

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

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

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

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

Перечёркнутый текст: ТЕКСТ
<textarea rows="1" cols="30"> <s> ваш текст </s></textarea>
Подчёркнутый текст: ТЕКСТ
<textarea rows="1" cols="30"> <u> ваш текст </u></textarea>
Полужирный текст: ТЕКСТ
<textarea rows="1" cols="30"> <b> ваш текст </b></textarea>
Полужирный крупный: <big>ТЕКСТ</big>
<textarea rows="1" cols="30"> <big> ваш текст </big></textarea>
Курсивный текст: ТЕКСТ
<textarea rows="1" cols="30"> <i> ваш текст </i></textarea>
Маленький текст: <small>текст</small>
<textarea rows="1" cols="30"> <small> ваш текст </small></textarea>
Неразрывный пробел:
<textarea rows="1" cols="20"> </textarea>
Центрирование:







текст (картинка) по центру






<textarea rows="1" cols="40"> <center>ваш текст (картинка) </center></textarea>
Выравнивание текста по правому краю поста:
<textarea rows="1" cols="40"> <div align=right> ваш текст </div></textarea>
Выравнивание текста по всей ширине поста:
<textarea rows="1" cols="40"> <div align=justify> ваш текст </div></textarea>
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
<textarea rows="1" cols="40"> <blockquote> текст </blockquote> </textarea>
Бегущая строка (рекомендую Бегущая строка):
бегущая, как коняшка, строка
<textarea rows="1" cols="40"> <marquee> ваша бегущая строка</marquee> </textarea>
Вместо текста можно вставить картинку:

Код этой картинки:
<textarea rows="1" cols="45"><marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee></textarea>

Сноска вверху: ТЕКСТсноска
<textarea rows="1" cols="30"> <sup>ваша сноска</sup></textarea>

Сноска внизу: ТЕКСТсноска
<textarea rows="1" cols="30"> <sub>ваша сноска</sub></textarea>

Линия:


<hr/>

ее код:<textarea rows="1" cols="10"><hr></textarea>
Ударение:
Cтавим после нужной буквы:
<textarea rows="1" cols="10">́</textarea>
«Закрепитель» (фиксирует текст так, как и расположите его в поле поста):
<pre>Я Пешу Лесинкой!!!</pre>




<textarea rows="1" cols="30"> <pre>ваш текст</pre> </textarea>

РАЗМЕР ШРИФТА:

Уменьшить текст: текст – 2
<textarea rows="1" cols="55"> <font size="-2"> уменьшенный текст </font> </textarea>
Увеличить текст на 1 пункт: текст
<textarea rows="1" cols="55"> <font size="+1"> увеличить текст на 1 пункт </font> </textarea>

Увеличить текст на 2 пункта: текст

<textarea rows="1" cols="55"> <font size="+2"> увеличить текст на 2 пункта </font></textarea>

Увеличить текст на 3 пункта: текст

<textarea rows="1" cols="55"> <font size="+3"> увеличить текст на 3 пункта </font></textarea>

Увеличить текст на 4 пункта: текст

<textarea rows="1" cols="55"> <font size="+4"> увеличить текст на 4 пункта </font></textarea>

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст
<textarea rows="1" cols="55"> <font color="red"> красный текст </font> </textarea>
ЖЕЛТЫЙ: желтый текст
<textarea rows="1" cols="55"> <font color="yellow"> желтый текст </font> </textarea>
ФИОЛЕТОВЫЙ: фиолетовый текст
<textarea rows="1" cols="55"> <font color="purple"> фиолетовый текст </font> </textarea>
ЗЕЛЕНЫЙ: зеленый текст
<textarea rows="1" cols="55"> <font color="lime"> зеленый текст </font> </textarea>
СИНИЙ: синий текст
<textarea rows="1" cols="55"> <font color="navy"> синий текст </font> </textarea>
ФУКСИЯ: фуксия текст
<textarea rows="1" cols="55"> <font color="fuchsia"> фуксия текст </font> </textarea>

Таблица «базовых» цветов (вводим «Имя» или «Код»):







Имя





Код





Имя





Код





Имя





Код





Имя





Код
aqua #00FFFF green #008000 navy #000080 silver #C0C0C0
black #000000 gray #808080 olive #808000 teal #008080
blue #0000FF lime #00FF00 purple #800080 white #FFFFFF
fuchsia #FF00FF maroon #800000 red #FF0000 yellow #FFFF00
  • Таблица безопасных цветов
  • Все цвета Интернета

    ВИД ШРИФТА:

    Шрифт этого текста «Monotype Corsiva»
    <textarea rows="1" cols="50"> <font face="Monotype Corsiva"> текст </font> </textarea>
    Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
    Шрифт этого текста «Monotype Corsiva»
    код этого текста:
    <textarea rows="2" cols="50"><font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font> </textarea>

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

    Как вставить ссылку на веб-страницу:
    <textarea rows="1" cols="55"><a href="АДРЕС СТРАНИЦЫ"> ВАШ ТЕКСТ</a></textarea>
    Как сделать, чтобы картинка была ссылкой на веб-страницу:
    <textarea rows="1" cols="55"><a href="АДРЕС СТРАНИЦЫ"><img src="АДРЕС КАРТИНКИ"></a></textarea>
    Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
    <textarea rows="1" cols="55"><a href="АДРЕС СТРАНИЦЫ" target="_blank">ВАШ ТЕКСТ</a> </textarea>


    <hr/>

    Спец. теги ЖЖ:

    Элементарный жж-кат (с “Read more”):
    <textarea rows="1" cols="30"><lj-cut> ТЕКСТ </lj-cut></textarea>
    Публикация картинок:
    По картинкам смотрим здесь:

    htmlka.com/pictures


    <hr/>

    Окошечко для вставки кода, типа:
    <textarea rows="2" cols="50"> ВАШ КОД </textarea>
    получаем так:
    <textarea rows="1" cols="50"><textarea rows="2" cols="60"> ВАШ КОД </textarea>
    где rows и colsопределяют площадь окна

    Можно сделать покрасивше:

    <textarea style="border: 2px solid black; background-color: dodgerblue; color: white; width: 100%;"> <textarea>ВАШ КОД</textarea>

    <textarea rows="3" cols="50"><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>

    Кнопка-ссылка на веб-страничку
    Например, на эту:


    <form action="http://dgz.livejournal.com/1005696.html" method="get" target="_blank">




    </form>




    <textarea rows="2" cols="50"><form action="http://dgz.livejournal.com/1005696.html" target="_blank" method="get"><input type="submit" value="htmlka"></form></textarea>

    Некоторые спецсимволы:

    Спецсимвол Вид в браузере
    < <
    > >
    & &
    " "
    ® ®
    © ©
    × ×
    ° °
    <small>(градус)</small>
    много символов

    Если вы видите это: ★, ☠, ☭ – есть смысл посмотреть «Прочие» спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов

    Фотохостинги

  • gallery.ru
  • imagebam.com
  • imgur.com
  • imageshack.us
  • tinypic.com
  • foto.radikal.ru
  • photobucket.com

    Видеохостинги
    вставка видео аналогична вставке картинок – размещаем видеофайл на видеохостинге и получаем код для вставки в блог:

  • youtube.com
  • rutube.ru

    Файлообменники
    выложить друзьям файлы можно на:

  • zalil.ru (50Мб без регистрации, оч простой)
  • filedropper.com (до 5Гб без регистрации)
  • wikiupload.com (до 5Гб без регистрации)
  • dushare.com (unlim на размер, протокол P2P)

Полезно:

10 хитростей ЖЖ

  • Когда терзают смутные сомнения:
    http://www.livejournal.com/manage/logins.bml - смотрим историю залогинивания в своем ЖЖ
  • http://ljplus.ru/friends/history - самая удачная, на мой взгляд, реализация «истории друзей». Минус - глючит при количестве друзей более 2000. Требует регистрации на ljplus.ru
  • http://ljplus.ru/post/?mode=later - "отложенный" во-времени постинг. Работают lj-cut и html-разметка. Требует регистрации на ljplus.ru
  • http://www.livejournal.com/mobile/post.bml - минималистская версия "Написать пост".
  • http://www.livejournal.com/mobile/friends.bml - френдлента с "птичьего полета", то бишь ее мобильный вариант. Если завести и назвать группу "Mobile view" - будем по ссылке читать только ее.
  • http://wildmale.livejournal.com/tag - читать журнал по меткам (то есть добавив к адресу интересующего журнала /tag)
  • http://www.ljtags.com - поиск по жж-меткам
  • http://www.livejournal.com/manage/settings/?cat=display&view=schemes
    – все схемы оформления ЖЖ (включая XColibur и Dystopia - всего 6 схем).
  • Режем рекламу в ЖЖ.

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

    Совет по безопасности:
  • Если вы отвечаете на скрытый комментарий, он открывается. Опять скрините, но он, как и ваш ответ, уже проиндексированы и легко могут быть найдены через поисковик. Также открытый даже на секунду камент будет выслан тому, кто подпишется на уведомления о комментариях к посту.

Изображения

Код любой картинки в сети в простом варианте выглядит так:

Уникальный URL (http://site/…jpg) выдает картинке фотохостинг (специальный сайт), куда ее необходимо закачать с вашего компьютера.

Совсем «чайникам» рекомендую действовать так (для ЖЖ):
1.Открываешь ljplus.ru
(одна из функций этого сайта – фотохостинг, заточенный под публикацию картинок в жж)
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4.Смотришь на HTML-коды и копируешь нужный в поле поста или каммента
5. Постишь. Становишься знаменитым.
<small>В комментарии картинки ставятся аналогично, кат не работает.</small>

Как сделать, чтобы текст «обтекал» картинку?
Легко – картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:

Помни:
align=left – картинка слева, текст справа
align=right – картинка справа, текст слева
hspace=20 – расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 – расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

Прекратить обтекание и вернуть текст под картинку можно тэгом

Закрывать не надо, он работает один.
выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.



– три пустые строки.

Вставить две и более картинки горизонтально:
<textarea rows="1" cols="30"><nobr>Текст (картинки)</nobr></textarea>– все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

Регулируем расстояние меж картинками по-горизонтали:
С помощью «неразрывного пробела»:
Расстояние, равное 8 пробелам будет выглядеть так:
<textarea rows="1" cols="30">       </textarea>
<small>Вставляется меж кодов картинок, есс-но</small>

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: – введите в код картинки title="ТЕКСТ"

Если надо цветную рамку , добавьте в код картинки:<textarea rows="1" cols="30">style="border:5px solid red;"</textarea>– задана красная рамка толщиной 5 пикселей

Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
<textarea rows="1" cols="20"><img src=""></textarea>
затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)

Полезные приложения:
Семаджик – программа-клиент для ведения блогов
LiveJournal Addons — расширение для браузера Firefox
LiveJournal Extension – расширение для Chrome
ljbook.com – сохранение блога в pdf
ljArchive – сохранение, архивация жж

Полезные страницы ЖЖ:
Карта всея ЖЖ
Cлужба тех. поддержки
Возможности разных типов аккаунтов
Статус аккаунтов друзей, купить аккаунт другу
Менеджер почтовых ящиков
Защищенная страница входа в ЖЖ
Текстовая страница входа в ЖЖ (без java script)
Дни рождения друзей
Страница управления сеансами связи с ЖЖ
Разбуди друга!
Административная Консоль
Редактирование меток
Список трансляций
Сменить имя пользователя
Сменить пароль
Cменить e-mail
Тем, кто забыл имя пользователя или пароль
Сменить уровень доступа к записям (для Платного)
Страница Удаления (восстановления) журнала
Написать в Конфликтную Комиссию
Написать в отдел техподдержки
Бан

Livejournal

Элементарный жж-кат (с “Read more”):
<textarea rows="1" cols="30"><lj-cut> ТЕКСТ </lj-cut></textarea>
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
<textarea rows="1" cols="43"><lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut></textarea>
Работу ката не видно в режиме «ПРОСМОТР»
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
<textarea rows="1" cols="30"><lj user="wildmale"></textarea>
Сссылка на сообщество, например: aforism
делается точно так же:
<textarea rows="1" cols="30"><lj user="aforism"></textarea>

Вместо wildmale пишем Дикий самец:
<textarea rows="1" cols="45"><a href="lj://user/wildmale/">Дикий самец</a></textarea>
Ежели надо с «человечком»: Дикий самец:
<textarea rows="1" cols="45"><lj user="wildmale" title="Дикий самец"></textarea>
Скопировав код, не забудьте поменять реквизиты.

Ежели хотите сделать так: wildmale
или эдак: comm и commun
то вам СЮДА

Кнопка Repost (Перепостить)
Вставкой в пост этого тега вы публикуете кнопку «Repost» (Перепостить):
<textarea rows="1" cols="13"> <lj-repost ></lj-repost></textarea>

  • Одинарный тег




    <form action="http://www.livejournal.com/update.bml" method="POST"></form>



    приведет к размещению всей записи.
  • Для репостинга фрагмента исходной записи используется парный тег:
    <textarea rows="1" cols="12"> <lj-repost></textarea>Перепост этого фрагмента<textarea rows="1" cols="12"> <lj-repost ></lj-repost></textarea>
  • Название кнопки меняется параметром «button»:
    <textarea rows="1" cols="40"> <lj-repost button="Разместить у себя" ></lj-repost></textarea>
    <hr/>

    С недавних пор в ЖЖ в посты можно вставлять интерактивные карты с сервисов Google.Maps или Яндекс.Карты

    Для этого используется специальный тег:<textarea rows="1" cols="40"><lj-map url=URL-карты></textarea>

    Что такое URL-карты можно узнать ЗДЕСЬ

Вместо ссылки на страничку можно делать кнопку. В нее можно вставить картинку, например, движущийся gif: