вопрос
Наткнулся на сайт http://www.kamsha.ru/
Если открыть сайт в IE, то вертикальные полосы прокрутки зелёные. Это понятно, в стилях имеются нестандартные свойства:
BODY {scrollbar-face-color: #2B6824; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #41A734; scrollbar-3dlight-color: #3F9934; scrollbar-darkshadow-color: #2A5F23; scrollbar-track-color: #317329; scrollbar-arrow-color: #222222; font-family:Times New Roman;}
Вся фишка в том, что в Опере полосы прокрутки тоже зелёные.
Просто скопировать стили и вставить их в свой css-файл - не получается (то есть скопировать получается, но прокрутка не выглядит зелёной). Более того - даже если сохранить указанную страничку в mht и открыть её оффлайн в опере - полосы прокрутки становятся стандартными.
Вопрос - каким образом это реализовано?? Как сделать цветной скроллбар в Опере?
Если открыть сайт в IE, то вертикальные полосы прокрутки зелёные. Это понятно, в стилях имеются нестандартные свойства:
BODY {scrollbar-face-color: #2B6824; scrollbar-shadow-color: #000000; scrollbar-highlight-color: #41A734; scrollbar-3dlight-color: #3F9934; scrollbar-darkshadow-color: #2A5F23; scrollbar-track-color: #317329; scrollbar-arrow-color: #222222; font-family:Times New Roman;}
Вся фишка в том, что в Опере полосы прокрутки тоже зелёные.
Просто скопировать стили и вставить их в свой css-файл - не получается (то есть скопировать получается, но прокрутка не выглядит зелёной). Более того - даже если сохранить указанную страничку в mht и открыть её оффлайн в опере - полосы прокрутки становятся стандартными.
Вопрос - каким образом это реализовано?? Как сделать цветной скроллбар в Опере?
Как сделать цветной скроллбар в Опере?
<style>
body{
scrollbar-face-color: gray;
scrollbar-arrow-color: black;
scrollbar-highlight-color: #fffbf0;
scrollbar-3dlight-color: gray;
scrollbar-shadow-color: #fffbf0;
scrollbar-darkshadow-color: red;
scrollbar-track-color: #ccc;
}
</style>
<script>
function selectCode(f){
document.forms[f].elements[0].focus();
document.forms[f].elements[0].select();
}
function changeScrollbarColor(C){
if (document.all){
document.body.style.scrollbarBaseColor = C
}
}
</script>
Вообще, все эти scrollbar css фичи поддерживаются только IE.
Если в Opera у вас получится изменить цвет Scroll Bar'а, то в firefox такое не прокатит. Там надо разбираться с альтернативными видами решений, например, http://jscrollpane.kelvinluck.com/ . Но это того не стоит.