- 1). Create an external style sheet. Open a text editor such as Notepad, and create a new document.
- 2). Paste the following code into the blank document:
html {background-color: #CEE7A3;
scrollbar-shadow-color: #CEE7A3;
scrollbar-highlight-color: #CEE7A3;
scrollbar-face-color: #CEE7A3;
scrollbar-3dlight-color: #CEE7A3;
scrollbar-darkshadow-color: #CEE7A3;
scrollbar-track-color: #CEE7A3;
scrollbar-arrow-color: #CEE7A3;}
Change the values for each attribute to the colors you want. Make the "scrollbar-face-color" and "scrollbar-arrow-color" the same to hide the scrollbar arrow. - 3). Save the document as "mystyle.css" or another name, as you wish, but ensure that it has a CSS file extension.
- 4). Log in to your web hosting account. You will be redirected to your account's root directory. A root directory is the highest directory and the starting point for all subfolders.
- 5). Upload the external file sheet you just created to the root directory of your website.
- 6). Copy and paste the following code between the head tags (<head> and </head>) of each page of your website:
<head>
<link rel="stylesheet" type="text/css" href="/links/?u=mystyle.css" />
</head>
previous post
next post