(и еще 85059 записям на сайте сопоставлена такая метка)
Другие метки пользователя ↓
анимашки блестяшки блог боль видео всё для блога всё для дневника глиттеры для блога для днвника для дневника дневник душа женщина игры интересно интересное интернет картинки клипарт клипарты линеички любовь моё видео мои мысли мужчина мужчины музыка онлайн отношения оформление полезное прикол приколы программы разделители размышления рамочки религия секс смайлы смех ссылки стихи флешки фоны фотошоп хи-хи эротика юмор
ШРИФТЫ С КОДАМИ |
ШРИФТЫ С КОДАМИ
Собирала шрифты для себя, но решила поделиться со своими друзьями, может кому пригодятся. Все составляющие можно менять: название шрифта, номер или название цвета, высоту текста на ваше усмотрение.
Белая береза
Под моим окном
Принакрылась снегом
Метки: шрифты текст |
Генератор текста и кнопок |
Метки: онлайн текст генератор |
Ссылки на генераторы. |
Метки: онлайн текст генератор |
Оформление текста |
Перечёркнутый текст: ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Центрирование:
Выравнивание текста по правому краю поста:
Равномерное выравнивание текста по всей ширине поста:
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
Бегущая строка (рекомендую Бегущая строка):
Вместо текста можно вставить картинку:
Код этой картинки:
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
ее код:
Ударение:
Cтавим после нужной буквы:
“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):
Я Пишу Лесенкой!!!
РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
Увеличить текст на 1 пункт: текст
Увеличить текст на 2 пункта: текст
Увеличить текст на 3 пункта: текст
Увеличить текст на 4 пункта: текст
ЦВЕТ ШРИФТА:
КРАСНЫЙ: красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
Таблица “базовых” цветов (вводим “Имя” или “Код”):
Имя | Код | Имя | Код | Имя | Код | Имя | Код |
---|---|---|---|---|---|---|---|
aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
Оформление ссылок (рекомендую спец. страницу Ссылки):
Как вставить ссылку на веб-страницу:
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Спец. теги ЖЖ:
Элементарный жж-кат (с “Read more”):
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
Сссылка на сообщество, например: aforism
делается точно так же:
Если надо так:
или так:
Вместо wildmale пишем Дикий самец:
Ежели надо с “человечком”: Дикий самец:
Скопировав код, не забудьте поменять реквизиты.
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:
Публикация картинок:
Код любой картинки в сети в простом варианте выглядит так:
<img src="http://…/…jpg">
Уникальный URL (http://…/…jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
“Чайникам” рекомендую такой путь:
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 и вставьте в код меж кавычек
Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)
Можно сделать это окошечко покрасивше:
Кнопка-ссылка на веб-страничку
Например, на эту:
Спецсимвол | Вид в браузере |
< | < |
> | > |
& | & |
" | " |
® | ® |
™ | ™ |
© | © |
♥ | ♥ |
× | × |
≈ | ≈ |
• | • |
° | ° (градус) |
много символов |
Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть “Прочие” спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов
Фотохостинги
не все, более-менее знакомые:
Хостинги для флеш (swf)
Видеохостинги
вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:
Файлообменники
выложить друзьям файлы можно на:
Он-лайн аудио-плееры
Вставить мр3 с компа:
- читайте Вставка Медиа-файлов
Полезно:
Кнопка на этот сайт:
код для вставки:
Перечёркнутый текст: ТЕКСТ
Подчёркнутый текст: ТЕКСТ
Полужирный текст: ТЕКСТ
Полужирный крупный: ТЕКСТ
Курсивный текст: ТЕКСТ
Маленький текст: текст
Неразрывный пробел:
Центрирование:
Выравнивание текста по правому краю поста:
Равномерное выравнивание текста по всей ширине поста:
Отступ (для цитат и определений, текст отделен пустой строкой и отступ слева 8 пробелов):
Бегущая строка (рекомендую Бегущая строка):
Вместо текста можно вставить картинку:
Код этой картинки:
Сноска вверху: ТЕКСТсноска
Сноска внизу: ТЕКСТсноска
Линия:
ее код:
Ударение:
Cтавим после нужной буквы:
“Закрепитель” (фиксирует текст так, как и расположите его в поле поста):
Я Пишу Лесенкой!!!
РАЗМЕР ШРИФТА:
Уменьшить текст: текст - 2
Увеличить текст на 1 пункт: текст
Увеличить текст на 2 пункта: текст
Увеличить текст на 3 пункта: текст
Увеличить текст на 4 пункта: текст
ЦВЕТ ШРИФТА:
КРАСНЫЙ: красный текст
ЖЕЛТЫЙ: желтый текст
ФИОЛЕТОВЫЙ: фиолетовый текст
ЗЕЛЕНЫЙ: зеленый текст
СИНИЙ: синий текст
ФУКСИЯ: фуксия текст
Таблица “базовых” цветов (вводим “Имя” или “Код”):
Имя | Код | Имя | Код | Имя | Код | Имя | Код |
---|---|---|---|---|---|---|---|
aqua | #00FFFF | green | #008000 | navy | #000080 | silver | #C0C0C0 |
black | #000000 | gray | #808080 | olive | #808000 | teal | #008080 |
blue | #0000FF | lime | #00FF00 | purple | #800080 | white | #FFFFFF |
fuchsia | #FF00FF | maroon | #800000 | red | #FF0000 | yellow | #FFFF00 |
ВИД ШРИФТА:
Шрифт этого текста “Monotype Corsiva”
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста “Monotype Corsiva”
код этого текста:
Оформление ссылок (рекомендую спец. страницу Ссылки):
Как вставить ссылку на веб-страницу:
Как сделать, чтобы картинка была ссылкой на веб-страницу:
Как вставить ссылку на веб-страницу, чтоб она открылась в новом окне:
Спец. теги ЖЖ:
Элементарный жж-кат (с “Read more”):
жж-кат с ВАШИМ ПОДЗАГОЛОВКОМ:
Работу ката не видно в режиме “ПРОСМОТР”
Как в сообщение вставить жж-пользователя чтобы это выглядело, например, так: wildmale
Сссылка на сообщество, например: aforism
делается точно так же:
Если надо так:
или так:
Вместо wildmale пишем Дикий самец:
Ежели надо с “человечком”: Дикий самец:
Скопировав код, не забудьте поменять реквизиты.
Вставка МЕДИА-файлов:
Видео, флеш и проч. в ЖЖ вставляются так:
Публикация картинок:
Код любой картинки в сети в простом варианте выглядит так:
<img src="http://…/…jpg">
Уникальный URL (http://…/…jpg) выдает картинке хостинг, куда ее необходимо закачать с компа.
“Чайникам” рекомендую такой путь:
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 и вставьте в код меж кавычек
Изменить размер картинки можно с помощью атрибутов width (ширина) и height (высота). Вставьте в код картинки, например, width=300 и ваша картинка будет шириной 300 пикселов, высота подгонится пропорционально. Браузер при этом все равно подгружает изначальную картинку, и если та весила 3МБ, то меньше не станет:)
Можно сделать это окошечко покрасивше:
Кнопка-ссылка на веб-страничку
Например, на эту:
Спецсимвол | Вид в браузере |
< | < |
> | > |
& | & |
" | " |
® | ® |
™ | ™ |
© | © |
♥ | ♥ |
× | × |
≈ | ≈ |
• | • |
° | ° (градус) |
много символов |
Если вы видите это: ★, ☠, ☭ - есть смысл посмотреть “Прочие” спецсимволы HTML, пока редко включаемые в официальные таблицы спецсимволов
Фотохостинги
не все, более-менее знакомые:
Хостинги для флеш (swf)
Видеохостинги
вставка видео аналогична вставке картинок - размещаем видеофайл на видеохостинге и получаем код для вставки в блог:
Файлообменники
выложить друзьям файлы можно на:
Он-лайн аудио-плееры
Вставить мр3 с компа:
- читайте Вставка Медиа-файлов
Полезно:
Кнопка на этот сайт:
код для вставки:
Метки: оформление для днвника текст |
тексты |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
TEXTsup | |
TEXTsub |
Your text
Your text
Your text
Your text
Your text
Your very intresting text
Your very intresting text
Your very intresting text
Цветной текст с цветным фоном в цветной рамке
то бишь рамку на всю ширину поста.
Размеры блока div задаются атрибутами:
div style=width:200px; height:50px;
где width:200px; - ширина блока 200 пикселей,
height:50px; - высота блока 50 пикселей
Получим:
Аббревиатура: HTML
Ваш офигительно креативный текст
Раз, два, три, четыре, пять, шесть, семь
Раз, два, три, четыре, пять, шесть
Лучше брать маленькую картинку - она будет автоматом повторяться, пока продолжается текст. Атрибутами width и height в % или px (пикселах) можно задать определенный размер фоновой области
МОЙ ЗАМЕЧАТЕЛЬНЫЙ И КРЕАТИВНЫЙ ТЕКСТ
текст левой колонки | текст правой колонки |
Код:
<table width=100%>
<tr><td width=50%>
текст левой колонки
<td width=50%>
текст правой колонки
</table>
Я Пешу Лесинкой!!!
C Днем Рождения!
Быстро написать так: Мои поздравления!!!
Можно ЗДЕСЬ
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
Your text | |
TEXTsup | |
TEXTsub |
Your text
Your text
Your text
Your text
Your text
Your very intresting text
Your very intresting text
Your very intresting text
Цветной текст с цветным фоном в цветной рамке
то бишь рамку на всю ширину поста.
Размеры блока div задаются атрибутами:
div style=width:200px; height:50px;
где width:200px; - ширина блока 200 пикселей,
height:50px; - высота блока 50 пикселей
Получим:
Аббревиатура: HTML
Ваш офигительно креативный текст
Раз, два, три, четыре, пять, шесть, семь
Раз, два, три, четыре, пять, шесть
Лучше брать маленькую картинку - она будет автоматом повторяться, пока продолжается текст. Атрибутами width и height в % или px (пикселах) можно задать определенный размер фоновой области
МОЙ ЗАМЕЧАТЕЛЬНЫЙ И КРЕАТИВНЫЙ ТЕКСТ
текст левой колонки | текст правой колонки |
Код:
<table width=100%>
<tr><td width=50%>
текст левой колонки
<td width=50%>
текст правой колонки
</table>
Я Пешу Лесинкой!!!
C Днем Рождения!
Быстро написать так: Мои поздравления!!!
Можно ЗДЕСЬ
Метки: оформление для днвника текст |
Страницы: | [1] |