Шпаргалочка по тегам
Все теги можно ставить в блог copy-paste’ом
Погнали:
Оформление текста
(рекомендую спец. страничку TEXT):
Перечёркнутый текст: ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Расстояние в 8 пробелов (между словами, картинками и т.д.):
Центрирование:
Выравнивание текста по правому краю поста:
Равномерное выравнивание текста по всей ширине поста:
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 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
Как вместо
wildmale написать Дикий самец
Ежели надо все же с “человечком” , например:
Дикий самец: cкопировать след. код (не забыв заменить “wildmale” (2 раза) и “Дикий самец” на свое):
Друзья! Скопировав этот код, не забывайте, плиз, менять мои реквизиты на свои. Иначе ваша ссылка будет вести на меня! Надоело читать, что я всю ночь с кем-то пил, с кем-то спал:)
ВСТАВКА МЕДИА-ФАЙЛОВ:
Видео, флеш и проч. с некоторых пор в ЖЖ вставляется на раз:
Как вставить картинку (в ЖЖ и не только):
1. Заходишь на http://www.ljplus.ru/ - (есть и другие хостинги, но новичку лучше отсюда)
2. Регистрируешься
3. Жмешь: КАРТИНКИ-ЗАГРУЗИТЬ-ОБЗОР-ЖМИ УЖЕ!
4. Смотришь на HTML-коды и копируешь “Просто картинка” или “Картинка под катом” в поле поста или коммента
5. Постишь. Ждешь комментов. Много комментов. Удачи!
Можно вставить картинку непосредственно с сайта с помощью: <img src="">
Надо зайти в “свойства” картинки, скопировать её URL и вставить между кавычек
Как сделать, чтобы текст «обтекал» картинку?
Легко - картинка слева, текст справа:
добавляем в код картинки:
align=left hspace=20
Код картинки примет вид:
<img src="http:…" align=left hspace=20>
Помни:
align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Прекратить обтекание и вернуть текст под картинку можно тэгом <br>
Закрывать не надо, он работает один - поставил в нужном месте и идешь пить чай:)
Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:
<img src="http:…" align=left hspace=20 vspace=15>
Если хотите всплывающую подсказку при наведении курсора на картинку, как здесь:
- введите в код картинки title="ТЕКСТ"
(если текст с пробелами, из нескольких слов - кавычки обязательны!)
Если надо цветную рамку, добавьте в код картинки: - задана красная рамка толщиной 5 пикселей
Окошечко для вставки кода, типа:
получаем так:
где rows и cols определяют площадь окна
Можно сделать это окошечко покрасивше:
Кнопка-ссылка на веб-страничку
Например, на эту:
| Спецсимвол | Вид в браузере |
| < | < |
| > | > |
| & | & |
| " | " |
| ® | ® |
| ™ | ™ |
| © | © |
| ♥ | ♥ |
| × | × |
| ± | ± |
| ≈ | ≈ |
| • | • |
| ½ | ½ |
| ¾ | ¾ |
| ° | ° (градус) |
| много символов | |
Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть “Прочие” спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов
Фотохостинги
не все (их много развелось), более-менее знакомые:
- gallery.ru
- xmages.net
- imageshack.us
- keep4u.ru
- tinypic.com
- flamber.ru
- foto.radikal.ru
- photobucket.com
Видеохостинги
вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:
Файлообменники
выложить друзьям файлы mp3, rar, zip и прочие можно через:
Он-лайн аудио-плееры
Быстро вставить мр3 с компа и послушать он-лайн - boomp3.com (регистрации не требует, работает и в Opera):
Другие плееры, с наворотами:
imeem.com (инструкция)
ijigg.com (инструкция)
бонус:
turbomp3.ru - классный поисковик по mp3-файлам
Про счетчики (для ЖЖ и не только)
22.02.2008 в 17:30
Спасибо большое еще раз! Все стало гораздо удобнее в использовании!
Родина тебя не забудет! ;))
22.02.2008 в 21:15
Благодарю душевно
23.02.2008 в 13:41
Кавфчки во многих местах “Не правильные”, т.е. если тупо копиастить тэг, то он реально может не сработать, в “Шпаргалочке” из ЖЖ кавычки верные, оттуда копипасченый тэг срабатывает в 100 процентах… ИМХО
24.02.2008 в 19:14
Все исправил! Спасибо
26.02.2008 в 19:21
Хм, где-то проблема… В общем, посмотрите, пожалуйста, здесь:
http://lleo.aha.ru/dnevnik/2007/04/22.html
И огромное спасибо за шпаргалки!
26.02.2008 в 19:46
Сбилось форматирование в абзаце:
“Как сделать, чтобы текст «обтекал» картинку?”
27.02.2008 в 14:21
Спасибо за код. Форматирование выправил. Если что-то не так, дай сигнал, плиз
28.02.2008 в 12:56
Круто сделано! Спасибо.
28.02.2008 в 13:20
Если в код кнопки вставить сложносочинённый URL, например, http://spreadsheets.google.com/pub?key=pp8o0BwuMedENrO2xX5TkHw, то при нажатии он его обрезает. Есть какое-то решение?
28.02.2008 в 16:08
Перепроверь, плз, еще раз злополучный абзац “Как сделать, чтобы текст «обтекал» картинку?”.
Там в строке:
“hspace=20 - расстояние между текстом и картинкой в пикселаѼbr />”,
мой IE6 SP2 букву “х” и открывающую скобку обрезает, видит только пустой квадратик (надеюсь, покажет в цитате :). Немного сбивает с пантелыку.
29.02.2008 в 17:18
Спасибо!
03.03.2008 в 23:40
От - БОЛЬШО ЧЕЛОВЕЧЕСКОЕ СПАСИБО!!!
08.03.2008 в 09:05
сначала, залез в привычную шпаргалочку. а фиг. Осталась только ссылка. Пошол по ссылке. И забыл зачем пришел.
Автор! К тебе претензия. Я очень долго искал где оставить благодарность.
Вот, нашел. Оставляю благодарность, за знание темы.
Только подскажи, а в ЖЖ в избранном, уже никак? Напрямую?
09.03.2008 в 10:27
В ЖЖ “Шпаргалочка” на месте, доступ из Мемориз работает. Не понял, о чем вы.
Спасибо за отзыв - буду работать дальше в том же направлении:)
17.03.2008 в 03:49
Огромное спасибо!..
Открыл для себя кое-что новое…
19.03.2008 в 01:28
Простите за чайниковый вопрос, но я так и не поняла - куда именно в код картинки надо вставлять align=left hspace=20? Если можно - именно как для чайника
Спасибо за информацию.
19.03.2008 в 04:06
Спасибо огромное!
22.03.2008 в 15:10
Спасибо огромное, утащу ссылку и на вордпрессовский блог и в ЖЖ Вставлю
23.03.2008 в 00:18
Спасибо за проделанную работу..
Но что то у меня не получается напрмер бегущая строка делаю как вы говорите и не движется строка,Что делать посоветуйте …
31.03.2008 в 15:52
Спасибо, долго искал теги для жежешечки. Всякие там каты и человечки в ссылке! В мемориз, однозначно!
08.04.2008 в 14:39
Кланиюс!
08.04.2008 в 18:54
Уважаемый дикий самец! Дорогой Вы наш! Огромное,как небо, СПАСИБО!!! Нет - как ВСЕЛЕННАЯ!
Если позволите себе ещё и такой труд ради нас несмышлёнышей: как правильно добавлять код “влево”-”вправо” в картинку? Об этом и ЯАМАУБА спрашивала…
Еще разы и разы спасибо! С пожеланиями здровья и благосклонности Фортуны к Вам и всем Вашим близким :=))
09.04.2008 в 08:12
С. Шин и yamauba
Я ж написал, почитайте:
Код картинки с плавным обтеканием текстом справа и снизу (или сверху) может иметь вид:
<img src="http:…" align=left hspace=20 vspace=15>
10.04.2008 в 12:52
СПАСИБО!Видать мы сами где-то допустили ошибку,только теперь её уже не видно… Спасибо ещё!
10.04.2008 в 19:57
как вставить htmlку в тело журнала?
22.04.2008 в 13:31
SPASIBO!!!!!
23.04.2008 в 23:40
Спасибо большое Вам за “Шпаргалочку по тегам”!
К списку фотохостингов хотелось бы добавить адрес www.ljplus.ru, которым сам давно пользуюсь.
Удачи Вам!
30.04.2008 в 10:31
Спасибо! Очень полезная инфа!
Мне по экзамену даже помогла
30.04.2008 в 15:44
Спасибо большое! Ho:
Ударение:
Cтавим “́” после нужной буквы:
Чýдная - wrong
дo нужной буквы:
Ч́удная - best!
30.04.2008 в 15:49
Ой, извините! Это, видимо, ивритские настройки журнала виноваты, в котором у меня неправильно ударение отобразилось: http://aronin.livejournal.com/564329.html?thread=1297769#t1297769
02.05.2008 в 13:05
Ударение всё-таки надо ставить дo нужной буквы и в моём русскоязычном ЖЖ (Ви#769;шн#769;и с#769;ейча#769;с ):
Ви́шн́и с́ейча́с
04.05.2008 в 13:06
Ай, спасибо, очень полезная штука!
07.05.2008 в 10:38
Ещё раз спасибо! Очень полезно!
08.05.2008 в 22:46
когда-то давно у меня получалось выносить анонс постов и заголовок самого позднего поста в профайл.
в упор не помню.
подскажите, плз.
12.05.2008 в 20:15
Спасибо за инфу Очень помогает при создании сайта!!!
Вставил картинку она прилипла к верхнему краю. Помогите опустить её на определенное растояние?!:(( Пожалуйста!
13.05.2008 в 09:30
Ну, вставьте перед кодом картинки <br> или
<p style=height:40px;> </p>
где 40px - ваш отступ в пиксела
13.05.2008 в 19:22
Извените! Вчера весь вечер просидел за редактированием… К тому же ещё и новичок! Совсем мозг переклинело… Спасибо за подсказочку!:)
22.05.2008 в 13:33
Спасибо. Буду тренироваться. Когда ты в этом ничего не понимаешь хорошо когда тебе помогут, а там методом проб и ошибок научимся.
26.05.2008 в 19:58
Всем привет. Плизз подскажите как вставить картинку в имя сайта(в верхнем левом углу) к примеру “маленькая картинка Имя_Моего_Сайта”
Или както так… как к примеру на mail.ru
@ - (картинка) mail.ru в верху, в шапке браузера
05.06.2008 в 15:16
Спасибо а такой титанический труд. Но у меня почему-то тэги вставки ЖЖ-юзера и ссылки со своим текстом не работают. Вообще. То есть, они кодом отображаются. А у моих френдов все ок. В чем дело может быть?
07.06.2008 в 11:19
БОльшое спасибо за шпаргалку. Занес в букмарки себе.
07.06.2008 в 16:26
@Jane
Обратите внимание:
и на странице “написать” есть два режима
“визуальный редактор” и “HTML”
нажмите HTML
08.06.2008 в 18:48
Здраствуйте! Прошу Вас, пожалуйста, подскажите как сделать ссылку на свою почту!!! Т.е. на сайте написан E-mail, человек заходит на сайт, жмет на ссылку и пишет мне письмо???
Заранее благодарен!!!
09.06.2008 в 08:20
@Otto
<a href=mailto:"почтовый_адрес">Написать мне</a>
Например:
<a href=mailto:"goulyaev@gmail.com">Написать мне</a>
09.06.2008 в 18:37
Спасибо огромное! Всё получилось!
12.06.2008 в 06:40
1. спасибо
2. спасибо
3. спасибо
7. скажите, как можно сделать такую таблицу-рамку, чтобы в ней не код писать, а просто текст. вместо ката. человеку приходится идти за катом внутрь, а такая табличка, как для кода, с прокруткой, могла бы просто и скрывать текст и одновременно чел имеет возможность просмотреть все. таблица для кода показывает все нутро записи (тэги) =)
12.06.2008 в 15:06
Отличный материал, очень интересно читать то, что пишут действительно понимающие люди! Спасибо!
12.06.2008 в 15:41
делаю кнопку-ссылку, target=_blank не работает (
не открывается в новом окне.. ни 1 браузер не помогает (
12.06.2008 в 20:27
Спасибо, товарисчь! Очень помогает твоя шпаргалка по тэгам.
Ещё раз спасибо
13.06.2008 в 08:27
Большое спасибо заресурсик. Реально помог.
16.06.2008 в 01:11
Невероятно полезная и понятная страничка!
Огромное как море спасибо.
Нет, даже как океан!
16.06.2008 в 13:23
Извините за вопрос.Меня заинтересовала БЕГУЩАЯ СТРОКА….Я сделал так как у вас написано и попробывал это на одном форуме……Эфекта ни какого…..Строка не бежит.Почему:
16.06.2008 в 17:40
@Сергей
Ну, в форуме это вряд ли будет работать
18.06.2008 в 16:09
Спасибо, большое!!! Очень рада, что все больше и больше узнаешь много нового от таких замечательных людей, как ты!!!
19.06.2008 в 21:47
Ценная информация бля блоггеров. Спасибо
21.06.2008 в 20:59
Большое спасибо.
24.06.2008 в 02:05
Там где ссылка с человечком - кавычки лишние
26.06.2008 в 09:42
Спасибо. Много редких тегов. Продолжай, интересно.
28.06.2008 в 09:26
Спасибо. Прочитал с интересом. Блог в избранное занес=)
29.06.2008 в 23:13
полезная штука, спасибо!
30.06.2008 в 12:47
Спасибо, удобно собрано и оформлено. Маленькая поправка: по-моему, параметр alt предназначен для вывода текста, когда показ картинок отключен. Для вывода текста над картинкой есть параметр title. При его отсутствии IE берет текст из alt, а Firefox - нет. То есть, чтоб страница одинаково выглядела в разных браузерах, лучше использовать title.
01.07.2008 в 11:50
Огромнейшее спасибо!
Вы - чудо!
04.07.2008 в 00:35
Большое спасибо за ВСЁ!
У меня насущный ВОПРОС:
хочу быстро сделать себе сайт применяя тэги.
Портфолио для художника где посоветуете сделать и разместить?
Я чайник, но пользуясь HTML кой кое-что смогу, думаю:)
Хорошо бы не блог..
Но ведь можно и блоговое пространство решить
удобносмотрибельно для своего портфолио.
Если не сложно, ответьте на мой мейл.
Спасибо ещё раз.
С уважением!
06.07.2008 в 11:52
Спасибо! Очень интересно
06.07.2008 в 21:33
Интересно. Думаю многие будут не согласны..
07.07.2008 в 07:52
@lev_m
согласен, спасибо, сделаю поправку
07.07.2008 в 11:41
весьма информативно,молодца!
08.07.2008 в 20:47
Я бы в верхней части страницы сделал якори на различные логические сайти, такие как “спецсимволы”, “картинки”, “оформление текста”. А ещё лучше - чтобы это были разворачивающиеся рубрики без перезагрузки страницы, как это описано тут:
http://saytostroy.ru/sozdanie27.html
10.07.2008 в 06:52
@сайтостроитель
Спасибо за совет, подумаю
10.07.2008 в 15:36
А есть кто-то кто не согласен с автором?
10.07.2008 в 21:18
Круто, очень полезная вещь! Спасибо!
12.07.2008 в 01:08
Спасибо большое!! Теперь буду вставлять картинки))
13.07.2008 в 13:09
Закажу редизайн сайту http://susvet.info. Необходимо сделать: заглавная + страница с новостью + страница со списком зеленый как основной цвет, 3 столбца разной ширины без акцента на блоки, маскот-долгоносик, легкая графика, обилие ДОМ-эффектов, упрощающих навигацию и “уплотняющих” контент на заглавной. Примеры работ и цену на мыло mean0dspt@gmail.com , сюда не постить. Работу надо будет сделать срочно, до конца июля.
14.07.2008 в 16:05
Просто превосходно! Спасибо огромное! Все очень интересно и понятно!
15.07.2008 в 15:57
Зачет, сенкс автору
16.07.2008 в 06:02
Сегодня, одной из наиболее эффективных методик раскрутки сайтов в сети, становится размещение своеобразных статей. Наш каталог статей предоставляет всем несколькими способами размещать статью в соответствующей категории. Данный сайт предполагает бессрочное нахождение каждой статьи на автономной странице, со своими тегами и доступными путями по ее трансформированию.
16.07.2008 в 17:42
Прикольно! И ведь правда - все именно так и есть
16.07.2008 в 18:53
Отлично! Вот не думал, не гадал, что все здесь и сразу найду.
17.07.2008 в 14:16
Вот опять! Скока можно это обсуждать? На каждой стене еще разве не написано об этом. Может, хватит.
18.07.2008 в 06:11
Вопрос к автору блога: я вас читаю уже давно, потому как весьма интересно пишите, и меня сразу стал мучить вопрос, как вы защищаетесь от кражи материала, ну, т.е. от копирования статей с целью публикации где-то на других сайтах?
18.07.2008 в 07:51
@Петрович
Никак. А что, надо?:)
18.07.2008 в 15:33
Интересная информация конечно. Но не сказать, что больно полезная.
18.07.2008 в 17:58
Олеся, ты овца неблагодарная.
спасибо вам!!
19.07.2008 в 15:09
nezlldgj…
nezlldgj…
20.07.2008 в 01:27
Вот есть дни медработника, шахтера, учителя, а день блоггера када? Кто-нить в курсе?
21.07.2008 в 23:52
Ну это уж совсем для новичков.