Scrollbar, przerobienie skryptu Opcje

[Ridd]

Witam.

Od niedawna staram uczyć się tworzyć strony internetowe. Całkiem nieźle mi to wychodzi, ale ostatnio zachciało mi się zmienić wygląd scrollbara. Nie ukrywam, że znalazłem multum tematów na ten temat( w większości po angielsku) ale mimo to nie potrafie ich przerobić czy przenieść na swoją stronę. Siedze z tym trzeci dzień, jeden scrollbar udało mi się przenieść i działa, ale nie potrafię zmienić jego wyglądu.

Do rzeczy :

dziś znalazłem tą strone : http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html

i probówałem działać najpierw według tutoriala, a potem po po prostu skopiowałem kod z przykładu 4 i dodatkowo wrzuciłem w folder jsscrollbar.js , ale mimo to nie działa mi nadal.


Nie oczekuję gotowego kodu, ale miło by było gdyby ktoś mógłby mi wytlumaczyć jak należy postępować z takimi plikami.

Z góry dziękuje i pozdrawiam (IMG:style_emoticons/default/wink.gif)

[kamil4u]

1. Instalujesz firebug-a pod FF( lub coś zastępczego pod inną przeglądarką)
2. Uczysz się jego obsługi
3. Wchodzisz na http://www.n-son.com/scripts/jsScrolling/example4.html
4. Zdajesz sobie sprawę, że wygląd zmienia się za pomocą CSS
5. Za pomocą firebug-a badasz pasek i dowiadujesz się co to za element
6. Orientujesz się, że w tym wypadku wszelkie kolory to zmiana background-color
7. Wchodzisz w źródło strony
8. Szukasz CSS
9. Zauważasz, że część ze stylów odnosi się do paska
10. Bawisz się tymi stylami
11. Zdajesz sobie sprawę, że nie wszystko się zmienia jak powinno
12. Domyślasz się, że coś jeszcze musi zmieniać styl - tym czymś jest JS
13. Za pomocą JS najprościej zmienić styl: el.style.nazwaNazwa = 'wartość';
14. Szukasz czegoś takiego + background-color
15. Znajdujesz w kodzie:

Kod

    if (type == "mousedown") {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#E3E3E3";
        else o.style.backgroundColor = "#BBB";
    } else {
        if (o.className == "Scrollbar-Track") o.style.backgroundColor = "#EEE";
        else o.style.backgroundColor = "#CCC";
    }

16. Zmieniasz kolorki
17. Bawisz się całym skryptem, aż osiągniesz to co chcesz

Ten post edytował kamil4u 27.09.2012, 21:13:33