Cum sa faci o frumoasa scrollbar pe site-ul tau?
În această lecție vom vorbi despre cum să dați barei de parcurgere a site-ului dvs. o anumită culoare.
Probabil ați văzut deja astfel de bare de derulare codate în culori pentru întregul site. Același lucru este valabil și pentru site-ul meu, îl puteți viziona în partea dreaptă a ecranului.
Cum se face? Este foarte simplu.
În general, există mai multe moduri.
1. Introduceți codul complet (prezentat mai jos) în fiecare pagină a site-ului în care doriți să vedeți o frumoasă bară de defilare.
2. Introduceți un link la fișierul css cu codul.
Să luăm în considerare ambele opțiuni.
Deci, primul caz.
Undeva între etichete
Introduceți următoarele linii:
Ce înseamnă acești parametri?
1. scrollbar-arrow-color - culoarea săgeții.
2. scrollbar-track-color - culoarea substratului.
3. culoarea barei de derulare - culoarea feței în sine.
4. scrollbar-shadow-color: #ffffff;
scrollbar-highlight-color: #ffffff;
culoarea benzii despărțitoare.
5. Scrollbar-3dlight-color: # 5997CA;
scrollbar-darkshadow-color: # 5997CA;
culoarea marginilor exterioare ale benzii.
Deschide un Notepad și un nou fișier de muzică vtavte-l codul de mai sus, dar fara tag-uri și salvați-l ca scroll.css și puneți-l în același folder, în cazul în care pagina de guineea.
În paginile în care doriți să modificați culoarea barei de derulare, introduceți următoarea linie între etichete.
Ultimele 5 lecții
Câmpul de căutare este probabil unul dintre elementele comune ale interfeței utilizator. Lucrând la nivelul comodității interfeței foarte des există dorința de a adăuga un câmp de căutare elegant. În această lecție, vom crea un element popular folosind pseudo-elementele.
În această lecție veți învăța cum să facă fundalul întreaga pagină, în același timp, nu va mai conta ce rezoluția pe monitorul vizitatorului, care va fi în căutarea pe site.
Articole similare
Trimiteți-le prietenilor: