Это цитата сообщения ВЕТЕР__ПЕРЕМЕН Оригинальное сообщение

Спасибо ей за уроки могут сказать многие, но многие еще нуждаются в ее уроках. К сожалению она удалила свой дневник. И прочитать ее цитаты целиком уже невозможно. Но я попыталась собрать ее уроки, здесь у себя, для того, чтоб те, кто в них нуждается могли продолжать учиться создавать красоту. Очень жаль, что она больше нас не обучает, но те уроки, которые она давала помнят многие.


Представляю Вам один из ее уроков
Цитата сообщения _Н_А_Т_А_Л_И_Я_
Учимся делать рамочки 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 регулирует реакцию браузера, если реальные размеры блока не соответствуют заданным и может возникнуть его переполнение.