01.07.2009

Во-время кризиса как-никогда важна целостность и неприкосновенность информации. Недавно заработал блог об информационной безопастности - все о возможных угрозах, каналах утечки информации и механизмах защиты от несанкционированных вторжений.

21.05.2009


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


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

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

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

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

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

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

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

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

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

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


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

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

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

Бегущая строка (рекомендую Бегущая строка):
бегущая, как олень, строка

Вместо текста можно вставить картинку:

Код этой картинки:

Сноска вверху: ТЕКСТсноска

Сноска внизу: ТЕКСТсноска

Линия:


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

“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):

Я
  Пешу
       Лесинкой!!!

РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2

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

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

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

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

ЦВЕТ ШРИФТА:

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

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

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

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

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

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

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


ИмяКодИмяКодИмяКодИмяКод
aqua#00FFFF green#008000 navy#000080 silver#C0C0C0
black#000000 grey#808080 olive#808000 teal#008080
blue#0000FF lime#00FF00 purple#800080 white#FFFFFF
fuchsia#FF00FF maroon#800000red#FF0000 yellow#FFFF00

ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”

Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:

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

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

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

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


Специальные теги ЖЖ:

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

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

ВНИМАНИЕ: Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale

Сссылка на сообщество, например: aforism
делается точно так же:

Аналогично делается и ссылка на жж-трансляцию.
Если надо так:wildmale
или так: comm - идем СЮДА

Как вместо wildmale написать Дикий самец

Ежели надо с “человечком”: Дикий самец:

Скопировав код, не забудьте поменять мои реквизиты на свои
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:


Публикация картинок (в ЖЖ и не только):

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

Прим.: в каменты картинки ставятся также, но кат не работает.

Советы по публикации картинок

Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
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="ТЕКСТ"
(для текста с пробелами - кавычки обязательны!)

Если надо цветную рамку , добавьте в код картинки: - задана красная рамка толщиной 5 пикселей

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

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

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

Как запостить галерею? Узнай ЗДЕСЬ
Как запостить слайдшоу? Узнай ЗДЕСЬ


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

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

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

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

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

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

Спецсимвол Вид в браузере
&lt; <
&gt; >
&amp; &
&quot; "
&reg; ®
&trade;
&copy; ©
&hearts;
&times; ×
&asymp;
&bull;
&deg; °
(градус)
много символов

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

Фотохостинги
не все (их много развелось), более-менее знакомые:

  • gallery.ru
  • imagebam.com
  • xmages.net
  • imageshack.us
  • keep4u.ru
  • tinypic.com
  • pict.com
  • foto.radikal.ru
  • photobucket.com

    Хостинги для флеш (swf)

  • megaswf.com
  • petaimg.com - также можно хостить *.raw, *.psd, *.tiff, *.swf, *.svg, *.pdf и др., прямые ссылки на файлы.

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

  • youtube.com
  • rutube.ru
  • smotri.com
  • myvi.ru

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

  • zalil.ru (50Мб без регистрации, оч простой)
  • sendspace.com (300Мб без регистрации)
  • megaupload.com/ru/ (1 Гб без регистрации)
  • filedropper.com (до 5Гб без регистрации)
  • wikiupload.com (до 5Гб без регистрации)
  • narod.yandex.ru (до 5Гб, регистрация)

    Он-лайн аудио-плееры
    Вставить мр3 с компа и сделать, например, так:

    - читайте Вставка Медиа-файлов

    Полезно:

  • Счетчики статистики (для ЖЖ и не только)
  • Советы по работе с html
  • Хитрости в ЖЖ и не только
  • Как заработать на своем блоге

    В начало ↑

    Тем, кто действительно хочет сказать: