Uutiset:

Wondering if this will always be free?  See why free is better.

Main Menu
Advertisement:

Little help with code

Aloittaja _complex, joulukuu 08, 2004, 09:38:27 IP

« edellinen - seuraava »
Tulosta
Siirry alas Sivuja1
Käyttäjän toimet

_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.

Koodi [Valitse]

/* 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.  ;)

Jerry

#1
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:
Koodi [Valitse]
<!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.


- Jerry
Find me on:
Facebook
Twitter
PlanetSMF
"If all you look for is the negative in things, you will never see the positive."

Kirby

#2
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.

Koodi [Valitse]

/* 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:
Koodi [Valitse]

/* 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;
}

_complex

#3
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

Kirby

#4
joulukuu 08, 2004, 11:36:20 IP
Odd. Are you sure you're using IE?

_complex

#5
joulukuu 08, 2004, 11:40:07 IP
Yes i am

Kirby

#6
joulukuu 08, 2004, 11:40:53 IP
Can you give me a link, please?

Kirby

#8
joulukuu 08, 2004, 11:45:22 IP
I see the issue now.

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

Replace with:
Koodi [Valitse]

/* 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.

_complex

#9
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.

Kirby

#10
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">

_complex

#11
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............

Kirby

#12
joulukuu 09, 2004, 12:10:05 AP
Odd o.0
I'm going to look into this more and post about it tommarow.

diplomat.

#13
joulukuu 09, 2004, 12:11:37 AP
you have to put body,html for it to work
avidSOUND.com: Where Aspiring Musicians Can Be HEARD!

_complex

#14
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....

diplomat.

#15
joulukuu 09, 2004, 12:20:00 AP
ok this si what i do...

Koodi [Valitse]

/* 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
avidSOUND.com: Where Aspiring Musicians Can Be HEARD!

brigitte

#16
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

Koodi [Valitse]
/* 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
}  
Tulosta
Siirry ylös Sivuja1
Käyttäjän toimet
Advertisement: