Jak zmienić kolor pasków przewijania w aplikacji HTA?

Skrypciarze odpowiadają na Wasze pytania

Jak zmienić kolor pasków przewijania w aplikacji HTA?

Cześć, Skrypciarze! Jak zmienić kolor pasków przewijania w aplikacji HTA?

-- IR

Cześć, IR. Zapewne wiele razy przyszła Ci do głowy taka myśl: „Skoro Skrypciarz jest taki mądry, jakim cudem nie jest jeszcze bogaty?” (No dobra, wiemy, że tak naprawdę nigdy Ci to przez myśl nawet nie przeszło, ale nie psuj zabawy). Mamy odpowiedź: Skrypciarz piszący te słowa jest po prostu nie na czasie.

Wczoraj wieczór na przykład. Skrypciarz przeczytał artykuł o firmie, która oferuje usługi polegające na skanowaniu tradycyjnej poczty i przesyłanie jej w postaci elektronicznej. To rozsądne, w dzisiejszych czasach nikomu się już nie chce podchodzić do skrzynki pocztowej, otwierać ją i wyjmować listy, o otwieraniu kopert czy czytaniu zawartości już nawet nie mówiąc. Nikomu – za wyjątkiem Skrypciarza, któremu nigdy w życiu nie zdarzyło się nawet włożyć listu do skanera.

No cóż, najwyraźniej Skrypciarz nie ma perspektyw poza pisaniem skryptów. Do roboty więc, ale doceń, IR, że odpowiedź dostajesz w formie elektronicznej, a nie tradycyjną pocztą:

<STYLE>

  BODY {scrollbar-face-color:red; scrollbar-arrow-color:blue; scrollbar-track-color:green }

</STYLE>

Jak widać, po prostu definiujemy tu styl zasadniczej części naszej aplikacji HTA; przypisujemy wartości trzem różnym właściwościom:

• Scrollbar-face-color – ustawia kolor suwaka i przycisków strzałek na pasku przewijania.
• Scrollbar-arrow-color – ustawia kolor strzałek na przycisku strzałek przewijania.
• Scrollbar-track-color – ustawia kolor tła na pasku przewijania.

Najlepsze, że składnia używana przy przypisywaniu wartości tym właściwościom jest dość prosta – wystarczy odwołać się do nazwy właściwości i po dwukropku podać pożądaną wartość (np. scrollbar-face-color:red). Chcąc przypisać wartości więcej niż jednej właściwości, rozdzielamy poszczególne właściwości za pomocą średników.

Pewnie nasi czytelnicy się martwią, że omówiliśmy już wszystkie właściwości paska przewijania i nie zostało nic na pracę domową. Ależ skąd! Oto kilka dodatkowych właściwości paska przewijania, których jeszcze nie opisaliśmy:

• Scrollbar-3dlight-color – ustawia kolor górnej oraz lewej krawędzi suwaka i przycisków strzałek przewijania.
• Scrollbar-base-color – ustawia kolor głównych elementów paska przewijania, tzn. suwaka, tła i przycisków strzałek.
• Scrollbar-darkshadow-color – ustawia kolor odstępu paska przewijania.
• Scrollbar-highlight-color – ustawia kolor górnej oraz lewej krawędzi suwaka i przycisków strzałek przewijania.
• Scrollbar-shadow-color – ustawia kolor dolnej i prawej krawędzi suwaka i przycisków strzałek przewijania.

Jakie kolory mamy do dyspozycji? Można to sprawdzić w dokumentacji CSS.

Do początku strony