< htmlka >
теги для блоггеров
04.12.2008

Читать полностью »

Рубрики: БЛОГ | Комментарии (2) »
Шпаргалочка по тегам
20.02.2008

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

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

Перечёркнутый текст: ТЕКСТ
ваш текст
Подчёркнутый текст: ТЕКСТ
ваш текст
Полужирный текст: ТЕКСТ
ваш текст
Полужирный крупный: ТЕКСТ
ваш текст
Курсивный текст: ТЕКСТ
ваш текст
Маленький текст: текст
ваш текст
Неразрывный пробел:
 
Центрирование:
текст (картинка) по центру

Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево

Сноска вверху: ТЕКСТсноска
^{ваша сноска}

Сноска внизу: ТЕКСТсноска
_{ваша сноска}

Линия:
ее код:

ваш текст

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

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

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

Как вместо wildmale написать Дикий самец
Дикий самец
Ежели надо все же с “человечком”: Дикий самец
cкопируйте след. код (не забыв заменить “wildmale” (в двух местах) и “Дикий самец” на свое):
Дикий самец
Скопировав код, не забудьте поменять мои реквизиты на свои
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:
код вашей вставки

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

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

Прим.:да-да, в каменты картинки ставятся точно также, только кат не работает.

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

Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:

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


Прекратить обтекание и вернуть текст под картинку можно тэгом

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



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

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

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

Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"
(для текста с пробелами - кавычки обязательны!)

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

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

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

Как запостить галерею? Узнай ЗДЕСЬ
Окошечко для вставки кода, типа:
ВАШ КОД
получаем так:
ВАШ КОД
где rows и cols определяют площадь окна

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

ВАШ КОД

КОДЫ

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

 

/htmlka.com" _fcksavedurl=">/htmlka.com"" target="_blank">http://htmlka.com" target="_blank" method="get">

Некоторые спецсимволы:
Спецсимвол Вид в браузере
< <
> >
& &
" "
® ®
™ ™
© ©
♥ ♥
× ×
≈ ≈
• •
½ ½
¾ ¾
° °
(градус)
много символов

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

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

* gallery.ru
* imagebam.com
* xmages.net
* imageshack.us
* keep4u.ru
* tinypic.com
* flamber.ru
* foto.radikal.ru
* photobucket.com

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

* youtube.com
* ru.youtube.com
* rutube.ru
* smotri.com
* myvi.ru

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

* box.net/lite
* sendspace.com
* fileqube.com
* wikiupload.com
* files.to
* zalil.ru
* megaupload.com/ru/
* ibox.org.ua - новый любопытный сервис

Он-лайн аудио-плееры
Быстро вставить мр3 с компа и послушать он-лайн - boomp3.com (без регистрации, работает в Opera):