Красивый Текст

Иногда очень хочется оригинально оформить оглавление (название) своего поста. На сайте "Шпаргалка блогера" познакомилась с приведенными ниже видами красивого оформления текста. Я, правда, ещё не все уразумела, поэтому делюсь с вами тем, что поняла и освоила.

Свойство text-shadow:1px1px1px#000 имеет четыре параметра:

X Y амплитуда цвет

X - горизонтальное смещение тени к тексту (положительное значение - вправо, отрицательное - влево),

Y - вертикально смещение тени к тексту (положительное - вниз, отрицательно - вверх),

амплитуда - чем выше значение, тем больше степень размытия,
#000 - цвет тени.
Можно добавить две и более тени через запятую.

Смотрите дальше
Источник"У Самовара" + Вера Паничкина - это тоже Я

Серия сообщений " *** Пишем красиво - ":

Часть 1 - Пишем словно золотом..
Часть 2 - Огненный текст без фотошопа..
Часть 3 - Обводка текста без фотошопа...
Часть 4 - Объёмный текст без фотошоп...
Часть 5 - Подбираем нужный шрифт
Часть 6 - МНОГОСЛОЙНЫЙ ОБЪЁМНЫЙ ШРИФТ...

*width="***" - ширина бегущей строки по ширине рамки
1. Текст (картинка) движется справа налево

Текст движется справа налево
КОД - <marquee>ТЕКСТ или АДРЕС КАРТИНКИ</marquee>
2. Текст (картинка) движется слева направо
Текст движется слева направо


КОД - <marquee direction="right" width="650">ТЕКСТ или АДРЕС КАРТИНКИ</marquee>

3. Бегущая строка в серединке рамки
ТЕКСТ или АДРЕС КАРТИНКИ
КОД - <center><marquee width="130" scrollamount="3">ТЕКСТ или АДРЕС КАРТИНКИ</marquee><br /> </center>

4. Бегущие картинки в отделочной рамочке


КОД - <center><table border="1" cellpadding="10" cellspacing="10" width="130px" background="//img-fotki.yandex.ru/get/3505/dkartasheva.33/0_b849_c7c6456d_L.jpg"><tbody><tr><td><marquee width="130" scrollamount="3"><img src="//img-fotki.yandex.ru/get/3310/dkartasheva.10/0_7c90_86b9d885_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3113/dkartasheva.10/0_7c91_6c182e_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3209/dkartasheva.10/0_7c92_7746ec06_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3214/dkartasheva.10/0_7c93_e59d171f_S.jpg" />     <img src="//img-fotki.yandex.ru/get/3108/dkartasheva.10/0_7c94_f5e971dc_S.jpg" /></marquee><br /> </td></tr></tbody></table></center>

5. Текст движется от края к краю

Текст движется от края к краю

КОД - <marquee behavior="alternate">ТЕКСТ или АДРЕС КАРТИНКИ</marquee><br />

6. Текст (картинка) движется вниз или вверх

height="***" - высота движения картинок (текста)...
direction="up" - движение вверх
direction="up"- движение вниз

Текст (картинка) движется вниз:

Текст движется вниз


2.


3.


4.


КОД - <marquee direction="down" height="248"><center>ВАШ ТЕКСТ ИЛИ КАРТИНКИ </center></marquee>


Текст (картинка) движется вверх:



2.


3.


4.



*Листья солнцем наливались.
Листья солнцем пропитались.
Налились, отяжелели
И по ветру полетели,
Зашуршали по кустам,
Поскакали по сучкам,
Ветер золото кружит,
Золотым дождем шумит!

<marquee style="background:pink; padding:10px; BORDER-RIGHT: silver 2px solid; BORDER-TOP: silver 2px solid; BORDER-LEFT: silver 2px solid; BORDER-BOTTOM: silver 2px solid" scrollamount="1" scrolldelay="60" direction="up" height="60" width="250">ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ<br /> ВАШ ТЕКС ЗДЕСЬ</marquee>

*

Серия сообщений " *** ШПАРГАЛКИ кодов для оформления":

Часть 1 - ССЫЛКА на свой дневник...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
...
Часть 4 - Коды при оформлении ТЕКСТА...- 2 -
Часть 5 - Интересное оформление текста - 3 - ...
Часть 6 - Бегущие строчки...
Часть 7 - Интересные примеры бегущего текста...
Часть 8 - Основные aтрибуты бегущей строки...
...
Часть 14 - Расположение плеера на открытке.
Часть 15 - Делаем кнопочки перехода без конструкторов и генераторов...
Часть 16 - HTML отображается, как текст...

ОБВОДКА ДЛЯ ТЕКСТА БЕЗ ФОТОШОПА Это часть урока от Татьяны Егоровой. "...В верхней рамке текст написан с обводкой и поэтому его легче читать, а в нижней рамке текст написан обычным способом и читается с трудом. О том как сделать обводку мы сегодня и поговорим. Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет! Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет! Копируем в окошечке код. <span style="text-shadow: #000000 1px 0px, #000000 1px 1px, #000000 0px 1px, #000000 -1px 1px, #000000 -1px 0px, #000000 -1px -1px, #000000 0px -1px, #000000 1px -1px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px, #000000 0 0 3px; font-size: 17px; color: #fffe9f;">Здесь будет Ваш текст</span> Код будет выглядеть вот так (см. фото ) Код дан с обводкой черного цвета. Код цвета обводки выделен красной рамочкой, параметр размера шрифта (синяя рамочка) и цвета шрифта (зеленая рамочка) . Вместо цифр #...... вставляете код(6 знаков) нужного вам цвета. Вместо слов "Здесь будет Ваш текст" вставляете свой текст.Посмотри, КАК ЕЩЁ можно оформить текст "У Самовара" + Вера Паничкина - это тоже Я

Серия сообщений " *** Пишем красиво - ":

Часть 1 - Пишем словно золотом..
Часть 2 - Огненный текст без фотошопа..
Часть 3 - Обводка текста без фотошопа...
Часть 4 - Объёмный текст без фотошоп...
Часть 5 - Подбираем нужный шрифт
Часть 6 - МНОГОСЛОЙНЫЙ ОБЪЁМНЫЙ ШРИФТ...

Серия сообщений "Для новичков ЛИ.РУ.":
Часть 1 - Для самых начинающих лирушников.
Часть 2 - С чего начинать дневник?
...
Часть 35 - Читаем дневники не прерывая музыку!
Часть 36 - Наводим порядок в дневнике!Как разложить все сообщения в дневнике по полочкам и другие самые важные рекомендации для новичков!
Часть 37 - Уроки для новичков Лиру.

Программа для нарезки музыки

ШАГ 1 - Загрузить музыку

Нажмите кнопку «Загрузить» и выберите песню, мелодию или музыкальную композицию любого формата (mp3, wav, wma, flac, ogg, aac, ac3, ra, gsm, al, ul, voc, vox.);

Если Вы хотите добавить в свой пост много текста.Есть один вариант как это сделать, чтобы пост не занимал много места и его не нужно было убирать под КАТ.
Например как у меня в данном случае.Нужно просто вставить в пост прокрутку.
Чуть ниже можно скопировать код ПОСТА С ПРОКРУТКОЙ,
который Вы потом будете вставлять в свой пост.
В коде где написано. КОД КАРТИНКИ.
Загружаете картинку через Радикал фото.Код берёте под №1.
Меняете только размеры картинки width="480"-ширина
height="290"-высота
Если вставляете через Лиру тогда вам нужна только та часть кода,
что находится внутри кавычек.

Чтобы поменять РАЗМЕР ПРОКРУТКИ находим вот такой тег
...position: width:99%;height: 218px...
Меняем цифры под ВЫСОТУ вашей картинки,только немного меньше.
У меня высота картинки 290,а высоту прокрутки я сделала 218.
Это нужно для того чтобы прокрутка не вылезала за размеры картинки
или не была меньше её.
Идём дальше.Где написано URL ФОН
можно поставить фон.Внутрь одинарных кавычек.
Кавычки обязательно оставить иначе код может не загрузиться.
Так же через радикал фото код под №1.
Или через Лиру так же как мы вставляли код картинки.
А можно этот фон и неставить.
В моём случае я не стала добавлять Фон для текста.
Но бывает один неприятный нюанс-когда вы загружаете фон
он вставляется как ссылка и если в коде (где вы поставили фон)
у вас появилось [URL ...в начале и в конце .../URL]
вот такой значёк,в квадратных скобках его просто нужно убрать из начала и в конце.
Смотрите внимательно,чтобы кавычки не удалить.
И самое основное.
Где написано ВАШ ТЕКСТ.
Пишите свой текст.
Но ПРОКРУТКА начинает появлятся тогда,когда написано много текста.
Вот и всё удачи вам в оформлении.

Код ПОСТ С ПРОКРУТКОЙ. <img src="КОД КАРТИНКИ" width="317" height="218" align="left" /><div style="overflow:auto;scrollbar-arrow-color:pink;scrollbar-base-color: #C71585; position: width:99%;height:218px;background-image:url('URL ФОН');top:5px;text-align:left;text-indent:5pt">ВАШ ТЕКСТ</div>SvetlanaT

СОДЕРЖАНИЕ САЙТА "БЛОКНОТ Blogger*a"

• AdSense (1)
• ADVEGO (1)
• HTML (14)
HTML цветов (12)
Paint (18)
Paint рисунки (2)
Paint уроки (14)
блог (1)
блоги mail (2)
галерея РАДИКАЛА (3)
ЗАРАБОТОК в ИНТЕРНЕТЕ (4)
инструменты Paint (3)
ИСПОЛНЕНИЕ ЖЕЛАНИЙ (1)
картинки (2)
картинки на рабочий стол (14)
картинки фон (2)
линеечки-разделители (6)
НАЧАЛО (1)
обои для рабочего стола (10)
онлайн сервис Pho.to (1)
определить РАЗМЕР МОНИТОРА (1)
ПАЛИТРА цветов (11)
поворот картинки в Paint (1)
ПРОКРУТКА (1)
разделить запись на 2 части (1)
рамочка 1 слой (2)
рамочка простая (3)
рамочка с ПРОКРУТКОЙ (1)
редактор Paint (5)
редакторы он-лайн (2)
рисовать (2)
сделать картинку в Paint (2)
сделать СКРИНШОТ (3)
сделать фон в Paint (3)
сделать фон-бордюр в Paint (3)
скриншот (2)
сохранить блог (1)
теги (11)
увеличение картинки в Paint (2)
уменьшение картинки (2)
урок как скопировать картинку (1)
урок надписать картинку (3)
флеш (8)
фон белый (1)
фон лебеди (1)
фон море (1)
фон небо (2)
фон облака (1)
фон черный (1)
фоны (54)
фоны анимированные (2)
фоны бесшовные (8)
фоны глиттеры (2)
фоны голубые (2)
фоны ГРАДИЕНТЫ (3)
фоны для ФОТОШОПА (8)
фоны золотые (3)
фоны однотонные (3)
фоны ПРОЗРАЧНЫЕ (2)
фоны цветочные (1)
фоны-бордюры (13)
формула "под КАТ" для Blogger*a (1)
формула ОКОШКА для КОДА (3)
формула перехода по СТРАНИЦАМ (1)
формула скопировать "с ЛИСТА" (1)
формула таблицы (2)
формула ФЛЕШКИ (2)
фото-эффект "КАМИН" (1)
ФРАКТАЛЫ (3)
шрифты (2)
шрифты html (1)

1. Качаем кисти Ресницы. Скачать можно ТУТ.

2. Открываем изображение.

Я открыла вот это:

Читать далее

Картинка обтекаемая текстом Не забывайте, что картинка должна быть не очень большой, иначе текст просто выдавит ее вверх. цифровые значения vspace="10" и hspace="10"- это всего навсего расстояние от картинки к тексту вправо и вниз, можно их менять, по вашему вкусу.	<img align="left" alt="" hspace="30" src="АДРЕС КАРТИНКИ" vspace="10" />ВАШ ТЕКСТ
Картинка слева от текста Снова пишем свой текст. Если картинка длинная, бордюрного типа, то и весь текст будет вдоль нее. Если не очень большая, то продолжится ниже.	<img src="АДРЕС КАРТИНКИ" align="left" border="0" />Здесь будет ваш текст
Картинка справа от текста Все, точно также, как и в предыдущем случае. Только картинка окажется справа от текста.	<img src="АДРЕС КАРТИНКИ" align="right" border="0" />
Картинка в центре текста Обратите внимание, что текст пишется перед кодом и после кода. Это для того, чтобы обтекание было полноценным, и как бы обкутывало вашу картинку. Поэтому, часть текста вверху, часть внизу и создают такой эффект. Параметр "absmiddle" (выравнивание середины строки относительно середины изображения).	Здесь будет ваш текст 1 <img src="АДРЕС КАРТИНКИ" align="absmiddle" border="0" /> Здесь будет ваш текст 2
Текст между двух картинок Чтобы текст лег красиво, нужно, чтобы картинки были по длине больше, чем по ширине, если текст выйдет за рамки рисунков, он уйдет вниз.	<table align="center" border="0"> <tr> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст</td> <td><img src="АДРЕС КАРТИНКИ" /></td> </tr> </table>
Картинка между текстом Красиво получается, когда картинка находится между текстом, как-то необычно. Главное, чтобы текст соответствовал, и картинка отражала его суть. Остальное - полет фантазии	<table align="center" border="0"> <tr> <td>Здесь будет ваш текст 1</td> <td><img src="АДРЕС КАРТИНКИ" /></td> <td>Здесь будет ваш текст 2</td> </tr> </table>

Серия сообщений "* Все для блога":
Часть 1 - 10 причин для комментирования блогов
Часть 2 - Чего следует избегать блоггеру
...
Часть 30 - Как смотреть видео на ЛиРу в Google Chrome не отключая Adblock Plus
Часть 31 - Сетевой этикет (нетикет, сетикет)
Часть 32 - Нужные формулы для дневника
Часть 33 - НЕТ - КАРТИНКАМ В КОММЕНТАРИЯХ!!!

Серия сообщений "Для ЛиРу":
Часть 1 - КАК ВСТАВИТЬ ЭПИГРАФ
Часть 2 - Архивируем файлы и выставляем на Ли.ру
...
Часть 36 - Пост доступен на странице сообщения..
Часть 37 - Впервые на Ли Ру?
Часть 38 - Нужные формулы для дневника
Часть 39 - ЛиРу - кнопки быстрого перехода по страницам дневника
Часть 40 - HTML шпаргалка
...
Часть 42 - В ПОМОЩЬ НОВИЧКАМ НА ЛиРу
Часть 43 - Начинающим на ЛиРу
Часть 44 - ВОПРОСЫ И ОТВЕТЫ