Log in

View Full Version : Resolved changing the scrollbar color in Opera


james438
04-15-2011, 04:58 AM
I have discovered an interesting bug in Opera. It might not be a bug, but look at the following:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<TITLE>
Web Design and Anime Reviews</TITLE>
<style type='text/css'>
@charset "utf-8";
body, html, *{
scrollbar-face-color: #FF0000!important;
scrollbar-highlight-color: #FF6666!important;
scrollbar-3dlight-color: #FF9999!important;
scrollbar-darkshadow-color: #660000!important;
scrollbar-arrow-color: #FFCCCC!important;
scrollbar-shadow-color: #FF0000!important;
scrollbar-track-color: #330000!important;
}
</style>
</head>
<body>
This <sub class="that_word">→</sub> word.<br>
</body>
</html>

For some reason the code above will not work.

However, when I move the <html> tag to before the doctype tag the css will work.

Is there a way to get this to work when the html tag is placed after the doctype? If you are wondering I am attempting to customize the scrollbars of my Opera browser to color the scrollbars when the color is not defined in webpages.
james438
04-16-2011, 05:39 AM
Scrap the above post. For Opera do the following:

Ok, I figured it out.

1.) close Opera desktop browser.
2.) Go to C:\Program Files\Opera\skin\
3.) Copy the zipped skin that you want to modify.
4.) paste in another location.
5.) Unzip it.
6.) open skin.ini with notepad.
7.) find

[Scrollbar Vertical Skin]
Native = 1
and replace with

[Scrollbar Vertical Skin]
Color = #555555
8.) Change the name in line 4 to something distinctive. This is around line 4 of the file located just under [Info]
9.) save and close file.
10.) highlight all of the files in the folder containing the skin.ini file and zip them with 7zip.
11.) place the file in C:\Documents and Settings\MyName\Application Data\Opera\Opera\skin\ folder.
12.) Open Opera and select your new skin and you will see a darker background for your vertical scrollbar.

You can read more here: http://dev.opera.com/articles/view/opera-skinning/ (http://dev.opera.com/articles/view/opera-skinning/)
james438
04-16-2011, 07:14 AM
One more note. As I am new to customizing skins I have discovered that creating a copy from Opera Standard Skin and then copying your edited version into your downloaded skins folder does work, but you have to select that skin every time you load Opera. It could be there is a typo in my modified skin as well. As a work around I downloaded a skin that was close to what I wanted and then tweaked it using the above method.