*КОД: <blockquote 15px="15px" style="BORDER-LEFT: #F70000 3px solid; padding: 15px; BORDER-TOP: #119931 3px solid; padding: 15px; BORDER-BOTTOM: #E3AF40 3px solid; padding: 15px;BORDER-RIGHT: #924E96 3px solid"><font size="3">***ВАШ ТЕКСТ***</font></blockquote>*

Меняем только цвет, вид и ширину бордюров ...#F70000(цвет) 3px(ширина) solid(вид)...; всё остальное лучше не трогать (порядок границ не нарушать!):
BORDER-LEFT - граница слева; BORDER-TOP - граница верха; BORDER-BOTTOM - граница низа; BORDER-RIGHT - граница справа...

*КОД: <table width="700ШИРИНА РАМКИ" style="BORDER-LEFT: #F70000 3px double; padding: 15px; BORDER-TOP: #119931 3px double; padding: 15px; BORDER-BOTTOM: #E3AF40 3px double; padding: 15px;BORDER-RIGHT: #924E96 3px double" background="АДРЕС ФОНА" cellspacing="0" cellpadding="0"><tr><td style="padding:10px" zzz="zzz" align=""><span style="font-family:Liruss TYGRA(TrueType);color:#000000;font-size:18px"><i><center>***ВАШ ТЕКСТ***</center></i></span><table border="0" cellspacing="0" cellpadding="0"><tr></tr></table></td></tr></table>*

"У Самовара" + Вера Паничкина - это тоже Я

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 6 - ...Рамочка с бегущим текстом ... Урок от Татьяны Егоровой.
Часть 7 - Рамочка для текста с анимированным фоном без помощи ФШ.....
Часть 8 - Рамочки для текста с разноцветными бордюрами
Часть 9 - Рамки с объемным фоном без фотошопа!
Часть 10 - ...Тени в рамочке и на картинках без ФШ (оригинальные рамочки для текста и картинок)...
...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

Формула для создания такого коллажа в окошечке: <div align="center"><table border="1" background="АДРЕС ФОНА"><tr><td style="padding:4px;"><center><table border="1" background="АДРЕС ОСНОВНОГО ФОНА"><tbody><tr><td style="padding: 0px;"><center><table border="1" background="АДРЕС АНИМИРОВАННОГО ФОНА" width="ШИРИНА ФОНА"><tbody><tr><td style="><center><font size=" color="#aa1100" face="georgia"><font face="Georgia" color="#000000" style="font-size:20px"><i><b><img src="АДРЕС КАРТИНКИ" align="left" border="0" />**ВАШ ТЕКСТ***<br /><br /><left><font face="Georgia" color="#000000" style="font-size:15px"><center><marquee width="130" scrollamount="3">Ваша подпись</marquee></center><br /><br /> </font></left></b></i></font></td></tr></tbody></table></center></td></tr></tbody></table></center></td></tr></table></div> Главное здесь - АНИМАЦИЯ НА ПРОЗРАЧНОМ ФОНЕ, ширина( width) анимации подгоняется по размеру рамочки. "У Самовара" + Вера Паничкина - это тоже Я

Серия сообщений "________ - Делаем рамочки -":
Часть 1 - Делаем рамочку для текста без ФШ...
Часть 2 - Учимся делать рамочки (вникаем в суть)... Урок № 1 от bloginja...
...
Часть 5 - РАМОЧКИ ВОКРУГ ТЕКСТА (С РАЗРЫВОМ)
Часть 6 - ...Рамочка с бегущим текстом ... Урок от Татьяны Егоровой.
Часть 7 - Рамочка для текста с анимированным фоном без помощи ФШ.....
Часть 8 - Рамочки для текста с разноцветными бордюрами
Часть 9 - Рамки с объемным фоном без фотошопа!
...
Часть 18 - Поговорим о рамочке для текста "Рамочка-книжка"
Часть 19 - *** ДВЕ рамочки с вертикальными бордюрами...
Часть 20 - И снова — «Рамочка-книжка»

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

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

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

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

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

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

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

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

Серия сообщений "________ - Пишем красиво - ":
Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
...
Часть 6 - Огненный текст без фотошопа..
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Генераторы текста
Часть 10 - Несколько html кодов для ЦВЕТА текста
...
Часть 17 - Разные разные шрифты...
Часть 18 - Цветовой круг он-лайн. Подбор цветов и генерация цветовых схем.html
Часть 19 - ШРИФТЫ...

ОБВОДКА ДЛЯ ТЕКСТА БЕЗ ФОТОШОПА Это часть урока от Татьяны Егоровой. "...В верхней рамке текст написан с обводкой и поэтому его легче читать, а в нижней рамке текст написан обычным способом и читается с трудом. О том как сделать обводку мы сегодня и поговорим. Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет! Женщина остаётся Женщиной, Неважно, сколько ей лет, И сколько лет ей по паспорту, Замужем или нет. Она может быть молоденькой, И может быть средних лет, И дамой преклонного возраста, У Женщины возраста нет! Копируем в окошечке код. <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 -
Часть 2 - Бегущие строчки...
...
Часть 5 - Пишем словно золотом..
Часть 6 - Огненный текст без фотошопа..
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
Часть 9 - Генераторы текста
...
Часть 17 - Разные разные шрифты...
Часть 18 - Цветовой круг он-лайн. Подбор цветов и генерация цветовых схем.html
Часть 19 - ШРИФТЫ...

Огненный текст
без фотошопа

Автор поста Егорова Таня Сегодня я расскажу, как сделать эффект огня на буквах. Это очень легко. Выбираете нужное "пламя" в рамке ниже. Копируете код из окошечка и вставляете вместо моих слов "Здесь будет Ваш текст" свой текст. Если захотите оформить таким огненным текстом стихи, то оставляйте между строк расстояние. Лучше всего такой текст смотрится на темных фонах. На светлом яркость теряется. На фото ниже выделены параметры, которые можно менять в коде. ТЕКСТ 1 <div style="font-size: 20px;color:#000000;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -1px 2px, rgb(255, 204, 0) -1px -3px 3px, rgb(255, 153, 0) -1px -5px 4px, rgb(255, 102, 0) -1px -7px 5px, rgb(255, 51, 0) 0px -9px 6px, rgb(255, 0, 0) 4px -11px 7px; ">Здесь будет Ваш текст</div> ТЕКСТ 3 <div style="font-size: 20px;color: #fff799; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 10px rgb(254, 252, 201), 5px -5px 15px rgb(255, 255, 0), -10px -10px 20px rgb(255, 174, 52), 10px -20px 25px rgb(236, 118, 12), -10px -30px 30px rgb(205, 70, 6), 0pt -40px 35px rgb(151, 55, 22), 5px -45px 40px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div> ТЕКСТ 2 <div style="font-size: 20px;color:#3f2305;font-family: Verdana;text-shadow: rgb(255, 255, 0) 0px -2px 4px, rgb(255, 204, 0) -2px -6px 6px, rgb(255, 153, 0) -2px -10px 8px, rgb(255, 102, 0) -2px -14px 10px, rgb(255, 51, 0) 0px -18px 12px, rgb(255, 0, 0) 2px -22px 14px; ">Здесь будет Ваш текст</div> ТЕКСТ 4 <div style="font-size: 20px;color: #ffcc66; font-family: Verdana; margin: 10px auto; padding: 70px 0pt 0pt; text-shadow: 0pt 0pt 20px rgb(254, 252, 201), 10px -10px 30px rgb(254, 236, 133), -20px -20px 40px rgb(255, 174, 52), 20px -40px 50px rgb(236, 118, 12), -20px -60px 60px rgb(205, 70, 6), 0pt -80px 70px rgb(151, 55, 22), 10px -90px 80px rgb(69, 27, 14); text-transform: uppercase;">Здесь будет Ваш текст</div>

Из блога Егоровой Татьяны Удачи! еще разные уроки "У Самовара" + Вера Паничкина - это тоже Я

Серия сообщений "________ - Пишем красиво - ":
Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
...
Часть 4 - Основные aтрибуты бегущей строки...
Часть 5 - Пишем словно золотом..
Часть 6 - Огненный текст без фотошопа..
Часть 7 - Обводка текста без фотошопа...
Часть 8 - Объёмный текст без фотошоп...
...
Часть 17 - Разные разные шрифты...
Часть 18 - Цветовой круг он-лайн. Подбор цветов и генерация цветовых схем.html
Часть 19 - ШРИФТЫ...

Где-то там, где-то там, где-то там далеко, Где цветут эдельвейсы в горах высоко, Там, где неба бездонный светящийся свод, Там где, чайки высокий и вольный полет.... там живут мои сны, там, в ночной тишине чья-то тихая песня звучит обо мне. автор стихотворения - Дарья Яшенко - "У Самовара" + Вера Паничкина - это тоже Я

Серия сообщений "________ - Пишем красиво - ":
Часть 1 - Коды при оформлении ТЕКСТА (выделение цитаты, эпиграф, расположение текста в столбиках)...- 2 -
Часть 2 - Бегущие строчки...
Часть 3 - Интересные примеры бегущего текста...
Часть 4 - Основные aтрибуты бегущей строки...
Часть 5 - Пишем словно золотом..
Часть 6 - Огненный текст без фотошопа..
Часть 7 - Обводка текста без фотошопа...
...
Часть 17 - Разные разные шрифты...
Часть 18 - Цветовой круг он-лайн. Подбор цветов и генерация цветовых схем.html
Часть 19 - ШРИФТЫ...

<img src="АДРЕС КАРТИНКИ" /> "У Самовара" + Вера Паничкина - это тоже Я

Очень люблю эту рамочку с прокруткой. Правда, пользуюсь ей редко... код рамочки с прокруткой:*<center><table style="border:4px groove #cccccc;background-color:#cccccc" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><img src="АДРЕС КАРТИНКИ" /></td><td style="padding:4px" align="center"><table style="border:4px groove #cccccc;background-color:#cccccc" cellspacing="0" cellpadding="0"><tr><td style="padding:5px"><table style="border:0px none #000000;background-color:#ccccff" cellspacing="0" cellpadding="0"><tr><td style="padding:24px" zzz="zzz" align="center"><span style="color:#000000;font-size:20px"><div style="overflow-y: scroll; width: 350px; height: 300px;"><center><span style="font-family:Cambria (Заголовки);color:#000000;font-size:12px"><div><em>* ВАШ ТЕКСТ*</em></div></span></center></div></span></td></tr></table></td></tr></table></td></tr></table></center> Чаще всего _ просто беру прокрутку (для фотографий, открыток, клипартов) код прокрутки:<center><div style="overflow-y: scroll; width:650px; height: 300px;"><center><span style="font-family:Lucida Grande;color:#8B4513;font-size:22px"><div><em>Используйте прокрутку справа<center>*ВАШ ТЕКСТ*</center></em></div></span></center></div> </center><table style="border: 0px none #000000;" border="0" cellspacing="0" width="100%" background="//i015.radikal.ru/1003/52/90321814cff8.gif"><tbody><tr><td align="right"><a title="Arnusha..." href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/journal_proc.php?action=redirect&url=http://arnusha.ru/profile" target="_blank"></a></td></tr></tbody></table> «...Как хорошо, что есть компьютер, Послушный, милый и родной. С ним так легко и так уютно, Себе завидую самой. Хочу - пишу, хочу - стираю, И текст растет за рядом ряд. А он послушно выполняет Команды все мои подряд. Не разозлится, не заплачет, В лицо листы мне не швырнет, И умный (тоже много значит): Всегда ошибку подчеркнет. Все в памяти хранит прекрасно, Я без него, как без руки: Не надо мучиться напрасно, И не искать черновики. Я с удовольствием великим Его в соавторы возьму: Он не способен на интриги, Ему и деньги ни к чему.» (Лена Пчёлкина)

Серия сообщений "*******ШПРАГАЛКИ":
Часть 1 - Рамочки в 1 слой...
Часть 2 - СПЕЦКОДЫ для оформления поста -1-
...
Часть 9 - Применяем линии в тексте (html шпаргалка по линиям)...
Часть 10 - Картинки в ряд... Превью...
Часть 11 - Рамочка с прокруткой текста - 1 - ...
Часть 12 - Закругляем углы на картинках; Вставляем текст на картинку...
Часть 13 - Рамочка с ПРОКРУТКОЙ ТЕКСТА - 2 - ...
...
Часть 20 - И снова — «Рамочка-книжка»
Часть 21 - ***МОИ маленькие находки...
Часть 22 - ***Бегущая строка

«Каждый помогает своему товарищу и говорит своему брату: крепись» (Ис.41:6) Будем строго держаться двух правил в нашей ежедневной жизни: никогда не унывать и никогда не внушать другим уныния. Мы не смеем унывать, потому что наше расположение духа отражается на окружающих и мрачные наши мысли отнимают у них надежду на будущее и силу в борьбе с искушениями. Лучше молчать, чем высказывать заранее наши опасения. Если же сердце наше полно радостного упования, выскажем громко и веру, и радость нашу, и полученное нами от Господа изольется благословением вокруг нас. Часто люди опускают руки в отчаянии, видя, что их труды напрасны, плода не видно, жатва медлит. Когда такое чувство овладевает нами, вспомним о твердости и постоянстве, с которыми трудился Христос на земле. Упование и надежда не покидали Его, хотя видимой победы Он не одержал, и труды Его могли казаться тщетными. Будем всегда носить в сердце этот чудный пример, будем помнить, что за тучами светит солнце, и, терпеливо ожидая, чтобы оно вновь воссияло и нам, не позволим себе никогда впадать в уныние. Оно отнимает необходимую нам силу и бодрость. Будем смело смотреть вперед, отыскивая всегда светлую точку. Господь оправдает наши надежды, и окружающим нас жизнь покажется радостнее, светлее, прекраснее. День за днем Любимая книга императрицы "У Самовара" + Вера Паничкина - это тоже Я;

Серия сообщений "________ - День за днём -":
Часть 1 - Мы не смеем унывать...
Часть 2 - ***Терпение...
Часть 3 - ЛЮБОВЬ...
...
Часть 42 - _____Крест приведет нас к воскресению
Часть 43 - _____Время
Часть 44 - «Положи, Господи, хранение устам моим»