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.