Войти в систему

Home
    - Создать дневник
    - Написать в дневник
       - Подробный режим

LJ.Rossia.org
    - Новости сайта
    - Общие настройки
    - Sitemap
    - Оплата
    - ljr-fif

Редактировать...
    - Настройки
    - Список друзей
    - Дневник
    - Картинки
    - Пароль
    - Вид дневника

Сообщества

Настроить S2

Помощь
    - Забыли пароль?
    - FAQ
    - Тех. поддержка



Пишет danko ([info]danko)
@ 2013-03-09 07:30:00


Previous Entry  Add to memories!  Tell a Friend!  Next Entry
Полезные советы. Необходимые коды для ЖЖ
Оригинал взят у [info]deligent@lj в Полезные советы. Необходимые коды для ЖЖ
Оригинал взят у [info]sudenko@lj в Полезные советы. Необходимые коды для ЖЖ
Оригинал взят у [info]nord100@lj в ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.
Оригинал взят у[info]sviganik@ljв ПАМЯТКА НАЧИНАЮЩИМ БЛОГЕРАМ. Необходимые коды для ЖЖ.
ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ
ВСЕ В ОДНОМ МЕСТЕ

Мне для работы нужно иметь все это под рукой. Это те формулы, которыми пользуюсь чаще всего.
Все теги ставятся в блог copy-paste‘ом
(В режиме «HTML», а не «Визуальный редактор») !!!


Оформление текста

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

Перечёркнутый текст: ТЕКСТ<s> ваш текст </s>

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



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

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

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

Сноска вверху: ТЕКСТсноска<sup>ваша сноска</sup>

Сноска внизу: ТЕКСТсноска<sub>ваша сноска</sub>

Линия:




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

<pre>ваш текст</pre>

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

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

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

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

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

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

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

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

ЦВЕТ ШРИФТА:

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

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


Имя

Код

Имя

Код

Имя

Код

Имя

Код
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»<font face="Monotype Corsiva"> текст </font>Все вышеперечисленные атрибуты тега font можно объединять в одном теге: Шрифт этого текста «Monotype Corsiva» код этого текста:<font face="Monotype Corsiva" size="+2" color="fuchsia"> текст </font>

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

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




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

Элементарный жж-кат (с “Read more”):<lj-cut> ТЕКСТ </lj-cut>Публикация картинок: По картинкам смотрим здесь: htmlka.com/pictures




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

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

<textarea>ВАШ КОД

<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%;">КОДЫ

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




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

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

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

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

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

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


  • Когда терзают смутные сомнения: http://www.livejournal.com/manage/login{C}{C}s.bml - смотрим историю залогинивания в своем ЖЖ

  • http://ljplus.ru/friends/history - самая удачная, на мой взгляд, реализация «истории друзей». Минус - глючит при количестве друзей более 2000. Требует регистрации на ljplus.ru

  • http://ljplus.ru/post/?mode=later - "отложенный" во-времени постинг. Работают lj-cut и html-разметка. Требует регистрации на ljplus.ru

  • В настоящее время (по состоянию на 29.11.2012) регистрация на ljplus.ru недоступна.

  • http://www.livejournal.com/mobile/p{C}{C}ost.bml - минималистская версия "Написать пост".

  • http://www.livejournal.com/mobile/frien{C}{C}ds.bml - френдлента с "птичьего полета", то бишь ее мобильный вариант. Если завести и назвать группу "Mobile view" - будем по ссылке читать только ее.

  • http://wildmale.livejournal.com/tag{C}{C}- читать журнал по меткам (то есть добавив к адресу интересующего журнала /tag)

  • http://www.ljtags.com - поиск по жж-меткам

  • http://www.livejournal.com/manage/setti{C}ngs/?cat=display&view=schemes – все схемы оформления ЖЖ (включая XColibur и Dystopia - всего 6 схем).

  • Режем рекламу в ЖЖ. http://www.onlinedisk.ru/file/52392{C}{C}8 - скачиваем файл (rar), следуем инструкции, забываем про рекламу в ЖЖ А вот здесь более новые "разработки": http://chtec-059.livejournal.com/24{C}{C}695.html Совет по безопасности:

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

Изображения

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

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

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

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


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

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

Регулируем расстояние меж картинками по-горизонтали: С помощью «неразрывного пробела»:   Расстояние, равное 8 пробелам будет выглядеть так:       Вставляется меж кодов картинок, есс-но

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

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

Чтоб быстро вставить картинку с другого сайта, вставьте в пост:<img src="">затем войдите в «Свойства» картинки на этом сайте, скопируйте ее 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”):<lj-cut> ТЕКСТ </lj-cut>жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:<lj-cut text="ПОДЗАГОЛОВОК"> ТЕКСТ </lj-cut>Работу ката не видно в режиме «ПРОСМОТР» Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: Image{C}wildmale<lj user="wildmale">Сссылка на сообщество, например: Image{C}{C}aforism делается точно так же:<lj user="aforism">

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

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

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


  • Одинарный тег приведет к размещению всей записи.

  • Для репостинга фрагмента исходной записи используется парный тег:<lj-repost>Перепост этого фрагмента<lj-repost />

  • Название кнопки меняется параметром «button»:<lj-repost button="Разместить у себя" />


    {C}{C}

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

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

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


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




Ее код:
<form action="http://dgz.livejournal.com/1005696.h

tml" target="_blank" method="get"><BUTTON TYPE="submit"><img src="http://www.ljplus.ru/img3/w/i/wildm{C}{C}ale/mc-hammer.gif" align=absMiddle width="18" height="23" alt="Let's go!"> Теги</BUTTON> </form>