• Авторизация


ПРОСТЫЕ РАМОЧКИ и ШРИФТ 06-09-2018 14:20 к комментариям - к полной версии - понравилось!

Это цитата сообщения О_себе_-_Молчу Оригинальное сообщение

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

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

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

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

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

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


Где:
border="2" - цифра обозначает ширину бордюра в пикселях;

шестизначный набор цифр-букв — это код цвета:

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

Рамочка с заданной шириной


width="720" — цифра - это ширина рамочки в пикселях.

Как вы, наверное, уже догадались, весь "ДИЗАЙН"
данных рамочек состоит всего лишь в изменении цветов
подложки, бордюра и текста простой подстановкой кода цвета!


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


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


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


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

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

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


Где:
text-align: center (right или left) —
текст по центру (справа, слева)

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

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

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

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



Поверьте, что всё очень просто. Потратите минут 5-10 на тренировки
в черновике и всё станет ясным как божий день. Если уж я научилась...)
Ещё "Простые рамочки" ТУТ_0 0 себе молчу РїСЂ (104x50, 8Kb)
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник ПРОСТЫЕ РАМОЧКИ и ШРИФТ | tamaralos - Дневник tamaralos | Лента друзей tamaralos / Полная версия Добавить в друзья Страницы: раньше»