u3poccuu (u3poccuu) wrote,
u3poccuu
u3poccuu

Коды ЖЖ. Памятка для блогера

Коды для жж
В этом посте собраны практически все необходимые коды жж для блогера Живого журнала.

Коды ЖЖ и оформление частично взяты с сайта htmlka.com, я лишь сделал оформление удобнее для себя с необходимыми мне ссылками.

Самые необходимые коды ЖЖ для блогера

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

Оформление текста
Перечёркнутый текст: ТЕКСТ

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

Полужирный текст: ТЕКСТ

Полужирный крупный: ТЕКСТ

Курсивный текст: ТЕКСТ

Маленький текст: текст

Неразрывный пробел:


Центрирование:

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


Выравнивание текста по правому краю поста:

Выравнивание текста по всей ширине поста:

Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):

Линия:


ее код:
Ударение:
Cтавим после нужной буквы:

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

Уменьшить текст: текст – 2

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

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

И так далее, увеличивая цифру, увеличиваем текст.

ЦВЕТ ШРИФТА:

КРАСНЫЙ: красный текст

ЖЕЛТЫЙ: желтый текст

ФИОЛЕТОВЫЙ: фиолетовый текст

ЗЕЛЕНЫЙ: зеленый текст

СИНИЙ: синий текст

ФУКСИЯ: фуксия текст

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

Имя Код Имя Код Имя Код Имя Код
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 можно объединять в одном теге:
    Шрифт этого текста «Monotype Corsiva»
    код этого текста:

  • Оформление ссылок

  • Как вставить ссылку на веб-страницу:

    Как сделать, чтобы картинка была ссылкой на веб-страницу:

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

    Окошечко для вставки кода, типа:

    получаем так:

    где rows и cols определяют площадь окна

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

    • Элементарный жж-кат (с “Read more”):

      жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:

      Работу ката не видно в режиме «ПРОСМОТР»


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

    Название кнопки меняется параметром «button»:

  • Публикация картинок:

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

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

В комментарии картинки ставятся аналогично, кат не работает.


Запомните: Если вы удаляете картинку из галереи хостинга (например, с ljplus.ru), то она исчезнет и из вашего блога!


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

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

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

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

Вставляется меж кодов картинок, есс-но

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

Чтоб быстро вставить картинку с другого сайта, вставьте в пост:

затем войдите в «Свойства» картинки на этом сайте, скопируйте ее URL и вставьте в код меж кавычек

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


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

Полезно:

Некоторые хитрости ЖЖ

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

http://www.livejournal.com/mobile/post.bml - минималистская версия "Написать пост".

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

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

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

Совет по безопасности:

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

Если считаете, что в этом посте должны быть еще какие-то коды жж, то напишите в комменты.



Другие полезные посты:

Как добавить социальные кнопки для блога и постов
Каталог ссылок, полезных для ЖЖиста
Удобная панелька для отправки СМС
Как настроить архивирование жж и перестать беспокоиться
Как навсегда избавиться от рекламы при просмотре Интернет
Как удалить учётную запись с популярных интернет-сервисов
Утилиты резервного копирования для ЖЖ
Как я обуздал френдленту ЖЖ
Простоплеер без ограничений бесплатно
Тся или ться?
Шарики (пузырьки). Другая версия
Шарики (пузырьки)
Шарики (пузырьки). Новый вариант
Дешевые аналоги лекарств
Стишок-разминка
Прикольная онлайн-рисовалка
Про эти клавиши клавиатуры Вы должны знать!
Горячие клавиши Windows, с которыми легче жить
Как сделать перепланировку квартиры
О вреде сидячего образа жизни
Взаимозаменяемые препараты
Удобные приложения для Live Journal (ЖЖ)
Если из Избранного не удаляется запись
Советы по избавлению от похмелья

Отправить этот пост в социальные сети и закладки:

Добавить в Twitter Поделиться в Facebook Поделиться ВКонтакте Поделиться в Моем Мире Добавить в Одноклассники Опубликовать в LiveInternet.ru Добавить в Blogger.com Добавить в Я.ру Добавить в Google Buzz Сохранить закладку в Memori.ru Сохранить закладку в Google Добавить в Яндекс.Закладки Добавить в Bobrdobr.ru Добавить в Mister Wong Добавить в Moemesto.ru Узнать код кнопок социальных сетей для Живого Журнала
Tags: жж-школа
Subscribe
promo u3poccuu april 23, 2012 22:27 35
Buy for 50 tokens
Подборка правил русского языка в картинках, симпатично и наглядно. Еще интересные посты: Как добавить социальные кнопки для блога и постов Каталог ссылок, полезных для ЖЖиста Удобная панелька для…
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    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.
  • 80 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →