Делаем оригинальные рамочки без фонов. Урок!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;">...Здесь будет ваша запись...картинки... </span></center></fieldset></td></tr></table></center>

СКРИН [more=кому интересно,вам сюда] На скрине мы видим,что можно менять по-своему усмотрению: 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;">...Здесь будет ваша запись...картинки.... </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;">...Здесь будет ваша запись... </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"> ...Здесь будет ваша запись...картинки </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"> ...Здесь будет ваша запись... </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;"> ....Ваш текст...картинки... </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;"> ....Ваш текст...картинки... </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;"> ....Ваш текст </font></center></td></tr></table></center>

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

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

В прозрачных рамочках цвет шрифта оставляю на ваше усмотрение. В помощь вам флеш-генератор цветовых кодов [flash=400,400,http://clock.moy.su/tpl/flash/color.swf] Всем здоровья!!! Ваша [user=Arnusha]