Это цитата сообщения Arnusha Оригинальное сообщение

Делаем оригинальные рамочки без фонов. Урок!

Вот такие рамочки с оригинальным дополнением без фонов можно использовать под ваши изображения, фото, текст. Очень просты в использовании, не надо подбирать фон. Потратите несколько минуток, что бы поставить код цвета, поменять ширину обводки, ширину рамки и оля_ля..рамочка готова. Мне лично нравятся. Кто захочет тоже делать такие, объясню, что в коде рамочек вы будете менять по-своему желанию. А кого устраивает и такой цвет, для тех я выставлю коды. И пожалуйста меняйте значения именно там, где я указала и нигде больше! Итак: под каждой рамочкой идет скрин, где я указала, где и что менять.
Начнем с этой, с разрывом. Многие из вас такими пользуются, немного другого дизайна и она уже смотрится более оригинальной. Подчеркну: все что я указала на скрине, можно менять - и цвет и px.

...Здесь будет ваша запись...картинки...

КОД РАМКИ

<center><table style="background-color: #000000; border:6px dotted; color: #EFE298; padding: 5px;" width="810"><tr><td style="padding:24px"><fieldset style="border: 4px dotted #EFE298;"><legend><a title="Arnusha" href="http://arnusha.ru/profile" target="_blank"><img src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#EFE298;">...Здесь будет ваша запись...картинки...<br /> <br /> <br /> </span></center></fieldset></td></tr></table></center>

СКРИН


На скрине мы видим,что можно менять по-своему усмотрению:
1. Это цвет рамки, в данном случае это черный
2. Это внешняя обводка. Чем больше или меньше значение, тем оно будет меняться
в ту или иную сторону. Ниже будут рамочки и вы увидите, что я имела в виду.
3. Это цвет внешней обводки. В этой рамочке он желтый.
4. Ширина внешней обводки.
5. Ширина рамочки
6. Это внутренняя обводка с разрывом. В этой рамке обводка уже меньше, но вы можете поменять значение,об этом я указала во втором пункте
7. Цвет внутренней обводки
8. А это будет ваш логотип,картинка. Она будет стоять на месте разрыва. Это всем понятно
9. А это цвет шрифта

Всё. Если все понятно, посмотрите еще несколько вариантов.
Например,такая...без внешней обводки,но тоже с разрывом. Там все тоже самое

...Здесь будет ваша запись...картинки....

<center><table style="background-color: #000000; border-style: " 3px="3px" dashed="dashed" width="810"><tr><td style="padding:24px"><fieldset style="border: 3px dashed #FAEC7F;"><legend><a title="Arnusha" href="http://arnusha.ru/profile" target="_blank"><img src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#FAEC7F;">...Здесь будет ваша запись...картинки....<br /> <br /> <br /> </span></center></fieldset></td></tr></table></center>

CКРИН


1. Цвет рамки
2. Ширина рамки
3. Ширина внутренней обводки
4. Цвет обводки
5. Ваш логотип
6. Цвет текста

Или такая

...Здесь будет ваша запись...

<center><table style="background-color: #000000; border-style: groove; color: #FF0000; padding: 0px;" width="810"><tr><td style="padding:24px"><fieldset style="border: 4px dashed #FF0000;"><legend><a title="Arnusha" href="http://arnusha.ru/profile" target="_blank"><img src="http://img-fotki.yandex.ru/get/6803/39663434.678/0_9ed5e_4dcf0316_S.png" width="150" height="118" border="0" /></a></legend><center><span style=";font-family:Georgia;font-size:20px;color:#FF0000;">...Здесь будет ваша запись...<br /> <br /> </span></center></fieldset></td></tr></table></center>

Еще варианты

...Здесь будет ваша запись...картинки

<center><table style="background-color: #593e29; border-style=" solid="solid" width="800"><tr><td style="padding:28px"><table border="0" height="0" id="table4" style="border: 3px dotted #EFE298; " cellpadding="4" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"><font color="#EFE298"><br /> ...Здесь будет ваша запись...картинки<br /> <br /> </font></font></center></td></tr></table></td></tr></table></center>

1. Цвет рамки
2. Ширина рамки
3. Размер обводки
4. Цвет обводки
5. Опять ширина рамки
6. Цвет шрифта

...Здесь будет ваша запись...

<center><table style="background-color: #000000; border-style=" solid="solid" width="800"><tr><td style="padding:28px"><table border="0" height="0" id="table4" style="border: 8px dotted #EFE298; " cellpadding="4" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"><font color="#EFE298"><br /> ...Здесь будет ваша запись...<br /> <br /> </font></font></center></td></tr></table></td></tr></table></center>

А это рамочки на прозрачном фоне. Здесь вообще все просто

....Ваш текст...картинки...

<center><table border="0" height="0" id="table4" style="border: 10px dotted #000000; " cellpadding="4" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"><br /> ....Ваш текст...картинки...<br /> <br /> </font></center></td></tr></table></center>

меняем только размер обводки, цвет обводки и ширину рамки

....Ваш текст...картинки...

<center><table border="0" height="0" id="table4" style="border: 4px dotted #ff0000; " cellpadding="5" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"><br /> ....Ваш текст...картинки...<br /> <br /> </font></center></td></tr></table></center>

....Ваш текст

<center><table border="0" height="0" id="table4" style="border: 4px dashed #0033CC; " cellpadding="5" cellspacing="2" width="800"><tr><td style="padding: 1px;"><center><font style="font-size:24px;"><br /> ....Ваш текст<br /> <br /> </font></center></td></tr></table></center>

Код
необходимо вводить в ПРОСТОМ редакторе поста. Слова "ВАШ ТЕКСТ"
заменяйте на любой ваш текст и наслаждайтесь оригинальностью оформления
поста.

<center><div style="border: 2px dashed #ff0000; padding: 10px;" width="800">Код <br /> необходимо вводить в ПРОСТОМ редакторе поста. Слова "ВАШ ТЕКСТ" <br /> заменяйте на любой ваш текст и наслаждайтесь оригинальностью оформления <br /> поста.</div></center>

В прозрачных рамочках цвет шрифта оставляю на ваше усмотрение.
В помощь вам флеш-генератор цветовых кодов


Всем здоровья!!!
Ваша Arnusha

Серия сообщений "Рамочки простые":

Часть 1 - Рамки для текста *цветочные фоны*
Часть 2 - Простые текстовые рамочки с фоном *кружева*
...
Часть 46 - Рамочки с ярко-красочным однотонным анимированным фоном
Часть 47 - Рамочки с ярко-красочным фоном
Часть 48 - Делаем оригинальные рамочки без фонов. Урок!