Vierityspalkki on monipuolinen toiminto, joka tekee työskentelystä minkä tahansa verkkosivuston kanssa helpompaa ja nopeampaa. Samaan aikaan sivustojen omistajat haluavat asentaa sivuilleen paitsi hyödyllisiä myös kauniita lisäosia, jotka vastaavat suunnittelua sivun yleiseen värimaailmaan. Tässä artikkelissa näytämme sinulle, kuinka värillinen vierityspalkki asennetaan verkkosivustollesi. Voit tehdä tämän useilla tavoilla, ja yksi niistä on valmis koodi, joka voidaan asentaa mille tahansa sivulle, jolla haluat muuttaa vierityspalkkia.
Ohjeet
Vaihe 1
Valitse muokattava sivu ja kopioi sen HTML-koodi muistiinpanoon.
Liitä koodi tunnisteen jälkeen:
body {vierityspalkki-kasvoväri: # 5997CA;
vierityspalkki-varjo-väri: #ffffff;
vierityspalkki-korosta-väri: #ffffff;
vierityspalkki-3dlight-color: # 5997CA;
vierityspalkki-tumma varjo-väri: # 5997CA;
vierityspalkki-raita-väri: # F6F6F6;
vierityspalkki-nuoli-väri: # F6F6F6; }
Vaihe 2
Säädä koodissa jokaisen parametrin edessä olevat väriarvot haluamallasi tavalla: vierityspalkin väri, nuolen väri, vierityspalkin taustaväri, reunojen väri, erottamalla palkit, ja niin edelleen.
Tämä on yksinkertaisin tapa, mutta sen lisäksi on vielä yksi - tallenna sama koodi vierityspalkin väri-asetuksilla css-tiedostona ja lataa se sivulle. Voit tehdä tämän avaamalla yllä olevan koodin ilman tunnisteita muistilehdessä. Tallenna kooditiedosto ja nimeä se scroll.css. Lataa sitten palvelimelle samaan paikkaan kuin sivu, jolla haluat muuttaa vierityspalkkia.
Vaihe 3
Jos et tiedä HTML-koodien värejä, etsi Internetistä taulukoita, joissa on nämä symbolit. Se auttaa yhdistämään koodit ja värit ja valitsemaan oikean värin verkkosivustosi suunnittelulle.
