Hogyan készíts szép gördítősávot a webhelyén?
Hogyan készíthetsz szép gördítősávot a webhelyeden?
Ebben a leckében arról fogunk beszélni, hogyan adhatjuk meg a webhely görgetősávját egy bizonyos színt.
Valószínűleg már látott ilyen színkódolt görgetősávokat az egész webhelyen. Ugyanez vonatkozik a webhelyemre is, a képernyő jobb oldalán láthatja.
Hogyan kell csinálni? Nagyon egyszerű.
Általában többféleképpen lehet.
1. Helyezze be a teljes kódot (lent látható) az oldal minden oldalára, ahol gyönyörű görgetősávot szeretne látni.
2. Helyezzen be egy linket a css fájlba a kóddal.
Tekintsünk mindkét lehetőségre.
Tehát az első eset.
Valahol a címkék között
Illessze be a következő sorokat:
Mit jelentenek ezek a paraméterek?
1. görgetősáv-nyíl-szín - a nyíl színe.
2. görgetősáv-pálya szín - a szubsztrátum színe.
3. scrollbar-face-color - maga a szalag színe.
4. görgetősáv-árnyék-szín: #ffffff;
scrollbar-highlight-color: #ffffff;
az elválasztó szalag színe.
5. scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
a szalag külső határainak színe.
Nyisson meg egy új fájlt a jegyzettömbben, és illessze be a fenti kódot, csak címkék nélkül, és mentse el scroll.css-ként, és helyezze el ugyanabba a mappába, mint a tesztoldal.
Azon oldalakon, ahol módosítani szeretné a görgetősáv színét, tegye be a következő sort a címkék közé.
Az utolsó 5 lecke
A keresési mező valószínűleg a felhasználói felület egyik közös eleme. Az interface kényelem szintjén dolgozva nagyon gyakran van vágy hozzá egy stílusos keresési mező hozzáadásához. Ebben a leckében olyan népszerű elemet hozunk létre, amely pseudo-elemeket használ.
Ebből a leckéből megtudhatja, hogyan készítsen hátteret az egész oldalra, és nem számít, hogy milyen felbontás van a látogató monitorán, aki a webhelyét nézni fogja.