Pasek przewijania to wszechstronna funkcja, dzięki której praca z dowolną witryną jest wygodniejsza i szybsza. Jednocześnie właściciele witryn wolą instalować na swoich stronach nie tylko przydatne, ale także piękne dodatki, które dopasowują projekt do ogólnej kolorystyki strony. W tym artykule pokażemy, jak zainstalować kolorowy pasek przewijania na swojej stronie internetowej. Jest na to kilka sposobów, a jednym z nich jest gotowy kod, który można zainstalować na dowolnej stronie, na której chcesz zmienić pasek przewijania.
Instrukcje
Krok 1
Wybierz stronę do edycji i skopiuj jej kod HTML do notatnika.
Po tagu wklej kod:
ciało {scrollbar-face-color: # 5997CA;
kolor cienia paska przewijania: #ffffff;
kolor podświetlenia paska przewijania: #ffffff;
pasek przewijania-3dlight-kolor: # 5997CA;
pasek przewijania-ciemny-kolor: # 5997CA;
kolor paska przewijania: # F6F6F6;
pasek przewijania-strzałka-kolor: # F6F6F6; }
Krok 2
W kodzie dostosuj wartości kolorów przed każdym parametrem, jak chcesz: kolor paska przewijania, kolor strzałki, kolor tła paska przewijania, kolor obramowań, oddzielanie pasków, i tak dalej.
To najprostszy sposób, ale oprócz tego jest jeszcze jeden - zapisz ten sam kod z ustawieniami kolorów paska przewijania jako plik css i załaduj go na stronę. Aby to zrobić, otwórz powyższy kod bez tagów w notatniku. Zapisz plik kodu i nazwij go scroll.css. Następnie wgraj na serwer w to samo miejsce co strona, na której chcesz zmienić pasek przewijania.
Krok 3
Jeśli nie znasz literowania kolorów w HTML, poszukaj w Internecie dowolnej tabeli z tymi symbolami. Pomoże Ci skorelować kody i kolory oraz wybrać odpowiedni kolor do projektu Twojej witryny.