diana_ledi: (бабка бешеная)
[personal profile] diana_ledi
(ПОСТ УБЕРУ ЧЕРЕЗ ПЯТНАДЦАТЬ МИНУТ, ПРОШУ ИЗВИНИТЬ, ИДЁТ ВОСПИТАТЕЛЬНЫЙ ПРОЦЕСС! ПРОШУ УЧАСТВОВАТЬ, ИНАЧЕ Я УЖЕ НЕ ЗНАЮ, Я ТУТ УБЬЮ КОГО_НИБУДЬ)

Пост посвящён мои любимым френдам

http://serednyak.livejournal.com/

http://ingvar-anastas.livejournal.com/

да блин же ж, блин, да ёлы-палы!

сколько вас просить - КАТ, КАТ ЕЩЁ РАЗ КАТ!

Палач по-украински!

А вот вам для памяти

http://alex-inside.livejournal.com/216475.html?HTML_and_LJ_tags

А вот вам !

http://alex-inside.livejournal.com/216475.html?HTML_and_LJ_tags#lj-cut

ТЕКСТ НЕ ДОЛЖЕН ПРЕВЫШАТЬ ДВА_ТРИ СКРОЛЛЯ!

Текст, не забранный под кат - является неуважением к читателям!

Да сколько ж можно вас просить - и вас, любимейшие мои френды

http://serednyak.livejournal.com/290046.html

http://ingvar-anastas.livejournal.com/259555.html#comments

и прочих - ну что такое с вами творится, ну я могу понять, когда на праздники половина

френдленты без ката и по субботам, и даже иногда в пятницу - я понимаю, я сама алкоголю не

чужда, а как известно, где бывает алкоголь - там кат отсутствует, ну почему сегодня, почему?

ну почему вчера?

ну почему вы думаете только о себе, ну вы же приличные люди,

а если я?

а если прочие?

а вот вам!

А вот вам полная распечатка!








HTML Тэги | Форматирование текста | Вставка картинок и ссылок | ЖЖ тэги | CSS

* 21 Апр, 2005 at 12:01 PM

Гомер Фшляпи

HTMLДля тех, кто забывает или не знает как пользоваться тэгами форматирования текста в своих постах, я написал эту напоминалку.
Всё это — простейшие тэги, но, думаю, вы найдёте для себя что-то новое :D Пост частенько обновляется для вашего удобства. Линкани на этот пост.посетители

Обновление: 4 февраля. Пролайкайте пост в фейсбуке! :) →
Обновление: 16 апреля. Что нового?
На заметку: Как правильно оформлять посты и блоги. Советы.
чтобы не искать:
# ↓ Проскроллить на самое популярное вниз:
ЖЖ кат, двойной ЖЖ кат, вставить картинку или ссылку или поместить картинку слева от текста.

# Полезные символы: «» — ©®™ ←↑→↓ ≠≈ ° ♥♫☺ ♀♂ Б

# Как делать юзернейм вида [info]Самизнаетекто?

HTML Тэги. Форматирование шрифта.
Полужирный текст
Выделение текста курсивом
Подчёркнутый текст
Зачёркнутый текст
Маленький шрифт
Большой шрифт

Знак сноскисверху или индексснизу от текста

Текст со всплывающей подсказкой

Шрифт размером 16 пикселей


Предопределённые размеры шрифта (могут быть от 1-го до 7-го):

Шрифт 3-го размера

Шрифт на 1 размер больше обычного


Заголовок 2-го размера



Шрифт Comic Sans Ms
Шрифт Monotype Corsiva

Tahoma, 15 пикселей
+10 жетонов
Из последних постов автора:

* Взрослые как дети
* В Гоа! — 1. Вылет в Ашхабад (фотки)
* Домодедово
* Надоело! — про выборы в Эстонии
* राज अरमान और उसके पैर (Новый фильм ужасов)
* Первый чек в €вро
* Прямо из индийских джунглей — С новым годом!

Заходите, не стесняйтесь откомментить.



Карманная Памятка и Навигация
HTML и ЖЖ Тэги — Как оформлять текст и посты?

* Форматирование шрифта.
* Форматирование параграфов. Скроллинг.
* Форматирование списков.
* HTML Спец. Символы.
* HTML Тэги LiveJournal.com
* Ссылки.
* Картинки.
o Изображение со всплывающим текстом при наведении на него курсора.
o Изображаение придвинутое влево, текст обтекает картинку справа.


Полезные линки — список разных сайтов посвящённх ЖЖ функциональности.

Мой ЖЖ-Дизайн — советы и исходные коды для Дизайна вашего ЖЖ стиля S1 Generator и не только!.

Сайты предоставляющие хостинг картинок — Куда выложить фотки?

© via [livejournal.com profile] alex_inside


# Список шрифтов
Синий текст

Цифра 0000ff означает синий цвет в RGB палитре.
Также можно пользоваться стандартными словесными обозначениями цветов вот так:

Красный текст

У фона тоже можно менять цвет, вот так:

голубой фон


синий текст, серый фон


Обратите внимание на синтаксис. Аттрибут style использует синтаксис CSS.


Вот некоторые предопределённые цвета:

Black White Red Green Blue Purple Firebrick Maroon OrangeRed MidnightBlue CornflowerBlue Cyan Yellow Magenta DarkGreen DarkGoldenrod Gold Orchid BlueViolet Burlywood PeachPuff

В шестнадцатиричном коде указывающем интенсивность красного, зелёного и синего (RRGGBB):

#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #990000 #FF3030 #000080 #000066 #0000CD #AFEEEE #006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF

# Читать заметку о цветовых моделях
Выбрать подходящие цвета:
# Таблица Цвета
# Таблица Цвета №2
# Безопасная Web-Палитра
# Безопасные от Лебедева
# Популярные цвета Web 2.0
# Сравнение цветов с фоном
# Полная палитра (все)


© via [livejournal.com profile] alex_inside


HTML Тэги. Форматирование параграфов.
Оформить отступы абзацев, легко:


Процитированый в отдельном блоке текст
у которого будет
небольшой отступ слева.





Я врезаный, обтекающий другим текстом, текст с правого краю с выравниванием слева, с серой рамкой и отступом от рамки снаружи в 8 пикселей

1. Этот блок вставлен в текст слева перед (!) словом «Привет!»
2. Если блок внутри lj-raw, то переносы строк нужно указывать тэгом

Привет! В этом абзаце первое предложение будет с красной строки, т.е. с отступом. Прямо как в книгопечати. Правда, в интернете это редкая практика. Абзацы должны разделяться просто пустым промежутком.



Опачки! Этот абзац будет написан с фиксированой шириной в 300 пикселей. Узенько так типа. А если добавить style="width:300px; float:right;" тогда он ещё и будет висеть справа. Смотрите пример чуть ниже.


Преформатированый текст
    сохраняет отступы слева и   между  словами
             и устанавливает те что вы укажите пробелами.
             NB! тэг не делает переноса строки автоматом!



отцентрированый текст



текст с правого краю
в две строчки с выравниванием справа



текст с правого краю
в две строчки с выравниванием слева




бегущая влево строка
бегущая вправо строка
бегущая от края к краю строка
скролящийся вверх
текст с полезной
информацией
или ещё какой-то ерундой


или ещё какой-то ерундой
информацией
текст с полезной
скролящийся вниз



» Как вместо ката сделать вертикальную перемотку большого текста?


Лорем ипсум долор сит амет, консектетур адиписицинг элит, сед до эиусмод темпор инцидидунт ут лаборе эт долоре магна аликуа. Ут эним ад миним вениам, кьюс ноструд эксерцитатьён ульламко лаборис ниси ут аликуип экс эа коммодо консекуат. Дьюс ауте ируре долор ин репрехендерит ин волуптате велит эссе киллум долоре эу фугиат нулла париатур. эксцептеур синт оккаекат купидатат [info]alex_inside нон пройдент, сунт ин кульпа куй оффициа десерунт моллит аним ид эст лаборум.


Если надо HTML-код вставить, показать кому-то, то то же самое можно сделать




# Как сделать записи в 2 столбика? Ответ можно найти в комментариях тут.
# Как делать оглавление в виде ссылок на текст страницы? (↓ Проскроллить на ответ ниже)


Специальные тэги HTML теги
Чтобы ширина окна браузера не влияла на переносы текста:
этот текст будет всегда в одну строку

мигающий текст — не используйте этот тэг :)

Чтобы между двумя словами не было переноса, можно поставить между ними неразрывный пробел.


— перенос строки.


— линия на всю ширину экрана, вот такая:
HTML Тэги. Форматирование списков.
#
  • Один из пунктов несортированого списка
    #
  • Другой такой пункт

    Добавляем тэг ol по краям и список становится сортированым автоматически:


      1.
    1. Один из пунктов несортированого списка
      2.
    2. Другой такой пункт



    HTML Спец. Символы.
    Код Символ Для набора на клавиатуре нажмите*
    « « ALT+0171
    » » ALT+0187
    — — ALT+0151
    © © ALT+0169
    ® ® ALT+0174
    ™ ™ ALT+0153
    / /
    < <
    > >
      ALT+0160 — неразрывный пробел**
    # HTML entities: Таблица всех символов
    * - Зажмите кнопку ALT; наберите код; отпустите ALT. Работает в винде.
    ** - Вставьте вподряд несколько таких пробелов чтобы они не сливались в один:
          — теперь слева отступ в семь пробелов!

    Кстати, чтобы HTML код был как обычный текст, перед тем как писать, откройте Windows Notepad,
    вставьте ваш HTML-код, выберите автозамену (Ctrl+H) и замените все < на < (и по желанию все > на >) Получится <b>полужирный</b> или <b>полужирный</b> вместо полужирный

    А чтобы ссылка на какую-то страницу не была активной, например http://alex-inside.ru , нужно писать http://alex-inside.ru

    HTML Тэги LiveJournal.com ЖЖ теги ЖЖ тэги.
    Общество [info]alex_insight [livejournal.com profile] alex_insight

    ЖЖ-Юзер [info]alex_inside [livejournal.com profile] alex_inside

    ЖЖ-Юзер [info]Алекс Инсайд [livejournal.com profile] alex_inside (для других сайтов)

    В ЖЖ возможна короткая запись: ФДуЧ штЫшву

    » ЖЖ кат! Этот текст увидят в френдленте. А этот текст будет под катом

    Этот текст увидят в френдленте. Этот текст будет под катом

    Этот текст не будет автоматически форматироваться
    А это уже новая строка.

    Вот так нужно вставлять видео, flash, разные онлайн плееры и так далее:


    » Новое: Двойной ЖЖ кат! С помощью такого ката можно показывать одно снаружи и другое внутри:

    этот текст будет только снаружи этот текст будет только внутри

    Обратите внимание: переносы строки не будут работать, нужно использовать тэг
    или убрать все тэги. Чтобы добавить традиционный кат, нужно добавить тэг после слова «снаружи». Кстати, если вы просто не хотите чтобы внутри поста была видна мини-превью вашей фотографии, есть скрипт «Zoom Cut: Улучшенное превью для фоток под ЖЖ-катом» (тут описание). HTML Тэги. Ссылки. Линки. Линк на сайт куда можно залить фотки! Открыть ссылку в новом окне: Линк на сайт куда можно залить фотки! Всплывающая подсказка при наведении курсора на ссылку: Залить фотки Картинка-ссылка (баннер): Кнопка-ссылка (форма):
    (Аттрибут target="_blank" — открывает ссылку в новом окне. Если это не нужно, удалите этот атрибут.) Новое! » ← ссылка на этот параграф. Как сделать ссылку на текст на странице, типа оглавления? Демо-Оглавление (Нажмите на название, чтобы проскроллить вниз к главе:) ↓ Вступление — (тут мы ставим ссылку # на якорь «vstuplenie») ↓ Интересная главаЗаключение и ссылки Наше клёвое вступление. — (тут якорь «vstuplenie» перед нужным текстом) Текст интересной главы. ↑ Перейти в оглавление — (тут ссылка является одновременно и якорем) Если нужно дать ссылку на другой сайт, то # идёт в конце строки линка URL. Например, ссылка на якорь bio, в моём юзеринфо: http://alex-inside.livejournal.com/profile#bio Кстати, вы находитесь на странице напичканой этими якорями (») HTML Тэги. Картинки. — ограничение по ширине — ограничение по высоте » Изображение со всплывающим текстом при наведении на него курсора: А этот при её отсутсвии » Изображаение придвинутое влево, текст обтекает картинку справа и имеет горизонтальный отступ от неё в 6 пикселей: текст
    Пишем текст поверх картинки. Старайтесь это никогда не использовать, потому что данный способ часто затрудняет читаемость текста, в зависимости от картинки.
    » Картинка с прокруткой (скроллящаяся):
    (Отображаемую ширину указываем внешнему div-контейнеру в атрибуте width в пикселях. Для вертикальной прокрутки, указываем высоту height. Ширина и высота должна быть меньше чем у картинки.) FAQ: Коротенький список часто задаваемых вопросов # Как сделать чтобы картинка была ссылкой? Смотри выше раздел Линки ↑ # Скрипт: «Zoom Cut: Улучшенное превью для фоток под ЖЖ-катом» — не хотите чтобы внутри постов были видны мини-превью? (См. описание) # Куда выкладывать фотки? # Как сделать фотки в один ряд? (ответ в комментах по ссылке) # Как сделать многоуровневый список? (ответ в комментах) # Как сделать скрытый текст? Чтобы его только выделив можно было прочитать. (Анти-спойлер.) # Как сделать несколько жж-катов? # Как сделать кнопки идущими вподряд? (Как сделать таблицу?) # Как добавить иконку в адресной строке вашего журнала? (favicon) # Как вставить код жж или HTML в пост? (Меняем < на <.) # Как сделать ссылку-якорь? (Как кликнуть на линк и проскролить страницу куда надо?) Послесловие

    © via [livejournal.com profile] alex_inside

    # Частые ошибки при написании тэгов: Не ставьте пробел после открывающей угольной скобки «<». # Атрибуты тэгов должны разделяться пробелом. Ставьте пробел после закрывающей кавычки в атрибутах: link не будет работать! # Кавычки в атрибутах ставить не обязательно, но если вы их и поставили, то уж постарайтесь закройте. Ссылки по теме: # Полезные линки для ЖЖ # ЖЖ-Дизайн в примерах # Куда выложить фотки? # Официальный lj-FAQ # И ещё подобные посты от wildmale и ansate. Подготовил © [info]alex_inside Запомнить эту страницу в мемориз Информация о тэгах иногда обновляется. Постоянный линк на этот пост: http://www.livejournal.com/users/alex_inside/216475.html?HTML_and_LJ_tags Поддержка Если вы не нашли что искали, то ищите ответы в интернете, например в yandex.ru или google.com. Если всё же хотите чтобы тут что-то добавилось — пишите в комментарии. Это что-то должно быть не комплексное, а простое и что многим может понадобиться. На анонимные комменты не отвечу. От благодарственных речей не откажусь тоже =) В любом случае, комменты все читаю! Donate: Обычно никто никогда не делает никакие донэйшены, но вдруг вы не как все: Если хотите сказать спасибо, поощрить, то автора можно порадовать смской, угостить пивом или чашечкой кофе. На крайняк, можете платный жж-аккаунт задарить. Правда, так ещё никто не делал. Хыхы.
  • This account has disabled anonymous posting.
    If you don't have an account you can create one now.
    HTML doesn't work in the subject.
    More info about formatting

    Profile

    diana_ledi: (Default)
    diana_ledi

    July 2013

    S M T W T F S
     123456
    78910111213
    14151617 181920
    21222324252627
    28293031   

    Style Credit

    Expand Cut Tags

    No cut tags
    Page generated Jun. 17th, 2025 01:43 pm
    Powered by Dreamwidth Studios