<meta name="author" content="Jakub & Jan Filipowscy">
<meta name="description" content="Serwis webmasterow. Znajdziesz tu kilka kursow popularnych internetowych jezykow programowania takich jak: HTML, CSS, WML, SGML, XML, PHP, Perl i Java. Zamiescilismy tu rowniez wiele skryptow JavaScript, PHP i CGI. Przeczytac mozna kilka artykulow i sciagnac kilka szablonow. Dla poczatkujacych jest dzial BeginnerZone. ">
<p align="justify">Od pewnego czasu bardzo popularnym sposobem uatrakcyjnienia wygl▒du witryny jest zmiana koloru paska przewijania (tzw. scroll'a).
Jest to do╢µ nowa technika, jednak przyje│a siΩ bardzo dobrze i stosuje j▒ coraz wiΩcej webmaster≤w.
<h3>Jak to siΩ robi?</h3>
<p align="justify">Do zmieniania kolor≤w scrooli s│u┐▒ Kaskadowe Arkusze Styli (CSS). Szczeg≤│owy kurs tego narzΩdzia znajdujΩ sie na tej witynie (url: <a href="index.php@url=css_2Fi">http://www.web-area.org/index.php?url=css/i</a>). WiΩc nie bΩdΩ tu opisywa│ dzia│anie tego jΩzyka. W ka┐dym razie style w du┐ym stopniu urozmaicaj▒ wygl▒d i funkcjonowanie witryny.<br>
Aby stworzyµ kolorowy pasek przewijania bedziemy musieli stworzyµ plik z rozszerzeniem CSS (Plik > Nowy > Dokument tekstowy; i zmieniamy nazwe na np. style.css) o nazwie style. W ka┐dym dokumencie HTML'owy musimy wstawiµ odwo│anie do naszego pliku. Kod takiego odwo│ania bΩdzie wygl▒da│ nastΩpuj▒co:<p>
<p align="justify">NastΩpnie otwieramy plik style.css i wpisujemy do niego:
<p><pre>
BODY {
SCROLLBAR-FACE-COLOR: KOLOR;
SCROLLBAR-HIGHLIGHT-COLOR: KOLOR;
SCROLLBAR-SHADOW-COLOR: KOLOR;
SCROLLBAR-3DLIGHT-COLOR: KOLOR;
SCROLLBAR-ARROW-COLOR: KOLOR;
SCROLLBAR-TRACK-COLOR: KOLOR;
SCROLLBAR-DARKSHADOW-COLOR: KOLOR
}</pre>
<p align="justify">Ka┐dy z atrybut≤w tego arkusza oznacza jak▒╢ czΩ╢µ paska przewijania np. SCROLLBAR-ARROW-COLOR to kolor strza│ki, a SCROLLBAR-FACE-COLOR to g│≤wny kolor p│aszczyzny paska. Bardziej obrazowy opis wszystkich atrybut≤w pokazany jest na obrazku.
<p align="center"><img src="beginner/scrool.gif">
<p align="justify">Z kolorem poszczeg≤lnych atrybut≤w mo┐na dowolnie eksperymentowaµ, a┐ do osi▒gniΩcia po┐▒danego efektu. Kolory mo┐na zapisywaµ na trzy sposoby: tekstowy (np. red, black lub white), za pomoc▒ trypletu szesnastkowego (np. #FF0044 lub #FFFFFF), lub RGB (np. rgb(127,50,80)). Scroll wygl▒da │adnie gdy kolorystycznie pasuje do strony, a przy tym nie traci swojej funkcjonalno╢ci.
<br>Poni┐ej przedstawiam dobrze i ╝le wykonany scroll:
<p align="justify">ProszΩ zwr≤ciµ uwagΩ, ┐e z│y scroll jest ma│o czytelny, kolory t│a i paska s▒ jednakowe przez co trudno rozpoznaµ pasek. Z│y scroll nie posiada efektu tr≤jwymiarowo╢ci.
<p align="justify">W stworzeniu efektownego paska przewijania z pewno╢ci▒ pomog▒ Ci liczne generatory. Jeden z nich znajduje siΩ w sieci na stronie <a href="http://www.cgi.team.pl">www.cgi.team.pl</a>.
<p align="justify">My╢lΩ, ┐e po przeczytaniu tego artyku│u bedziesz w stanie samemu wykonaµ efektowy pasek przewijania.<br></td>
<td width="770" valign="top" colspan="3" align="right"><br><br><span class="m">All rights reserved by <a href="mailto:web-area@web-area.org">J&J Filipowscy Design & Code</a></td>
