-Рубрики

 -Поиск по дневнику

Поиск сообщений в Татьяна_Гусакова

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 03.12.2012
Записей:
Комментариев:
Написано: 20020


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

Суббота, 19 Октября 2013 г. 01:19 + в цитатник
Цитата сообщения О_себе_-_Молчу ПРОСТЫЕ РАМОЧКИ и ШРИФТ

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

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

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

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

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


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

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



Поверьте, что всё очень просто. Потратите минут 5-10 на тренировки
в черновике и всё станет ясным как божий день. Если уж я научилась...)
Ещё "Простые рамочки" ТУТ_0 0 себе молчу РїСЂ (104x50, 8Kb)
Рубрики:  БЛОГИ/создание рамок
БЛОГИ/Коды
Метки:  

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку