Помощь - Поиск - Пользователи - Календарь
Полная версия: CSS
Форумы HomeNet.kr.ua > Увлечения > В мире науки техники > Программирование
NAVIGATOR
Хотелось бы сдесь обсуждать этот "способ" улучшения скорости загрузки, оформления и красоты веб-страниц. Лично у меня знания поверхностные... Кто шарит, помогите с...
1) Какая разница между ИД и классом?
2) фильтры и визуальные элементы... Как сделать елемент скролируемым (+ параметры цвета скрола...)? Какие интересные бывают фильтры?
ЗАРАНЕЕ БЛАГОДАРЕН!!!
bomfunkY
Вот тебе параметры цвета скролла:

scrollbar-face-color:#3D4AF0;
scrollbar-highlight-color:#7B8DF9;
scrollbar-3dlight-color:#7B8DF9;
scrollbar-darkshadow-color:#2109D6;
scrollbar-shadow-color:#2109D6;
scrollbar-arrow-color:#7B8DF9;
scrollbar-track-color:#7B8DF9;

Если хочешь вставить запись в html, вот:

Способ намбер ван:
Создай текстовый файл с расширением ".css", например "scroll.css", помести его в папку "skin" и вставь в него следующий код:

BODY {
scrollbar-face-color:#3D4AF0;
scrollbar-highlight-color:#7B8DF9;
scrollbar-3dlight-color:#7B8DF9;
scrollbar-darkshadow-color:#2109D6;
scrollbar-shadow-color:#2109D6;
scrollbar-arrow-color:#7B8DF9;
scrollbar-track-color:#7B8DF9;
}


а в HTML странице укажите ссылку на этот файл (между тегами <HEAD> и </HEAD>)

<LINK href="/skin/scroll.css" id=skinCSS rel=stylesheet type=text/css>

Способ намбер ту:

Вставь этот пример html кода между тегами <body> и </body>


<STYLE type="text/css"><!--
BODY {
scrollbar-face-color:#3D4AF0;
scrollbar-highlight-color:#7B8DF9;
scrollbar-3dlight-color:#7B8DF9;
scrollbar-darkshadow-color:#2109D6;
scrollbar-shadow-color:#2109D6;
scrollbar-arrow-color:#7B8DF9;
scrollbar-track-color:#7B8DF9;
}
--></STYLE></span>





Свойства scrollbar'а:

1. Свойство
scrollbar-base-color
Это свойство задает основной цвет полосы прокрутки. Если не определены другие свойства полосы прокрутки, то бегунок и фон кнопки прокрутки будут отображаться определенным вами цветом с применением трехмерных эффектов. Фон полосы прокрутки будет отображаться тоже этим цветом, но только осветленным.
2. Свойство
scrollbar-face-color
Это свойство определяет цвет бегунка и фона кнопки прокрутки
3. Свойство
scrollbar-track-color
С помощью свойства scrollbar-track-color можно определить фон полосы прокрутки.
4. Свойство
scrollbar-shadow-color
Internet Explorer применяет трехмерные эффекты при рисовании бегунка и кнопок прокрутки. По правой и нижней границе он проводит две линии вдоль границы толщиной в один пиксель. Первая с внутренней стороны линяя имеет цвет, определенный свойством scrollbar-shadow-color, вторая цвет, определенный свойством scrollbar-darkshadow-color.


Соответственно по левой и верхней границе тоже проводятся две линии, которые имеют цвета совпадающие со значениями свойств scroll-bar-3dlight-color и scroll-bar-hightlight-color идя с внутренней стороны.

Свойство scrollbar-darkshadow-color
Свойство scrollbar-highlight-color
Свойство scrollbar-3dlight-color
См. выше в подразделе "Свойство scrollbar-shadow-color".

Свойство scrollbar-arrow-color
Цвет изображения стрелки на кнопке прокрутки.

С уважением bomf)


NAVIGATOR
спасибо Бомфанки))) но как сам скрол поставить???
пробовал на елемент поставить параметры css
overflow:scroll;
height:50;
-скролируемой таблици нет((((
bomfunkY
Между <head> </head>:

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
.navi {
overflow: scroll; /* Добавляем полосы прокрутки */
width: 310px; /* Ширина блока */
height: 160px; /* Высота блока */
padding: 5px; /* Поля вокруг текста */
border: solid 1px black; /* Параметры рамки */
}
</style>


Между <body> </body>:


<div class="navi">
бла-бла-бла<br>
бла-бла-бла<br>
бла-бла-бла<br>
бла-бла-бла<br>
бла-бла-бла<br>
бла-бла-бла<br>
</div>

Надеюсь, я тебя правильно понял) См. Скрин - вот что получится, с параметрами цветов скролла


NAVIGATOR
стили обязательно нужно писать в документе html???Потому что я пробовал стиль писать в отдельном style.css .
Teenager
Нави.... авось прочитаешь. Оно на английском, но ведь там в основном сам CSS))

NAVIGATOR
Спасибо Рома, но литература не получает опыт работы... и не всегда несет истину (тем более англ.) happy.gif .
Teenager
ты прав, литература не получает опыт работы smile.gif
NAVIGATOR
поправочка- не дает smile.gif
Это "текстовая" версия, возможен просмотр только основного контента. Для просмотра полной версии этой страницы, пожалуйста нажмите сюда.
Invision Power Board ©