Как делать рамки

Если вы хотите научиться делать рамки, то нет ничего проще.

Существует несколько видов кодов, я приведу в пример мой любимый.

<br /> <center><table style="WIDTH: 600px; HEIGHT: 150px" cellspacing="8" cellpadding="3" width="590" align="center" border="3" background=" ссылка на картинку "><tbody><tr><td><font face="Courier new" color="код цвета " size=" размер текста " font="font"><b><p align="center"><br /><br /> Ваш текст <br /><br /> </p></b></font></td></tr><br /><br /> </tbody></table> <center><br /> </center> </center>


*center*>- сообщение будет по центру.
*right*>- сообщение будет справа.
*left*>- сообщение будет слева.

style="WIDTH: 600px; HEIGHT: 150px"
WIDTH- ширина в пикселях
HEIGHT- длина в пикселях.

1
Можно менять цвет прокрутки:
scrollbar-face-color - это цвет передней стороны панели прокрутки
scrollbar-track-color - это цвет полосы, по которой "ходит" панель прокрутки.
scrollbar-arrow-color - это цвет треугольника на верхнем и нижнем квадратах.
scrollbar-shadow-color - это цвет нижней и правой граней панели прокрутки.
scrollbar-darkshadow-color - это цвет тени от панели прокрутки.
scrollbar-highlight-color - это цвет верхней и левой граней панели прокрутки
scrollbar-3dlight-color - это цвет отсвета.
#FFFFFF - это коды цвета, которые можно менять.
*******
Внешний отвечает за фон, рамку и размер:
свойство border определяет вид границы - стиль, цвет и ширину;
- свойство background-color определяет цвет фона, который вы видите, пока подгружается фоновая картинка background-image (или в случае, если у вас отключена подкачка картинок);
- свойства width и height определяют соответственно ширину и высоту слоя, измеряются в пикселях. Можно также и в процентах (от размера окна).
*******
Внутренний div отвечает за стиль шрифта и прокрутку.
Даже если текста много, можно запихнуть его в маленькое окошко:
- свойство border определяет вид границы - стиль, цвет и ширину;
- свойство background-image определяет очередную фоновую картинку;
- свойство overflow регулирует реакцию браузера, если реальные размеры блока не соответствуют заданным и может возникнуть его переполнение.

2

Шаблоны для оформления постов.

Не знаю, насколько это в тему ващего сообщества. Если подобным постом нарушаю вашу тематику или правила,то пускай модераторы удаляют. А если всё нормально, то вот вам шаблоны/фоны для оформления постов(здесь не всё, в основном у меня в дневнике они все)

Рамка с фоном "Flower of freedom":

Выглядит:


Пишется:
<div style="background-color:#fff; background-image:url('http://img61.imageshack.us/img61/884/18559255svobodanm7.jpg'); padding:20px 20px 20px 20px; border: 4px #ADD8E6 solid;background-repeat:no-repeat;background-position:100% 100%;"> ВАШ ТЕКСТ</div>

Рамка с фоном "Клубника":

Выглядит:


Пишется:
<div style="background-color:#FFE4E1; background-image:url('//img1.liveinternet.ru/images/attach/b/1/18579/18579993_Klubnika.jpg'); padding:20px 20px 50px 20px;border: 2px #DAA520 groove;color: #DAA520; background-repeat: no-repeat;"> ВАШ ТЕКСТ</div>

Дальше ещё интереснее. тыкаем сюды

Сразу хочу написать - все рамочки в этом примере и в последующих,
взяты у ПРИРОДНАЯ,
сама не делаю, беру только у НАТАШИ!!!
Спасибо ей большое за ее труд!!!
Для того, чтобы иметь рамку для переделки,
можно (Наташа их для нас и делает)
и нужно ПРОЦИТИРОВАТЬ понравившуюся рамку в цитатник.
Взяли. Процитировали. Сказали спасибо)))

Возьмем к примеру эту.

ВАШ ТЕКСТ

Читать далее...

Для начала возмем однослойную рамочку и разберем ее что к чему и для чего.

Ваш текст

Читать далее...

В этом уроке берем 2-слойную рамочку,начать же урок хочу с того о чем забыла упоминуть в предыдущем уроке.

Ваш текст

Читать далее...

Теперь будем учиться делать такую рамочку.
И не надо пугаться все гораздо проще чем может показаться.

Ваш текст

Читать далее...

Уважаемые читатели,первый урок самый важный ,там расписаны слои,они вам показаны наглядно,надо усвоить чем начинается слой и где он заканчивается ,иначе вашим ошибкам не будет конца!!!!
Мы уже умеем добавлять слои,умеем вставлять картинку и умеем делать рамочку в рамочке.
Теперь я покажу как сделать в рамочке две рамочки.
За основу опять возмем 2-хслойную рамочку.

Ваш текст

Читать далее...

В принципе игру со слоями можно самому проделать как нам больше нравиться,все зависит от вашего вкуса,добавлять слои мы уже умеем.
Давайте в этом уроке поиграем с текстом.
Ну что же начнем.
Для начала сделаем рамку с плывущем текстом.
Опять таки ничего сложного нет,
просто надо вставлять определенный тег перед текстом.
За основу я возьму рамку с предыдущего нашего урока.

Ваш текст

Читать далее...

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

ВАШ ТЕКСТ

Читать далее...

Учимся делать рамочки 7

Теперь на примере простой рамочки разберем кое какие ньюансы,
о которых не было упомянуто в прошлых уроках.

Ваш текст

Читать далее...

Учимся делать рамочки 8

Это урок мы тоже посвятим маленьким мелочам.
Начнем с того,что введем заголовок в нашу рамку и заставим его двигаться.
Вот так:

Ваш заголовок.... ВАШ ТЕКСТ

Читать далее...

Учимся делать рамочки 9

Сегодня опять поговорим о ручном вводе тег рамочек.
Затронем только два вида рамочек,они сильно не отличаются друг от друга.но пару тонкостей все же есть.
Вот первый тип рамочки:

ВАШ ТЕКСТ

Читать далее...

Учимся делать рамочки 10

Продолжаем делать рамочки.
Первый этап мы закончили,если возникнут вопросы по нему я думаю мы все дороботаем по ходу.
Теперь приступим к рамочкам,где картинка стоит не над текстом,а сбоку от него.
Первый вариант самый простой:
это когда загружаем картинку надо просто поставить галочку,там где хотим видеть картинку справа или слева,здесь все просто все делается на автомате,хотя этот тег можно вводить в ручную ничего сложного здесь нет,но думаю мы его все равно пропишем так на всякий случай.
и так берем рамочку в которую будем вставлять нашу картинку,я взяла самую простую:

ВАШ ТЕКСТ

Читать далее...

Учимся делать рамочки 11

Теперь продолжим наш предыдущий урок и вставим нашу картинку сбоку,но уже в сложную рамочку.За основу возьму рамочку с 4-мя слоями:

ВАШ ТЕКСТ

Читать далее...

Учимся делать рамочки 12

Теперь будем учиться делать боковую рамочку с прокруткой.
За основу возьму рамочку с прошлого урока,вот эту:

ВАШ ТЕКСТ

Читать далее...

Учимся делать рамочки 13

Ну что же мои читатели наши уроки подходят к концу.
Надеюсь всем было интересно,остальное по большому счету зависить от вашего воображения и вкуса.Фантазируйте и ваши посты будут неподражаемы.
Удачи вам!!!
Если у вас остались воросы задавайте и мы еще раз все пропишем.
...............................Ваша Наталия

Учимся делать рамочки 14

Ну что же я думаю,что все разобрались с этими рамками,раз вопросы не возникают.
Тогда приступим к другому типу рамок.Их код довольно отличается от кода предыдущих рамок.Но я думаю,что с ними тоже следует разобраться,так как они дают очень интересный вид.Все дело в том,что картинка в этих рамках не завязана жестко в границы рамки,ее можно ставить произвольно.
Вот пример этой рамки(текст поставила для наглядности):

Жизнь легковерна и обманна…
Сопротивляясь року,злу,
Я в ней – нечаянная тайна,
А может и не в ней живу…

Смешал пылинки мирозданья
Язычник или христьянин –
Толпа бежит на покаянье,
Домой вернулся блудный сын.

А наша жизнь всего лишь случай,
Всего лишь искорка во тьме.
Но ищем мы где свято-лучше,
Ждём искупления извне.

Судьба годами хороводит-
Живём по вЕленью Христа.
Вдруг, в одночасие, выходит,
Что рядом ложь и суета.

В церквах от Елея и мирры
Сладко-туманящая мгла.
Не «сотворив себе кумира»,
Как уберечь добро от зла?

Читать далее...

Учимся делать рамочки 15

Теперь в URL-рамку поставим текст с прокруткой и сделаем ее немного сложнее.
Для этого за основу возмем на простую URL-рамку.
Вот такую:

Ваш текст

Читать далее...

Учимся делать рамочки 16

Теперь поговорим о том как в URL-рамку поставить текст с прокруткой.
Так как многое нам известно из предыдущих уроков,этот урок будет коротким и не замысловатым.
Читать далее...