Amiga.org

Operating System Specific Discussions => Amiga OS => Amiga OS -- Development => Topic started by: amiga1260 on June 04, 2004, 03:39:13 PM

Title: IE Scroll bars in Amga style scroll bars
Post by: amiga1260 on June 04, 2004, 03:39:13 PM
I want to make a webpage with CSS. I want to make the scroll bars like the Amiga OS 3.1. Does someone know a the settings?
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: alx on June 04, 2004, 03:47:38 PM
Try

Quote

    scrollbar-face-color: #638aBd;
    scrollbar-arrow-color: #000000;
    scrollbar-track-color: #638aBD;
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: #ffffff;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #000000;
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: mikeymike on June 04, 2004, 04:09:54 PM
You realise that's IE only?
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: alx on June 04, 2004, 04:12:14 PM
Quote

mikeymike wrote:
You realise that's IE only?


Going by the title of this thread I'd assume so :-P  But I'd imagine that the same effect is also supported on Amiga browsers :-D
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: mikeymike on June 04, 2004, 04:14:25 PM
Whatever yanks your crank, I guess...

 :-?
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: blobrana on June 04, 2004, 06:13:23 PM
Hum,
i found success with... (not exactly amiga though)...

BODY {
   SCROLLBAR-FACE-COLOR: #c0c0c0; FONT-WEIGHT: normal; FONT-SIZE: 9pt;  SCROLLBAR-HIGHLIGHT-COLOR: #ffffff; SCROLLBAR-SHADOW-COLOR: #000000; COLOR: #000000; SCROLLBAR-3DLIGHT-COLOR: #c0c0c0; SCROLLBAR-ARROW-COLOR: #ff0000; FONT-FAMILY: Arial; SCROLLBAR-TRACK-COLOR: #0080c0; SCROLLBAR-DARKSHADOW-COLOR: black
}
TABLE {
   FONT-SIZE: 9pt; COLOR: #000000; align: center
}
A:hover {
   COLOR: #ffee00; BORDER-TOP-STYLE: none; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A:link {
   FONT-WEIGHT: bold; COLOR: darkblue; BORDER-TOP-STYLE: none; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A:active  {font-family: Tahoma, Verdana; color: #04C2FF;text-decoration:none}
A:visited {
   FONT-WEIGHT: bold; COLOR: #427CBA; BORDER-TOP-STYLE: none; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
A:hover {
    BORDER-TOP-STYLE: none; FONT-STYLE: normal; FONT-FAMILY: Tahoma, Verdana; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}
H3 {
   FONT-SIZE: 18px; COLOR: #000000; FONT-STYLE: normal; TEXT-ALIGN: center; TEXT-DECORATION: none
}
H2 {
   FONT-SIZE: 22px; COLOR: #427CBA; FONT-STYLE: normal; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.sub {
   FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #eeeeee; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
H6 {
   FONT-SIZE: 10px; COLOR: #eeeeee; FONT-STYLE: normal
}
H5 {
   FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; FONT-STYLE: normal
}
HR {
   WIDTH: 95%; COLOR: #ffcc00; height:1px;
}
.links {
   FONT-SIZE: 9pt; LINE-HEIGHT: 1.25
}
.sub {
   FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.sub2 {
   FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.sub3 {
   FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.title {
   FONT-WEIGHT: bold; FONT-SIZE: 18pt; FILTER: glow(color=#0066CC,strength=5); WIDTH: 100%; COLOR: #ffffff; FONT-FAMILY: Arial; TEXT-ALIGN: center; TEXT-DECORATION: none
}
img {A:hover, A:active {color: #FFFFFF }}
A:hover img, A:active img {FILTER: "gray";border:0px; border-thickness: 0px; border-color: #FFFFFF; border-style: solid}

.pr4
{
   FILTER: Glow(Strength=2, Color=#000000)
}





Title: Re: IE Scroll bars in Amga style scroll bars
Post by: amiga1260 on June 04, 2004, 10:45:38 PM
Thanks for you info. I let you know when my website is ready.
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: Waccoon on June 05, 2004, 02:36:52 AM
@blobrana:

How are you linking that code into your documents?  It has invalid syntax so it shouldn't work, even in IE.
Title: Re: IE Scroll bars in Amiga style scroll bars
Post by: blobrana on June 05, 2004, 03:29:05 AM
Hum,
The guy wanted something for IE and CSS

 [color=0000FF][/color]
So it`s a text file (just rename the blah.txt  to stylesheet.css) and dump it into the website...

In the edit.html bit add ([color=CC0033]`ignite` the RED bits ;) [/color])



blobrana amiga astronomy

[color=CC0033] this  bit calls the stylesheet.css[/color]
href="stylesheet.css"
type=text/css rel=stylesheet>

[color=CC0033]include this optional bit as well[/color]



[color=CC0033]DONT include this  bit, UNLESS  you use frames [/color]


[color=CC0033]include this optional bit as well[/color]
   
   



BODY BIT......


 [color=0000FF][/color]


(is that what you ment?)  
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: Waccoon on June 05, 2004, 06:37:32 AM
No, I mean the syntax is illegal.  You have to define an anchor class just for the images.  You can't nest declarations, such as:

img {A:hover, A:active {color: #FFFFFF }}

This causes some browsers to vomit on the CSS, or it only uses it up to the syntax error and then ignores the rest.  Firefox threw a fit when I first tried it, and much of it didn't seem to work in IE, either.

Also, be sure to set a background color.  Yellow anchors on a white background aren't very usable.  ;-)

You also want to use "border-width" instead of "border-thickness" (which doesn't exist),  "text-align: center" instead of "align: center" on the table, and set a unit for line-height in the links class.
Title: Re: IE Scroll bars in Amga style scroll bars
Post by: blobrana on June 08, 2004, 08:31:43 AM
Hum,
i`ll have to look into those points you mention.

(it seems to work with my mozilla 1.8 alpha etc and IE though),
I have used it on my site  (http://mysite.freeserve.com/blobrana/edit.html), and it seems ok there with most browsers, (though, if it crashes your browser then i`ll change it..)


[ And i should mention that my site is ibrowse frendly  ;) ]