Рубрики: БЛОГ | Комментарии (2) »
Шпаргалочка по тегам
20.02.2008Все теги ставятся в блог copy-paste‘ом
(В режиме “HTML”, а не “Визуальный редактор”)
Оформление текста
(рекомендую спец. страничку TEXT):
Перечёркнутый текст: ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Центрирование:
Выравнивание текста по правому краю поста:
Равномерное выравнивание текста по всей ширине поста:
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
Бегущая строка (рекомендую спец. страничку Бегущая строка):
Вместо текста можно вставить картинку:
Код этой картинки:
Добавленный атрибут direction=right задаст направление движения слева направо, по умолчанию - справа налево
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
ее код:
Ударение:
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 | #800000 | red | #FF0000 | yellow | #FFFF00 |
- ТАБЛИЦА БЕЗОПАСНЫХ ЦВЕТОВ (код ставите вместо названия)
- ВСЕ ЦВЕТА ИНТЕРНЕТА (выбрав цвет, кликаете, и полученный код ставите в font color=”…”)
ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
Оформление ссылок (рекомендую спец. страницу Ссылки):
Как вставить ссылку на веб-страницу:
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Специальные теги блогсервиса ЖЖ:
Элементарный жж-кат (с “Read more”):
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
ВНИМАНИЕ: Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
Сссылка на сообщество, например: aforism
делается точно так же:
Аналогично делается и ссылка на жж-трансляцию.
Если надо так:
или так:
Как вместо wildmale написать Дикий самец
Ежели надо все же с “человечком”: Дикий самец
cкопируйте след. код (не забыв заменить “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> - три пустые строки.
Вставить две и более картинки горизонтально:
- все, заключенное в этот контейнер будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.
Регулируем расстояние меж картинками по-горизонтали:
С помощью “неразрывного пробела”:
Расстояние, равное 8 пробелам будет выглядеть так:
Вставляется меж кодов картинок, есс-но
Если надо всплывающую подсказку при наведении курсора на картинку, как здесь: - введите в код картинки title="ТЕКСТ"
(для текста с пробелами - кавычки обязательны!)
Если надо цветную рамку , добавьте в код картинки: - задана красная рамка толщиной 5 пикселей
Чтоб быстро вставить картинку с другого сайта, вставьте в пост:
затем войдите в “Свойства” картинки на этом сайте, скопируйте ее URL и вставьте в свой код меж кавычек
Как запостить галерею? Узнай ЗДЕСЬ
Окошечко для вставки кода, типа:
получаем так:
где rows и cols определяют площадь окна
Можно сделать это окошечко покрасивше:
Кнопка-ссылка на веб-страничку
Например, на эту:
Спецсимвол | Вид в браузере |
< | < |
> | > |
& | & |
" | " |
® | ® |
™ | ™ |
© | © |
♥ | ♥ |
× | × |
≈ | ≈ |
• | • |
½ | ½ |
¾ | ¾ |
° | ° (градус) |
много символов |
Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть “Прочие” спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов
Фотохостинги
не все (их много развелось), более-менее знакомые:
- gallery.ru
- imagebam.com
- xmages.net
- imageshack.us
- keep4u.ru
- tinypic.com
- flamber.ru
- foto.radikal.ru
- photobucket.com
Видеохостинги
вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:
Файлообменники
выложить друзьям файлы 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):