Simple Machines Community Forum

SMF Support => SMF 1.1.x Support => Aiheen aloitti: _complex - joulukuu 08, 2004, 09:38:27 IP

Otsikko: Little help with code
Kirjoitti: _complex - joulukuu 08, 2004, 09:38:27 IP
Okay, Im new to this type of program.. I just transferred over to you guys from XmB..

but what im trying to do is.... to change the color of the scrollbars if evem possible.

Ive searched the forums and found a code.


/* Scrollbar, custom. */
body,html
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}


but when i put it in style.css and save it, i don't see any changes.. So my question is.. Can you cusutomize the scrollbars to match your theme(s) and ect.

Thanks any help will be greatful.  ;)
Otsikko: Re: Little help with code
Kirjoitti: Jerry - joulukuu 08, 2004, 11:05:28 IP
Custom scrolbar colors will only work on Internet Explorer (too my knowledge), in the style.css make sure you ist find the current body and add the scrollbar stuff. .

if that does not work I think you might have to change the doctype from the current XHTML one to:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> in index.template.php or just remove the current one.
Otsikko: Re: Little help with code
Kirjoitti: Kirby - joulukuu 08, 2004, 11:13:35 IP
Lainaus käyttäjältä: nviceversa - joulukuu 08, 2004, 09:38:27 IP
Okay, Im new to this type of program.. I just transferred over to you guys from XmB..

but what im trying to do is.... to change the color of the scrollbars if evem possible.

Ive searched the forums and found a code.


/* Scrollbar, custom. */
body,html
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}


but when i put it in style.css and save it, i don't see any changes.. So my question is.. Can you cusutomize the scrollbars to match your theme(s) and ect.

Thanks any help will be greatful.  ;)

The way you set it means that it goes into the body tag AND the html tag. It should just go in the body tag.
Try:

/* Scrollbar, custom. */
body
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}
Otsikko: Re: Little help with code
Kirjoitti: _complex - joulukuu 08, 2004, 11:35:14 IP
Hi, And thank you both for both response.. I tried both solutions, And neither of them seem to work.

I even tried deleting my cookies as i thought it may have somthing to do with it.

But i still dont see a change to them.

I did however when i first inputted the code, but when i went and changed it to match the themes.. it didnt change..

does it suppose to take some time or somthing..

Thanks
Otsikko: Re: Little help with code
Kirjoitti: Kirby - joulukuu 08, 2004, 11:36:20 IP
Odd. Are you sure you're using IE?
Otsikko: Re: Little help with code
Kirjoitti: _complex - joulukuu 08, 2004, 11:40:07 IP
Yes i am
Otsikko: Re: Little help with code
Kirjoitti: Kirby - joulukuu 08, 2004, 11:40:53 IP
Can you give me a link, please?
Otsikko: Re: Little help with code
Kirjoitti: _complex - joulukuu 08, 2004, 11:41:45 IP
http://so-thuggish.net/smf1
Otsikko: Re: Little help with code
Kirjoitti: Kirby - joulukuu 08, 2004, 11:45:22 IP
I see the issue now.

First, delete the code you put.
Then, Look for:
body { font-size: 10pt; font-family: Arial, Verdana, Helvetica, sans-serif; background: #FFFFFF; color: #000000; }

Replace with:

/* Scrollbar, custom. */
body
{
font-size: 10pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #FFFFFF;
color: #000000;
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}


That should do the trick.
Otsikko: Re: Little help with code
Kirjoitti: _complex - joulukuu 08, 2004, 11:50:34 IP
 :-\ No i still don't see a change.. will you go back to the site and see if you see them.
Otsikko: Re: Little help with code
Kirjoitti: Kirby - joulukuu 09, 2004, 12:05:31 AP
Then it looks like it's IE's problem :(
Go to index.template.php and remove the following line:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
Otsikko: Re: Little help with code
Kirjoitti: _complex - joulukuu 09, 2004, 12:08:02 AP
Hey Kirby I did notice a change in the admin panel "Live from Simple Machines... " But not an complete change to the outside scrollbars............
Otsikko: Re: Little help with code
Kirjoitti: Kirby - joulukuu 09, 2004, 12:10:05 AP
Odd o.0
I'm going to look into this more and post about it tommarow.
Otsikko: Re: Little help with code
Kirjoitti: diplomat. - joulukuu 09, 2004, 12:11:37 AP
you have to put body,html for it to work
Otsikko: Re: Little help with code
Kirjoitti: _complex - joulukuu 09, 2004, 12:15:04 AP
Ok that did the trick. But now the css seems to show the text and stuff a little bigger then before.. and my width got out of control....
Otsikko: Re: Little help with code
Kirjoitti: diplomat. - joulukuu 09, 2004, 12:20:00 AP
ok this si what i do...


/* Scrollbar */
body,html
{
scrollbar-base-color: #000000;
scrollbar-arrow-color: #077324;
scrollbar-face-color: #000000;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #077324;
scrollbar-highlight-color: #000000;
scrollbar-dark-shadow-color: #000000;
scrollbar-3d-light-color: #077324;
}

/* body and stuff. */
body
{
font-size: 10pt;
font-family: Arial, Verdana, Helvetica, sans-serif;
background: #FFFFFF;
color: #000000;
}


thats how i do my scrollbars and body separatly. i dunno if thats the correct way to do it but it works for me and my text and everything looks normal. maybe try it that way
Otsikko: Re: Little help with code
Kirjoitti: brigitte - helmikuu 12, 2005, 08:47:18 IP
Lainaus käyttäjältä: diplomat.. - joulukuu 09, 2004, 12:11:37 AP
you have to put body,html for it to work

Hello,

I tried several options and the only that is working, is when I put "body, html" in the style.css  8) :D

/* By default (td, body..) . */
body, html
{
color: #E7E7E7;
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #2c2c2c;
margin: 0px;
padding: 0px;
scrollbar-face-color: #1f1f1f;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #1f1f1f;
scrollbar-3dlight-color: #6a6a6a;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #2e2e2e;
scrollbar-arrow-color: #fc9b00
}