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: жж-школа
  • Post a new comment

    Error

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 80 comments
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →
Previous
← Ctrl ← Alt
Next
Ctrl → Alt →