Это цитата сообщения VolshebnicaS Оригинальное сообщение

Урок № 6 Учимся делать рамочки УРОКИ по созданию рамочек для дневника принадлежат _П_Р_И_Р_О_Д_Н_А_Я_ А сейчас поучимся делать рамку с прокруткой,это довольно сложно,поэтому начнем с самой простой рамки в этом случае. Вот с такой:

[375x398] ВАШ ТЕКСТ

За основу взяла самую постую рамочку с картинкой:

[375x398] ВАШ ТЕКСТ

А это рамочка прокрутки которую мы будем вставлять в нашу рамочку:

ВАШ ТЕКСТ

сейчас мы разберем ее на части и посмотрим,что за что отвечает: 1.Здесь задаем расположение нашей рамки по центру: [показать] 2.Это есть начало нашей прокрутки(то есть задвается сама таблица и дальне пойдут теги ее оформления): [показать] 3.это задает режим прокрутки(дословный перевод мне не понятен): [показать] 4.здесь мы задаем цвет треугольничков прокрутки: [показать] вот эти треугольнички: [показать] 5.здесь задается цвет бортика и его размер(по порядку): [показать] 6.здесь задаем размеры нашей прокрутки (первый размер это ширина,ее лучше задавать в %, и она сама растянется по нашей основной рамочке;второй размер это ее высота,ее задаем так как нам удобно): [показать] 7.эта команда задает цвет нашего фона(можно задавать числовым кодом,как для текста): [показать] 8.следующая команда применяется,если мы хотим ставить фоном картинку. В этом случае предыдущая команда просто полностью удаляется,а вместо обведенного URL ,ставим адрес картинки без ковычек(что такое адрес картинки было описано в прошлых уроках(принцип смены фона таблицы).): [показать] Теперь после того как все разобрали,вводим получившейся код в нашу рамочку,сразу после картинки,вот так(розовым подчеркнула адрес картинки,а красным код нашей прокрутки и его отмену,то что не подчеркнуто внутри нашей прокрутки-это теги нашего текста,их мы тоже разберали на предыдущих уроках): [показать] В принципе все,если что не понятно пещите,дополню урок. Я пользуюсь вот этой подсказкой,здесь много разных тег,которыми можно дополнить нашу рамочку прокрутки: Можно менять цвет прокрутки: 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 регулирует реакцию браузера, если реальные размеры блока не соответствуют заданным и может возникнуть его переполнение.