 |
|
 |
|
 |
||||||||||||||||||
|
Changing the scrollbars Still inside our body { } tags we're going to add in the properties to change the page scrollbar colors. So we add in the following code scrollbar-DarkShadow-Color:#A2C7E3; scrollbar-Track-Color:#A2C7E3; scrollbar-Face-Color:#A2C7E3; scrollbar-Shadow-Color: #FFFFFF; scrollbar-3dLight-Color: #FFFFFF; scrollbar-Highlight-Color: #A2C7E3; scrollbar-Arrow-Color: #FFFFFF; The colors are currently set to the ones I use on Version 1.0 of MiD. So We'll talk about how we change them, and what each one is. The track color is the color that the scroll bar glides over. Which is usually desired to be the same color as the page's background color. So for example the color code for the background of Version 1.0 of MiD is #A2C7E3 so I set the track color to the same color so it doesn't look like a scroll bar need be there. The face color is the color of the front(or top) of the scroll bar. The Shadow color is the color that goes around the right side of the scroll bar and the 3-D light color goes around the left side of the scroll bar. The arrow-color is the color of the arrows, simple ne? Now there is also the highlight-color and the darkshadow-color These ones are like the 3-D light color and the shadow color but they are usually what are used to make the 3-D look. One is inside the line that you would see and one is the other side. Sort of like a Drop Shadow effect(Or the Inner Bevel) that you can do on a graphic it'll give the scroll bar a third dimension look. I tend not to use them, looks cheesy but the best way to do this is to play with the colors and find what suits your needs! Changing the Cursor I've heard some people like to change the cursors to different things. And I'll admit at times I do it as well. I usually use what we call the cross-hair cursor. So to do this we add into our body { } tag the folowing code: cursor:crosshair; Now there are a variety of cursors we can use. I can't describe them all so it's best to look at the list and take a shot at seeing which one works for you. hand (IE only, same as pointer) pointer move n-resize ne-resize e-resize se-resize s-resize sw-resize w-resize nw-resize text wait help (And of course crosshair) As you can see when you read their names what they are is pretty easy to guess. Keep in mind that using wait might just make people think something is loading and annoy tham rather than do anything else. So to see these inside the Body tag it'd look something like this (Not including other properties)
|
