What is Wrong.... [Archive] - Lissa Explains it All: Web Design Forums

MrsTimberCarter

11-23-2004, 03:58 AM

What is Wrong.... why isnt the scrollbar not changing colors? and how do i change the font on my links.... i cant stand the font now.... please help

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Default">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE>Gavin DeGraw..... Im Gonna Love You More Than Anyone.... </TITLE>
</HEAD>
<BODY>
<body {
scrollbar-face-color : #ff0000;
scrollbar-shadow-color : #ff0000;
scrollbar-highlight-color : #ff0000;
scrollbar-3dlight-color : #ff0000;
scrollbar-darkshadow-color : #ff0000;
scrollbar-track-color : #ff0000;
scrollbar-arrow-color : #ff0000;
}>
<body background="http://musicrazygrl.tripod.com/cgi-bin/MenuBG.png" bgcolor="#ffffff" bgproperties="fixed"><center>
<body bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<a href="inline.html" target="Main">Gavin DeGraw</a><br>
<a href="inline.html" target="Main">Gavin's Pictures</a><br>
<a href="inline.html" target="Main">Tour/Appearance</a><br>
<a href="inline.html" target="Main">Media</a><br>
<a href="inline.html" target="Main">Fan Section</a><br>
<a href="inline.html" target="Main">Site</a><br>
<a href="inline.html" target="Main">Links</a><br>
<a href="inline.html" target="Main">Me</a><br>
<a href="inline.html" target="Main">Contact Me</a><br>
</BODY>
</HTML>

Jared

11-23-2004, 04:00 AM

Rosey

11-23-2004, 04:01 AM

It should look like this:

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Default">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE>Gavin DeGraw..... Im Gonna Love You More Than Anyone.... </TITLE>
<style type="text/css">
body {
scrollbar-face-color : #ff0000;
scrollbar-shadow-color : #ff0000;
scrollbar-highlight-color : #ff0000;
scrollbar-3dlight-color : #ff0000;
scrollbar-darkshadow-color : #ff0000;
scrollbar-track-color : #ff0000;
scrollbar-arrow-color : #ff0000;
}
</style>

</HEAD>

<body background="http://musicrazygrl.tripod.com/cgi-bin/MenuBG.png" bgcolor="#ffffff" bgproperties="fixed" bgcolor="#FFFFFF" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">

<a href="inline.html" target="Main">Gavin DeGraw</a><br>
<a href="inline.html" target="Main">Gavin's Pictures</a><br>
<a href="inline.html" target="Main">Tour/Appearance</a><br>
<a href="inline.html" target="Main">Media</a><br>
<a href="inline.html" target="Main">Fan Section</a><br>
<a href="inline.html" target="Main">Site</a><br>
<a href="inline.html" target="Main">Links</a><br>
<a href="inline.html" target="Main">Me</a><br>
<a href="inline.html" target="Main">Contact Me</a><br>
</BODY>
</html>

Valkyrie

11-23-2004, 04:01 AM

It should look like this, and go between the head tags:

<style type="text/css">

body {
scrollbar-face-color : #ff0000;
scrollbar-shadow-color : #ff0000;
scrollbar-highlight-color : #ff0000;
scrollbar-3dlight-color : #ff0000;
scrollbar-darkshadow-color : #ff0000;
scrollbar-track-color : #ff0000;
scrollbar-arrow-color : #ff0000;
}

</style>

Edit: Hehe, I guess I was beaten to it, so this message can be deleted if needed. :p

MrsTimberCarter

11-23-2004, 04:13 AM

Yes it worked.... Thanks You So Much guys.... i have one more question... i changed the font on my links but now how do i make the font smaller.... please help..... thanks you!!!! >>>>>

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Default">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE>Gavin DeGraw..... Im Gonna Love You More Than Anyone.... </TITLE>
<style type="text/css">
body {
scrollbar-face-color : #404040;
scrollbar-shadow-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #404040;
scrollbar-darkshadow-color : #404040;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;
}
</style>
</HEAD>
<BODY>
<body background="http://musicrazygrl.tripod.com/cgi-bin/MenuBG.png" bgcolor="#ffffff" bgproperties="fixed"><center>
<body bgcolor="#FFFFFF" face="Arial" text="#FFFFFF" link="#FFFFFF" vlink="#FFFFFF" alink="#FFFFFF">
<a href="inline.html" target="Main">Gavin DeGraw</a><br>
<a href="inline.html" target="Main">Gavin's Pictures</a><br>
<a href="inline.html" target="Main">Tour/Appearance</a><br>
<a href="inline.html" target="Main">Media</a><br>
<a href="inline.html" target="Main">Fan Section</a><br>
<a href="inline.html" target="Main">Site</a><br>
<a href="inline.html" target="Main">Links</a><br>
<a href="inline.html" target="Main">Me</a><br>
<a href="inline.html" target="Main">Contact Me</a><br>
</BODY>
</HTML>

Rosey

11-23-2004, 04:19 AM

i would take everything you have out of the body tag and add into your css

but the background like this:

body {
scrollbar-face-color : #404040;
scrollbar-shadow-color : #000000;
scrollbar-highlight-color : #000000;
scrollbar-3dlight-color : #404040;
scrollbar-darkshadow-color : #404040;
scrollbar-track-color : #000000;
scrollbar-arrow-color : #000000;

background-image:url(imagename.jpg);
background: #hexcode;
font-family: arial, tahoma, verdana, serif;
color: #hexcode;
font-size: 12px;
}

That's for your body.

For your links do this:

a:link { font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #hexcode;
font-weight: normal;
text-decoration: none;
}

a:visited { font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #hexcode;
font-weight: normal;
text-decoration: none;
}

a:hover { font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #hexcode;
font-weight: normal;
text-decoration: none;
}

Then change what you want to change. I would look at lissa's css section and think about getting an external style sheet :)

MrsTimberCarter

11-23-2004, 04:39 AM

MMM i dont know what a style sheet is and you totally lost me!!!! im sry.... and you show me again!

Monkey Bizzle

11-23-2004, 04:53 AM

basically, take the scrollbar stuff that you added in, and replace it with what rosey said. like this:

<HTML>
<HEAD>
<META NAME="Author" CONTENT="Default">
<META NAME="Generator" CONTENT="Jasc Paint Shop Pro 7">
<TITLE>Gavin DeGraw..... Im Gonna Love You More Than Anyone.... </TITLE>
<style type="text/css">
body
{scrollbar-face-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #404040;
scrollbar-darkshadow-color: #404040;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;

background-image:url(http://musicrazygrl.tripod.com/cgi-bin/MenuBG.png);
background-color: #FFFFFF;
background-attachment: fixed;
font-family: arial, tahoma, verdana, serif;
color: #FFFFFF;
font-size: 12px;}

a:link
{font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;}

a:visited
{font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;}

a:hover
{font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;}
</style>

</HEAD>
<BODY>
<center>
<a href="inline.html" target="Main">Gavin DeGraw</a><br>
<a href="inline.html" target="Main">Gavin's Pictures</a><br>
<a href="inline.html" target="Main">Tour/Appearance</a><br>
<a href="inline.html" target="Main">Media</a><br>
<a href="inline.html" target="Main">Fan Section</a><br>
<a href="inline.html" target="Main">Site</a><br>
<a href="inline.html" target="Main">Links</a><br>
<a href="inline.html" target="Main">Me</a><br>
<a href="inline.html" target="Main">Contact Me</a><br>
</center>
</BODY>
</HTML>

smartie5602

11-23-2004, 06:38 PM

You could also create an external stylesheet as mentioned above, and put the code idicated in red above in a separte css document (past it into notepad and save it as filename.css). then all you need to put in your header is <link rel="stylesheet" href="filename.css" type="text/css">. Then, by updating the one css document, you change the attributes of every page that is linked to it (saves going through every page and changing your font size or background colour if you want to, for example).

xx

Jared

11-24-2004, 12:01 AM

remember if you use the external link method, in the document, take out the <style type="text/css"> and </style> tags out. so all you would have is:

body
{scrollbar-face-color: #404040;
scrollbar-shadow-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #404040;
scrollbar-darkshadow-color: #404040;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;

background-image:url(http://musicrazygrl.tripod.com/cgi-bin/MenuBG.png);
background-color: #FFFFFF;
background-attachment: fixed;
font-family: arial, tahoma, verdana, serif;
color: #FFFFFF;
font-size: 12px;}

a:link
{font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;}

a:visited
{font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;}

a:hover
{font-family: arial, tahoma, verdana, serif;
font-size: 12px;
color: #FFFFFF;
font-weight: normal;
text-decoration: none;}