ПРОСТЫЕ РАМОЧКИ и ШРИФТ

Четверг, 22 Мая 2014 г. 22:05 + в цитатник

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

Прочитать целиком В свой цитатник или сообщество!

ПРОСТЫЕ РАМОЧКИ и ШРИФТ

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

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

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

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

КОДЫ:

Раздвигающаяся рамочка по ширине текста

<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" - код скопируется на мышку и вставьте, куда вам надо: цвет бордюра, подложки, текста.
Цвет бордюра можете выбирать в той же палитре, что и цвет подложки. Справа внизу есть окошко с палитрой данного цвета. Поводите там курсором и определитесь с цветом бордюра.

Для тех, кому интересно, могу немного подробнее рассказать о шрифтах.
Мы в рамочках использовали такой код цвета шрифта

При этом размер и шрифт остаётся тот же, что заложен в дизайне. НО...

Для написания текста можно пользоваться таким
кодом, где заложено всё.

<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
... и т.д., вообще шрифтов навалом)

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

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