Цитата сообщения О_себе_-_Молчу

Увидала в цитате примеры простых рамочек с каким-то диким, совершенно неудобоваримым кодом, да ещё и внизу рамочки ссылка на "дизайнера" (?!! )
Не будем называть имён )
А между тем, всё намного проще и рамочку можно склепать за одну минуту, пользуясь очень простым кодом!

ВАШ ТЕКСТ Рамочка раздвигается сама по ширине текста

РАМОЧКА С ЗАДАННОЙ ШИРИНОЙ (по вертикали она сама раздвинется)

В эти же рамочки можете вставлять картинки, плеер, видео.

КОДЫ:
Раздвигающаяся рамочка по ширине текста
<table border="2" bordercolor="#FF1111" bgcolor="#FFF9F9" cellpadding="5" cellspacing="3"><tbody><tr><td> <font color="#FF1111">ВАШ ТЕКСТ</font> </td></tr></tbody></table>
Где:
border="2" - цифра обозначает ширину бордюра в пикселях;

шестизначный набор цифр-букв — это код цвета:
bordercolor="#FF1111" — бордюра;
bgcolor="#FFF9F9" — подложки (цвет внутри рамочки);
font color="#FF1111" — цвет текста.
В данном случае использую цвет для текста такой же, как и для бордюра, но можно задать любой. Если не задавать цвет, то будет цвет, заложенный в дизайне!!! Т.е., если рамочка чёрная и чёрный цвет шрифта заложен в дизе, то вы такой текст в рамочке просто не увидите.

Рамочка с заданной шириной
<table border="2" bordercolor="#3B4F1C" bgcolor="#DEEBC8" width="720"><tbody><tr><td> <center><font color="#3B4F1C">С ЗАДАННОЙ ШИРИНОЙ</font></center> </td></tr></tbody></table>
width="720" — цифра - это ширина рамочки в пикселях.



В общем, вот и вся премудрость!!!

---

Где взять код цвета? Да прямо тут:


Двигайте бегунок по полю с цветом и выбирайте подходящий цвет и нажмите "copy" - код скопируется на мышку и вставьте, куда вам надо: цвет бордюра, подложки, текста.
Цвет бордюра можете выбирать в той же палитре, что и цвет подложки. Справа внизу есть окошко с палитрой данного цвета. Поводите там курсором и определитесь с цветом бордюра.

---

Для тех, кому интересно, могу немного подробнее рассказать о шрифтах.
Мы в рамочках использовали такой код цвета шрифта
<font color="#7A3B75">Ваш текст</font>
При этом размер и шрифт остаётся тот же, что заложен в дизайне. НО...

Для написания текста можно пользоваться таким
кодом, где заложено всё.
<div style="text-align: center; font: 20px Georgia; color: #283613; padding: 0px;"> ВАШ ТЕКСТ</div>
Где:
text-align: center (right или left) —
текст по центру (справа, слева)

font: 20px — размер шрифта (хотите увеличить/уменьшить шрифт - поставьте большую/меньшую цифру)

Georgia — вид шрифта, меняйте, как хотите:
Arial, Cambria, Tahoma, Verbana, times new roman, courier new, century gothic
... и т.д., вообще шрифтов навалом)

color: #283613 - код цвета для шрифта.

P.S.
Если хотите текст жирный, наклонный, подчёркнутый или всё вместе - можно варьировать, ставьте текст между...

<b>ЖИРНЫЙ</b> <i>НАКЛОННЫЙ</i> <u>ПОДЧЁРКНУТЫЙ</u>