Well, this is it... I have a question (html) [Archive]

View Full Version : Well, this is it... I have a question (html)

Cop

01-18-03, 11:54 AM

I'm a complete and utter html newbie. I made this site in Dreamweaver 4 with a combination of trial and error, luck and creative stealing...

http://users.pandora.be/Anal_Amoebe/movies/

2 questions about the same issue:

1. How can I make a coloured scrollbar on the right of the main frame? The background should be the yellow of the main pages, the bar itself the orange from the top frame (or the other way around, whichever looks best after comparing)

2. And according to some *cough* Mariano *cough* I also need a scrollbar in the menu frame because there isn't one, not even when the window is smaller than the frame and thus not all the buttons are accessible...

And I would also like to add I'm a lazy bastige, so don't bother posting a link to some or other online tutorial, because I have the attention span of a hyperactive kid and tutorials especially are completely wasted on me...

DUKE HARDKNOCK

01-18-03, 12:02 PM

Don't know about the coloured scrollbar on the right, though I presume it requires either DHTML or CSS.

Regarding the left frame, I believe you should change this:

<frame name="leftFrame" noresize scrolling="NO" src="menu.htm">

into this:

<frame name="leftFrame" noresize scrolling="YES" src="menu.htm">

EDIT:

I believe you should be able to customize the scrollbar by adding this code (with the appropriate hexadecimal colour codes) to the <HEAD> part of the HTML code:

<style>
BODY {
scrollbar-face-color: #[colour];
scrollbar-arrow-color: #[colour];
scrollbar-track-color: #[colour];
scrollbar-highlight-color: #[colour];
scrollbar-3dlight-color: #[colour];
scrollbar-shadow-color: #[colour];
scrollbar-darkshadow-color: #[colour];
}
</style>

Cop

01-18-03, 12:39 PM

Ugh! Tried that first one... That looks like ass. The bar is ALWAYS there, even when there's no need for scrolling (and it even adds a horizontal one)... I'd rather take my chances without scrolling then. Too bad for those 7 poor people that still use 640*480...

Haven't tried the other yet, but I'll give it a go later... Thanks Blidd...

Cop

01-18-03, 12:43 PM

Update: cool! Just gave it a test run and it works!

It was all the same colour (I only used 1 colour), but at least I know it works...

Do you have to do that for each page seperately, or can you set that as some kind of parameter in the index.htm?

DUKE HARDKNOCK

01-18-03, 01:01 PM

Originally posted by Cop
Ugh! Tried that first one... That looks like ass. The bar is ALWAYS there, even when there's no need for scrolling (and it even adds a horizontal one)...

Er, try changing "yes" into "auto". That'll probably do the trick.

As far as the scrollbar is concerned, you could insert the code into the header of index.htm and see if that'll apply the effect on all pages. If that doesn't work, you could create a stylesheet (*.css file) holding only the code between the <style></style> tags and add something like this to the header of every page (replace [path] with the name of the correct map - unnecessary if it's located in the same directory as the HTML file - and you can obviously give the .css file any name you like):

<link rel="stylesheet" href="/[path]/style.css">

Cop

01-18-03, 01:11 PM

Err... I'll try that later...

Stylesheets is waaaayyyy over my head atm...

Anyways, check the main page. I've only done that one so far. But tomorrow a friend is coming over (who's a professional webpage debugger btw), I'll ask him about the style sheet thing...

Thanks for all the help so far, Blidd...

DUKE HARDKNOCK

01-18-03, 01:54 PM

To get that stylesheet to work, I think you only need to open Notepad, paste the following lines into it and save it as "name.css":

BODY {
scrollbar-face-color: #[colour];
scrollbar-arrow-color: #[colour];
scrollbar-track-color: #[colour];
scrollbar-highlight-color: #[colour];
scrollbar-3dlight-color: #[colour];
scrollbar-shadow-color: #[colour];
scrollbar-darkshadow-color: #[colour];
}

Upload the name.css file to your webspace (I'll presume you'll just dump it into the /movies/ root) and add this line to all the content pages between <head> and </head>:

<link rel="stylesheet" href="name.css">

Cop

01-18-03, 02:08 PM

Correct again, Blidd... w00t!

Thanks a bunch

Cop

01-18-03, 02:19 PM

All pages should be updated with the new scroll bars.

DUKE HARDKNOCK

01-18-03, 02:38 PM

Originally posted by Cop
Correct again, Blidd... w00t!

Thanks a bunch

Hey, no problem - I never actually used external stylesheets before so I'm glad to know it works like that. :D

Incidentally, "name" can obviously be anything you want. ;)

Cop

01-18-03, 02:41 PM

LOL, I just kept it as name :D Couldn't think of anything, and was to lazy to replace it once I copied/pasted it :)