Jump to content
xisto Community
Sign in to follow this  
Saint_Michael

css scripting problems need help NEED HELP

Recommended Posts

for some unknown reason the scroll bar info will not kick in it eithers makes the page doe wierd things or nothing at all and i know i got it right so whats need help


BODY{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
background-color: #2d3851;
}
h1 {
font-family: Times New Roman, serif;
font-size: 26px;
font-weight: normal;
color: #e9f2fc;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #333333;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #0000f0;
}

a:visited {
text-decoration: underline;
color: #000090;
}

a.navlink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #e9f2fc;
}

a.navlink:visited {
text-decoration: none;
color: #e9f2fc;
}

a.newslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-decoration: none;
color: #c00050;
}

a.newslink:visited {
text-decoration: none;
color: #900020;
}

a.newslink:hover {
text-decoration: underline;
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
padding-bottom: 7px;
color: #333333;
}

.navcell {
padding: 3px 7px 3px 7px;
}

.newsheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-left: 5px;
color: #e9f2fc;
background-color: #ffffff;
background-color: #5f7797;
}

.newscell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-top: 7px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 9px;
color: #464c64;
background-color: #a7aeb8;
}

.update {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 14px;
color: #e9f2fc;
}

.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
color: #464c64;
}
{
scrollbar-3dlight-color:#FF6600;
scrollbar-arrow-color:#FF6600;
scrollbar-base-color:#333333;
scrollbar-darkshadow-color:#FF6600;
scrollbar-face-color:#333333;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#666666; }
</style>


Share this post


Link to post
Share on other sites

try this:

BODY{

font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
margin: 0px;
padding: 0px;
background-color: #2d3851;

scrollbar-3dlight-color:#FF6600;
scrollbar-arrow-color:#FF6600;
scrollbar-base-color:#333333;
scrollbar-darkshadow-color:#FF6600;
scrollbar-face-color:#333333;
scrollbar-highlight-color:#999999;
scrollbar-shadow-color:#666666;
}
h1 {
font-family: Times New Roman, serif;
font-size: 26px;
font-weight: normal;
color: #e9f2fc;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #333333;
}

p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
color: #333333;
}

a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: underline;
color: #0000f0;
}

a:visited {
text-decoration: underline;
color: #000090;
}

a.navlink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
text-decoration: none;
color: #e9f2fc;
}

a.navlink:visited {
text-decoration: none;
color: #e9f2fc;
}

a.newslink {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
text-decoration: none;
color: #c00050;
}

a.newslink:visited {
text-decoration: none;
color: #900020;
}

a.newslink:hover {
text-decoration: underline;
}

li {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 18px;
padding-bottom: 7px;
color: #333333;
}

.navcell {
padding: 3px 7px 3px 7px;
}

.newsheader {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-left: 5px;
color: #e9f2fc;
background-color: #ffffff;
background-color: #5f7797;
}

.newscell {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
padding-top: 7px;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 9px;
color: #464c64;
background-color: #a7aeb8;
}

.update {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 14px;
color: #e9f2fc;
}

.copyright {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
line-height: 10px;
color: #464c64;
}


Share this post


Link to post
Share on other sites

Where your scrollbar bit is in between { SCROLL BAR CODE } infront of the first { write "body"

Share this post


Link to post
Share on other sites

or you can just paste the scroll bar code under the BODY o.o like this

[/br]BODY[br]{[/br][br]font-family: Verdana, Arial, Helvetica, sans-serif;[/br]font-size: 12px;[br]font-weight: normal;[/br]margin: 0px;[br]padding: 0px;[/br]background-color: #2d3851;[br]scrollbar-3dlight-color:#FF6600; [/br]scrollbar-arrow-color:#FF6600; [br]scrollbar-base-color:#333333; [/br]scrollbar-darkshadow-color:#FF6600; [br]scrollbar-face-color:#333333; [/br]scrollbar-highlight-color:#999999; [br]scrollbar-shadow-color:#666666; [/br]}

Share this post


Link to post
Share on other sites

Literally, you just didn't have the

You had

.copyright {[/br]font-family: Verdana, Arial, Helvetica, sans-serif;[br]font-size: 10px;[/br]font-weight: normal;[br]line-height: 10px;[/br]color: #464c64;[br]}[/br]{ [br]scrollbar-3dlight-color:#FF6600; [/br]scrollbar-arrow-color:#FF6600; [br]scrollbar-base-color:#333333; [/br]scrollbar-darkshadow-color:#FF6600; [br]scrollbar-face-color:#333333; [/br]scrollbar-highlight-color:#999999; [br]scrollbar-shadow-color:#666666; }

And didn't have the Body before the scrollbar so it is being interperated as the scroll in the .copyright has those scrollbar properties...
so to solve your problem, add the body in like this:

body[br]{ [br]scrollbar-3dlight-color:#FF6600; [/br]scrollbar-arrow-color:#FF6600; [br]scrollbar-base-color:#333333; [/br]scrollbar-darkshadow-color:#FF6600; [br]scrollbar-face-color:#333333; [/br]scrollbar-highlight-color:#999999; [/br]scrollbar-shadow-color:#666666; }

Simple :) ...:D:D

Share this post


Link to post
Share on other sites

I really do suggest that you use TopStyle Pro. If you want to register it, just send me an email and I will give you the full version for free because I've registered it. Enjoy!

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.