Учимся делать рамочку по предложенной формуле




<div align="center"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/372432/50114850.875/0_127dab_53863089_S" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/9509/112265771.2d9/0_968e5_95d085e4_S.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/372432/50114850.875/0_127dab_53863089_S" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img-fotki.yandex.ru/get/194550/50114850.7e7/0_11e176_bae1480_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/6000/114259404.622/0_8bb13_605cedf8_S.jpg" cellpadding="15" cellspacing="0"><tr><td style="padding: 15px;"><center><img src="https://img0.liveinternet.ru/images/foto/c/1/838/4215838/f_21236948.jpg" width="500" /><br /><img src="http://intelekt-um.ru/images/anonsi/phoca_thumb_l_c-06.png" width="200" /><br /><center><font size="5" color="#333333" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="http://intelekt-um.ru/images/anonsi/phoca_thumb_l_c-06.png" width="200" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#333333" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />



<div align="center"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/5608/83186431.d0/0_62aeb_29a42775_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/6602/93940825.81/0_873a3_5f4d4e60_M.jpg" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="//img-fotki.yandex.ru/get/5608/83186431.d0/0_62aeb_29a42775_S.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/0/118/139/118139282_8.jpg" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="https://img0.liveinternet.ru/images/attach/c/1//48/868/48868965_autr45.jpg" cellpadding="0" cellspacing="0"><tr><td style="padding: 0px;"><center><img src="https://img-fotki.yandex.ru/get/16183/201409892.ed/0_105e12_4bca70fd_orig.jpg" width="550" /><br /><img src="https://img-fotki.yandex.ru/get/879536/370314972.75b/0_187b79_c78eb6f5_XL.gif" width="350" /><br /><br /><center><font size="5" color="#fafec8" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="https://img-fotki.yandex.ru/get/16132/160780412.d28/0_16626d_48402e9d_orig.png" width="550" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#fafec8" face="Monotype Corsiva">tomishka</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />

Перед вами две рамочки, выполненные по одной и той же формуле. В первой рамочке пришлось уменьшить ширину разделителя до 200, так как ширина оригинала 800. Во второй рамочке в качестве второго разделителя взят клипарт, но ширину тоже пришлось уменьшить до 550. Кроме этого ширина основного фона нулевая, а размер картинки увеличен до 550. Формулу я взяла у Ларисы Гурьяновой и большую часть своих рамочек делаю по ней. Посмотрим, что же собой представляет эта формула.

Код для рамочки

<div align="center"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ШИРОКОГО ФОНА" cellpadding="45" cellspacing="0"><tr><td style="padding: 45px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС БЛЕСТЯЩЕГО ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ФОНА ОБВОДКИ" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"><table border="0" background="АДРЕС ОСНОВНОГО ФОНА" cellpadding="15" cellspacing="0"><tr><td style="padding: 15px;"><center><img src="АДРЕС КАРТИНКИ" width="500" /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /><center><font size="5" color="#000000" face="Monotype Corsiva"> Здесь будет ваш текст<br /><br /><img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" /><br /></font></center><div align="center"> <a target="_blank" href="АДРЕС БЛОГА"><font size="1" color="#000000" face="Monotype Corsiva">ИМЯ БЛОГА</font></a></div></center></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></td></tr></table></div><br />
В окошке вверху дан код-шаблон, попытаемся с ним разобраться. Рамочка восьмислойная: 4 слоя обводки, 2 блестящих слоя, слой широкой полоски и слой основного фона. Кроме этого рамка предусматривает наличие картинки и двух разделителей, украшающих рамочку. Чем отличается один слой от другого? Только своей шириной: ширина основного фона 15px, широкая полоска 45px, все остальные по 4px. Указанные размеры можно менять, но надо помнить, что изменить надо оба числа в слое, а не одно. Если картинку взять шириной 500px, то ширина всей рамочки будет, как легко подсчитать, 668px. Все размеры для каждого слоя в шаблоне можно менять, но в разумных пределах. Лично я меняю указанные размеры очень редко, последнее время, правда, ширину основного фона беру нулевой, но увеличиваю размер картинки до 550. Ниже в окошке представлена информация, относящаяся к одному слою, ширина которого 4px, в конце стоят три закрывающих тега с наклонными черточками. В коде-шаблоне всей рамочки для каждого из 8-ми слоев они все стоят в конце.
Один слой шириной 4px

<table border="0" background="АДРЕС ФОНА" cellpadding="4" cellspacing="0"><tr><td style="padding: 4px;"></td></tr></table>
Осталось разобраться с картинкой и разделителями. Сравним информацию, относящуюся к картинке, с информацией для разделителя. Для картинки указана конкретная ширина, и если ваша картинка шире, то она будет уменьшена, а соответственно автоматически изменится и высота картинки. А вот разделитель останется в размере оригинала. Если этот размер не превышает 500, то рамочка по размеру не изменится, а если он широкий, то рамочка растянется в ширину. В этом случае надо взять из картинки width="500" и поставить в разделитель вместо border="0" и, может быть, сразу 500 заменить на 300 или 200.
Картинка

<img src="АДРЕС КАРТИНКИ" width="500" />
Разделитель

<img src="АДРЕС РАЗДЕЛИТЕЛЯ" border="0" />
В роли разделителя может использоваться клипарт или красивый текст. ССЫЛКА НА БЛОГ и ИМЯ БЛОГА также надо заменить на свои собственные. Все замены соответствующими адресами надо делать очень аккуратно, не затрагивая кавычек, причем ни в начале ( после открывшейся кавычки), ни в конце ( перед закрывшейся кавычкой) не должно быть пробелов. В последнее время у заносимого адреса частенько автоматически убирается http:, но это никак не влияет на конечный результат при создании рамочки. Текст и имя блога будут напечатаны черным цветом, так как выбран код цвета, состоящий из шести нулей, при желании цвет можно изменить на другой.
А теперь несколько советов. Занеся в черновик дневника код-шаблон рамочки, я первым делом размещаю картинку, вставляя аккуратно адрес найденной для рамочки картинки вместо текста АДРЕС КАРТИНКИ. Потом нахожу среди однотонных фонов подходящий для картинки фон и вставляю его адрес, внимательно следя за кавычками. Теперь беру адрес выбранной обводки и вставляю на место той обводки, которая следует за широкой полосой. В этом случае очень хорошо видно, подходят ли выбранные фоны друг к другу. Если фоны, с моей точки зрения, не подошли, ищу другой фон для обводки, а если подошли, то вставляю адрес вместо остальных адресов обводки. Если фон с mail.ru, то для самого первого слоя его использовать нельзя, а внутри можно. Поэтому в таких случаях для первого слоя обводки я беру адрес основного фона, если он не с mail.ru. Ниже представлено немного фонов, используемых для обводки, причем последний с mail.ru.

Фоны, используемые в качестве блестящих, можно посмотреть, зайдя по ссылке https://www.liveinternet.ru/users/tomishka/post424040715/
Это цитата сообщения Arnusha в моем блоге. Наконец в произвольном порядке заполняю все остальное. Желаю всем удачи в создании восьмислойных рамочек. Вопросы можно задать в комментариях.

Код плеера с Яндекс музыки - изменения

Как сделать рамочку для текста самому.

Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

Вот не подходит человеку цвет или ещё что-то, все хотят быть оригинальными. Хочу попробовать на примере рассказать, как это делается. Учитель из меня фиговый так что строго не судите и если останутся вопросы, то пишите.

Перед нами рамочка уже готовая с кодом для вставки:

ВАШ Т Е К С Т

<center><table border="2" background="http://netpla.narod.ru/images/wood-13.jpg" cellpadding="3" cellspacing="3" width="100%"><tr><td><table border="2" background="http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif" cellpadding="5" cellspacing="0" width="100%"><tr><td><br />ВАШ<br /><br />Т Е К С Т<br /></td></tr></table></td></tr></table></center>

Это фото кода, Вы его можете просто из флейма скопировать в Word или блокнот, и получите то же самое.



1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


Те кто не хотят возиться с изготовлением можете зайти в раздел - Для оформления блога и взять уже готовые рамочки.

PS: добавила по просьбе. Это коды для изменения цвета текста в Ваших постах.
<font color="red">текст</font> красный текст
<font color="lime">текст</font> зеленый текст
<font color="navy">текст</font> синий текст
<font color="purple">текст</font> фиолетовый текст
<font color="yellow">текст</font> желтый текст
<font color="fuchsia">текст</font> фуксия текст
<font color="maroon">текст</font> коричневый текст
<font color="aqua">текст</font> голубой текст

Сделать картинку или текст по центру
<center>ВАШ ТЕКСТ</center>

Справа и слева загружайте как обычно с указанием направления

ПРОСТАЯ рамочка с обводкой +формула

Серия сообщений "***ФОРМУЛЫ РАМОК":

Часть 1 - Красивый текст для блога
Часть 2 - Рамки оригинальные
...
Часть 41 - Простая объемная рамочка =КОД
Часть 42 - Код рамочки с прокруткой и картинкой внизу...+код
Часть 43 - ПРОСТАЯ рамочка с обводкой +формула
Часть 44 - РАМОЧКА с картинкой слева+КОД

Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 21 - Простая объемная рамочка =КОД
Часть 22 - Код рамочки с прокруткой и картинкой внизу...+код
Часть 23 - ПРОСТАЯ рамочка с обводкой +формула
Часть 24 - РАМОЧКА с картинкой слева+КОД
Часть 25 - РАМОЧКА простая с двойной обводкой+КОД
...
Часть 40 - КАРТИНКА-РАМОЧКА с прокруткой+КОД
Часть 41 - КАРТИНКА-РАМОЧКА с прокруткой(без фона записи)+КОД
Часть 42 - РАМОЧКА с плывушим текстом+КОД

Серия сообщений "***МОИ РАМКИ+код":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 15 - 10 простых рамочек с прокруткой+КОД (можно вставлять фоны...)
Часть 16 - Код рамочки с прокруткой и картинкой внизу...+код
Часть 17 - ПРОСТАЯ рамочка с обводкой +формула
Часть 18 - РАМОЧКА с картинкой слева+КОД
Часть 19 - Простая овальная (объемная)рамочка+КОД
...
Часть 39 - РАМОЧКА с плывушим текстом+КОД
Часть 40 - Рамочка с девушкой...разрезная с анимацией вверху+КОД
Часть 41 - Рамочка 3-х слойная с картинкой в левом углу...

Рамочка+КОД

ЗДЕСЬ пишите свой текст!

***ФОРМУЛА МОЯ***

***ФОРМУЛА ВАША***

Серия сообщений "***МОИ ФОРМУЛЫ":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 32 - Простая рамочка+КОД
Часть 33 - Рамочка с фонами+КОД
Часть 34 - Рамочка+КОД
Часть 35 - Однослойная рамочка с обводкой внутри+КОД
Часть 36 - Простая объемная рамочка для записи+КОД
...
Часть 40 - КАРТИНКА-РАМОЧКА с прокруткой+КОД
Часть 41 - КАРТИНКА-РАМОЧКА с прокруткой(без фона записи)+КОД
Часть 42 - РАМОЧКА с плывушим текстом+КОД

Серия сообщений "***МОИ РАМКИ+код":

Часть 1 - Рамочка с обводкой в виде кромки
Часть 2 - простая рамочка с выдавленной кромкой+ КОД
...
Часть 29 - Простая рамочка+КОД
Часть 30 - Рамочка с фонами+КОД
Часть 31 - Рамочка+КОД
Часть 32 - Однослойная рамочка с обводкой внутри+КОД
Часть 33 - Простая объемная рамочка для записи+КОД
...
Часть 39 - РАМОЧКА с плывушим текстом+КОД
Часть 40 - Рамочка с девушкой...разрезная с анимацией вверху+КОД
Часть 41 - Рамочка 3-х слойная с картинкой в левом углу...

Справочник по основным тегам HTML.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 18 - Как правильно вставлять код в окошко для кодов.
Часть 19 - Рамочки с флагом своей страны.
Часть 20 - Справочник по основным тегам HTML.

Как правильно вставлять код в окошко для кодов.

Многие сталкиваются с проблемой, особенно на ЛиРу, что при вставлении кодов в кодовое окошко, код в окне выставляется не полностью - обрезаются "хвостики" или наоборот - начало кода, или когда в посте блога надо написать HTML-код в виде текста а многие этого не умеют. Так что же делать, чтобы код остался в тексте сообщения виден как HTML? Напишу несколько вариантов, как это сделать. 1. Код с использованием тэга <input Код баннера можно поставить вот в такое окошечко. Это самый простой вид окошечка, и его используют в основном для небольших кодов.

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 17 - Заморские сайты к НОВОМУ ГОДУ
Часть 18 - 100 самых полезных сайтов Интернета
Часть 19 - Как правильно вставлять код в окошко для кодов.

Как вставить прозрачную флеш в картинку?

На примере вот такой картинки ( в данном случае моя работа в Эдитор онлайн)

раскажу, как сделать такую картинку

а решение очень простое, берем вот такой код, думаю здесь все понятно


копируем из этого окошка
<table border="0" background="<table align="><table width="ШИРИНА КАРТИНКИ" height="ВЫСОТА КАРТИНКИ" style="border:0px" background="АДРЕС КАРТИНКИ" cellspacing="0" cellpadding="0"><tr><td style="padding:0px" align="center"><span style="font-family:Georgia;color:#000000;font-size:20px"><b><p align="center">КОД ФЛЕШКИ<br /></p></b></span></td></tr></table></table>"

а формула флешки такая:



ЖЕЛАЮ УДАЧИ!

Серия сообщений "флеш-галерея":

Часть 1 - мои флеш часики
Часть 2 - Альбом "Это любовь"
...
Часть 15 - КОЛЛАЖ.
Часть 16 - С благовещением!
Часть 17 - Как вставить прозрачную флеш в картинку?
Часть 18 - Пасхальная анимация.
Часть 19 - Пасхальная анимация.
...
Часть 29 - Видеоклип на песню "Лепестки белых роз"
Часть 30 - Календари для дневника.
Часть 31 - Приветствие для дневника.

Расположение музыки на картинке

Формулы общеизвестные. На авторство не претендую.

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="left" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="center" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td width="ШИРИНА картинки" height="ВЫСОТА картинки" valign="top" align="right" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Вверху справа

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="left" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу слева

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="center" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу центра

<table border="0" cellpadding="0" background="URL АДРЕС КАРТИНКИ" ><tr><td valign="bottom" align="right" width="ШИРИНА картинки" height="ВЫСОТА картинки" style="padding:0px" >КОД МУЗЫКИ</td></tr></table>Внизу справа

 

Как взять адрес флешки и сгенерировать код

Сделать текст с окошечком прокрутки (флеймом)


Сделать текст с прокруткой во флейме.
Флейм - это очень нужное окошечко, куда можно спрятать длинный текст и читать его, прокручивая вниз. Наверняка уже встречали подобное. Например я вставляю в пост разделители ( можно длинный текст, или картинки), и для экономии места, делаю это вот в таком окошечке, который и называется флейм.

Серия сообщений "Уроки для блогов":

Часть 1 - Как скопировать текст с сайта, который защищен от копирования.
Часть 2 - Как взять картинку с альбомов Яндекс -фото
...
Часть 20 - Как просматривать и брать картинки с Яндекс фото в связи с новыми изменениями
Часть 21 - Как увидеть пароль вместо звездочек?
Часть 22 - Сделать текст с окошечком прокрутки (флеймом)
Часть 23 - Как быстро вставить в пост на ЛиРу картинку из Интернета
Часть 24 - Рамка для блога, имитирующая картину.
...
Часть 43 - Для тех, кто перестал получать сообщения и комментарии на почту.
Часть 44 - Календарь на ЛиРу, где находится и его функции
Часть 45 - Делаем бродилку по рубрикам дневника.

Как сделать рамочку для текста самому?

Всем привет! Иногда в личку приходят сообщения с просьбой рассказать как можно выделить текст простой рамкой, как бы делая акцент на определённую часть поста. Сейчас попробую это показать на примере.

Вариант 1. Рамка простая (к примеру, для цитат).
Будем исходить из того что в кодах Вы полный ноль или Вам просто не хочется их вручную прописывать. Тогда первое, что Вам нужно сделать - это открыть сообщение в простом редакторе, можно и в расширенном, но тогда не забудьте нажать на кнопку ИСТОЧНИК (в самом верху слева). Сделали? Молодцы, копируйте код из флейма и вставляйте в нужный участок поста.

<fieldset><legend><img src="Сюда вставить адрес картинки " /> </legend> Здесь написать Ваш текст.</fieldset>

Вставили? Идём дальше.

1. Там где написано - "Сюда вставить адрес картинки" - вставляете адрес нужной картинки. Где её взять? Есть только два варианта: первый - Вы должны её загрузить со своего ПК, второй - найти её в интернете и нажав на ней правую кнопку мыши, копировать ссылку на изображение.

2. Где написано - "Здесь написать Ваш текст" - думаю, проблем не возникнет - пишите всё что посчитаете нужным.

Точно так же делается рамочка с заголовком вместо картинки. Копируйте код из флейма и вставляете тексты.

<fieldset><legend><b>Заголовок </b> </legend>Здесь написать Ваш текст.</fieldset>

Вот и всё. В результате у Вас должно получится что-то подобное. С картинкой:

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

Маргарита Валуа

Учимся делать и другие рамки. Это очень просто! >>>

Рамки разные

ДАЛЕЕ...

Серия сообщений "Мои работы":
Часть 1 - Рамки разные
Часть 2 - Мои первые плееры
...
Часть 5 - Рамка для вас
Часть 6 - Рамка для вас
Часть 7 - Рамки разные
Часть 8 - Здравствуй осень!
Часть 9 - дожди
...
Часть 12 - благодарность
Часть 13 - Вы научили!
Часть 14 - киска

Рамки с гиф-анимацией для большого текста

Читать далее

Если хотите чтобы бабочки были по всем буквам, то берите код ниже:
<div style="background-image: url('//img0.liveinternet.ru/images/attach/c/5/86/484/86484424_che.jpg'); width:695px; padding:0px 0px 0px 0px;border: 0px;color:#ffffff; "><font size="+2" face="Times New Roman"><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/9/106/355/106355966_on2.gif'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#ffffff; background-position: 100% 100%; "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/5/86/485/86485097_moon.jpg'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#ffffff; background-position: 100% 0%; "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#ffffff; background-position: 100% 100%; "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/5/86/483/86483114_img8.gif'); padding:0px 0px 0px 0px;background-repeat: repeat;border: 0px;color:#550000; background-position: 0% 0%; "><div style="padding:10px 125px 5px 5px; "><br /><font color="#ffffff"><br /><br /> ВАШ ТЕКСТ <br /><br /><br /><br /></font></div></div></div></div></div></font></div>

Если хотите чтобы луна внизу, а выше - звезды., то берите код ниже. Остальное пространство просто черное.
<div style="background-image: url('//img0.liveinternet.ru/images/attach/c/5/86/484/86484424_che.jpg'); width:695px; padding:0px 0px 0px 0px;border: 0px;color:#ffffff; "><div style="background-image: url('//img1.liveinternet.ru/images/attach/c/9/106/374/106374193_large_3331.PNG'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#ffffff; background-position: 0% 0%; "><font size="+2" face="Times New Roman"><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/5/86/482/86482784_moon.gif'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#ffffff; background-position: 100% 100%; "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/5/86/483/86483114_img8.gif'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#550000; background-position: 0% 100%; "><div style="background-image: url('//img0.liveinternet.ru/images/attach/c/4/84/491/84491800_123.png'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px;color:#ffffff; background-position: 100% 100%; "><div style="padding:10px 125px 5px 5px; "><br /> ВАШ ТЕКСТ<br /></div></div></div></div></font></div></div>
Читать далее

<div style="background-image: url('//img1.liveinternet.ru/images/attach/c/5/86/485/86485231_stasik.gif'); padding:0px 0px 0px 0px;background-repeat: no-repeat;border: 0px; background-position: 15% 50%; "><div style="padding:2px 2px 2px 2px; "><br /> ВАШ ТЕКСТ<br /> <br /> </div></div>

Рамки с картинкой в уголке (плюс умные фразы - по совместительству смешные)

Сейчас вы находитесь тут: http://www.liveinternet.ru/users/ka82/post104193327/ Рамочки с прокруткой можно взять на http://www.liveinternet.ru/users/ka82/post98839509/ Рамочки без прокруток но с красивым-прекрасивым обрамлением вы можете взять тут: http://www.liveinternet.ru/users/ka82/post100211327/ Вот код рамки с НЕповторяющейся картинкой: <div style="background-color:ФОН ЗА ВСЕЙ РАМКОЙ; background-image: url('АДРЕС НЕБОЛЬШОЙ КАРТИНКИ В СТОРОНКЕ'); background-position:ПРОЦЕНТ СМЕЩЕНИЯ КАРТИНКИ ОТ ЛЕВОГО УГЛА НАПР.0% ПРОЦЕНТ СМЕЩЕНИЯ ПО ВЕРТИКАЛИ НАПР.100%; background-color:ЦВЕТ ВНУТРИ РАМОЧКИ; padding:ПОЛЯ ТЕКСТА СВЕРХУ НАПР.20px СПРАВА НАПР.20px СНИЗУ НАПР.80px СЛЕВА НАПР.100px; background-repeat: no-repeat(КАРТИНКА НЕ ПОВТОРЯЕТСЯ); border:ТОЛЩИНА РАМКИ ИЛИ НОЛЬ ОТСУТСТВИЕ НАПР.0px #000(ЭТО ЦВЕТ РАМКИ ЕСЛИ ОНА БОЛЬШЕ 0px); ДИЗАЙН РАМКИ(dashed-пунктирная или groove-цельная) ЦВЕТ ТЕКСТА;">ВАШ ТЕКСТ</div> В быстром варианте некоторые ненужные обозначения можно не писать. Вот некоторые рамки-заготовки, где вместо слов ВАШ ТЕКСТ надо писать свой текст, а все остальное трогать необязательно. Или, воспользовавшись удобным положением картинки, замените ее адрес на свой вкус. 1 Картинка слева background-position:0% 100%; Мне постоянно приходится спать с женщинами. Они уже меня задолбали. Хочу в химчистку. Плюшевый мишка. Камень, упавший в воду, всегда попадает в центр круга Грудь это лицо женщины! Если на вас напал водолаз - выдерните шнур, выдавите стекло. Плывут пароходы - привет Мальчишу, летят самолеты - привет Мальчишу, идут некрофилы... - остановились... Хотелось бы лично убедиться, что не в деньгах счастье. Человек может познать мудрость тремя путями: читать мудрые книги, учиться у мудрых людей или поссать на оголенный провод под напряжением... А не оскорбляют ли верующие религиозные чувства атеистов? Шампанское - пена для укладки в постель! <div style="background-image: url('//img1.liveinternet.ru/images/attach/c/6/92/668/92668669_0101.gif'); background-position:0% 100%; background-color:#FFFFFF; padding:20px 20px 80px 100px; background-repeat: no-repeat; border:0px dashed #e3e3e3;"> ВАШ ТЕКСТ <br /><br /><br /><br /><br /><br /><br /><br /></div> 2 Картинка справа background-position:100% 100%; Настоящий американец гордится своей родиной США, победившей Гитлера во вьетнамской войне в Чечне! Найти черную кошку в темной комнате очень просто, если в руках у тебя вкусная колбаска. Искусство ходить в походы определяется умением использовать взятые ненужные вещи вместо забытых нужных. Хорошо удовлетворённая жена в цветах не нуждается. <div style="background-image: url('//img1.liveinternet.ru/images/attach/c/6/92/668/92668725_0101.gif'); background-position:100% 100%; background-color:#FFFFFF; padding:20px 100px 100px 20px; background-repeat: no-repeat; border:0px dashed #e3e3e3;"><center> ВАШ ТЕКСТ <br /><br /><br /><br /></center></div> 3 Важно соблюдать ширину картинки и отступ, например, справа, полей текста. В данном примере правые буквы слегка накладываются на картинку: Ничто так не торопит на работу по утрам, как машина начальника в зеркале заднего вида Трудно поверить, но были времена, когда девушку могла привести в шок фраза - А мы видели какого цвета у тебя трусики... Семья - это корабль, на котором командует кок. Нейтральная примета, когда на пол падает вилка. Плохо, если она серебряная. Ещё хуже, если вы в гостях. И совсем плохо, если из вашего кармана. <div style="background-color:#000; background-image: url('//img0.liveinternet.ru/images/attach/c/6/92/668/92668938_000.jpg'); padding:20px 140px 20px 20px; border: 0px #fff groove; color: #87CEFA; background-repeat: no-repeat; background-position:100% 100%;"> ВАШ ТЕКСТ </div> 4 Подвинем картинку в серединку на 50% background-position:50% 100%; При наложении на картинку текст будет писаться поверх картинки. Иногда чтобы картинка вылезла полностью нужно воспользоваться пустыми строками ВАШ ТЕКСТ <div style="background-color:yellow; background-image: url('//img1.liveinternet.ru/images/attach/c/6/92/668/92668987_1.gif'); background-color:#FFFFFF; padding:20px 140px 20px 20px; border: 10px blue dashed; color: red; background-repeat: no-repeat; background-position:50% 100%;"> ВАШ ТЕКСТ </div>

Простые рамочки (по просьбе трудящихся :))_)

Скопируйте код и развлекайтесь )

<table border="1" bordercolor="#Х1" bgcolor="#Х2" background="#Х3" width="700" height="400" align="center"> <tbody align="center" valign="top"><tr><td>ТЕКСТ, КАРТИНКИ</td></tr> </tbody></table>



Вместо Х1, Х2, Х3 - надо ставить шестизначный код цвета.

Код цвета можно ТУТ взять. Для меня - это самый удобный вариант.
Но можно просто пользоваться таблицей - ТУТ

НАПРИМЕР:

border="5"
Х1 = 330000
Х2 = F8F1AA
Х3 = F8F1AA

Получите такую рамку

Пишите, что хотите, можете даже картинку вставить или плеер

________________________________________________


Вместо #Х3 можно поставить адрес картинки и будет рамочка с фоном.

ПРИМЕР

ПРИВЕТ ЛЮБИТЕЛЯМ ДОЖДЕЙ !

ВОТ КОД ПРИМЕРА
<table border="4" bordercolor="#FF0000" bgcolor="#B1E8FD" background="//img1.liveinternet.ru/images/attach/c/4/82/467/82467743_100_100_3.gif" width="700" height="480" align="center"> <tbody align="center" valign="top"> <tr> <td><br /> <font color="#080654"><b>ПРИВЕТ ЛЮБИТЕЛЯМ ДОЖДЕЙ !</b></font><br /> <br /> <img src="//img0.liveinternet.ru/images/attach/c/4/82/468/82468326_07.jpg" width="640" height="347" alt="07 (640x347, 78Kb)" /><br /> <br /> </td> </tr> </tbody></table>

ДЕРЗАЙТЕ ! У Д А Ч И ! ! !

Кстати, всё делаю в простом редакторе, т.к. в расширенном при редактировании сам чёрт ногу сломит. Лично я теряюсь...

немного о шрифтах и адресе картинки: Смотреть в КОММЕНТАХ. 2 часть

Немного о рамках.Фотошоп.Видео-уроки.

Читать далее...

Как делать рамки

Если вы хотите научиться делать рамки, то нет ничего проще.

Существует несколько видов кодов, я приведу в пример мой любимый.

<br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background=" ссылка на картинку "><tbody><tr><td><font face="Courier new" color="код цвета " size=" размер текста " font="font"><b><p align="center"><br /><br /> Ваш текст <br /><br /> </p></b></font></td></tr><br /><br /> </tbody></table> <center><br /> </center> </center>


*center*>- сообщение будет по центру.
*right*>- сообщение будет справа.
*left*>- сообщение будет слева.

style="WIDTH: 600px; HEIGHT: 150px"
WIDTH- ширина в пикселях
HEIGHT- длина в пикселях.

РАБОТА С ТЕКСТОМ. html коды для текста

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
...
Часть 11 - Все о бегущем тексте. Примеры и коды.
Часть 12 - Все о ссылках, оформление и коды.
Часть 13 - РАБОТА С ТЕКСТОМ. html коды для текста

ЛИРУ: РАБОТА С ТЕКТОМ

Для меня очень полезная информация: кое-что я из этого знала, но многое из этого было неведомо. Пригодится...

УМЕНЬШЕНИЕ ТЕКСТА   

 <small>ВАШ ТЕКСТ</small>      ВАШ ТЕКСТ маленький текст      

<font size="-2">текст</font>    текст Уменьшить текст на «-2»


УВЕЛИЧЕНИЕ ТЕКСТА

<font size="+1">текст</font>     текст на «+1»

<font size="+2">текст</font>    текст на «+2»

<font size="+3">текст</font>    текст на «+3»

<font size="+4">текст</font>    текст на «+4»


ВЫДЕЛЕНИЕ ЦВЕТА

<font color="red">текст</font>    текст красный текст

font color="yellow">текст</font>    текст желтый текст