turn into style sheet [Archive] - Lissa Explains it All: Web Design Forums

View Full Version : turn into style sheet

onegurlrvltion

06-21-2004, 07:05 PM

<html>
<head>
<title>~*JUST JACOB*~</title>
<style type="text/css">

body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}
#left {
position: absolute;
left: 15px;
top: 350px;
width: 200px;
}
#center {
top: 0;
margin-left: 230px;
margin-right: 230px;
}
#right {
position: absolute;
right: 15px;
top: 0;
width: 200px;
}

A:link
{ text-decoration: value; [underline] color:#FFFFFF; }<style

type=text/css>body{scrollbar-face-color:6699FF;scrollbar-shadow-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;scrollbar-3dlight-color:FFFFFF;scrollbar-darkshadow-color:

FFFFFF;
scrollbar-track-color:FFFFFF;scrollbar-arrow-color:FFFFFF}</style>
<body background="http://members.aol.com/jellybeans126/images/bg1.gif">
</body>
</style>
</head>

<body>

<div id="header">

<img src="http://img61.photobucket.com/albums/v187/jsonline/lojj2.jpg">

</div>

<div id="center"><ilayer name="scroll1"><div id="scroll3"
style="width:525;height:1400;filter:alpha(opacity=65);bac kground-color:white;
overflow:auto">Updates here!!</textarea></div>

</div>

<div id="left">
<ilayer name="scroll1"><div id="scroll3"
style="width:200;height:1400;filter:alpha(opacity=65);bac kground-color:white;
overflow:auto">NAVIGATION
<BR>
<BR>
<a href="home.html">home</a> <P>
<a href="jacob.htm">jacob</a> <P>
<a href="media.html">media</a> <P>
<a href="www.html">www</a> <P>
<a href="site.html">site</a> <P> <P> <P> <P>
Affiliates<P>
<a href="page.html">
<img src="image.jpg" width="100" height="30" border="0" alt="Link Description">
</a> <P> <P> <P> <P>
wanna be an affiliate?<BR>
click <a href="mailto:hana@justjacob.tk" target="_blank">heres</a> to e-mail me
your site. YOU MUST HAVE A LINK
TO US ON YOUR SITE!
</div>
</textarea>

</div>

<div id="right"><ilayer name="scroll1"><div id="scroll3"
style="width:200;height:1750;filter:alpha(opacity=65);bac kground-color:white;
overflow:auto">here we will put picture of the month, site of the month, counter, webbie

info and more misc stuff :)</textarea></div>

</div>

</html>

ok, i made this layout thing, and i was wondering if there is a way to turn it into a style sheet??? PLEASE HELP!!! (one day i'll understand this all........ maybe...)

pb&j

06-21-2004, 07:17 PM

a style sheet would be....

take everything that you see inside these tags...
<style type="text/css">
everything in this area
</style>

open a new document and past the stuff on it and save it as "whatever.css".

now go back to your first page again, delete everything starting with...
<style type="text/css">
and down to...
</style>

in that space you just created, add this in...
<LINK href="whatever.css" rel="stylesheet" type="text/css">

save everything and you are set.

onegurlrvltion

06-21-2004, 07:20 PM

thanks!!!! so then i can use the code in any page i make right?

onegurlrvltion

06-21-2004, 07:27 PM

ok, i just have one more problem w/ the style sheet. everything works, but
A:link
{ text-decoration: value; [underline] color:#FFFFFF; }<style

type=text/css>body{scrollbar-face-color:6699FF;scrollbar-shadow-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;scrollbar-3dlight-color:FFFFFF;scrollbar-darkshadow-color:

FFFFFF;
scrollbar-track-color:FFFFFF;scrollbar-arrow-color:FFFFFF}
<body background="http://members.aol.com/jellybeans126/images/bg1.gif">
that's the part were i have color and such. how do i make this work in my style sheet?

salomeyasobko

06-21-2004, 07:57 PM

you put html codes in your style sheet and you can't do that.. the HTML is in red:

A:link
{ text-decoration: value; [underline] color:#FFFFFF; }<style

type=text/css>body{scrollbar-face-color:6699FF;scrollbar-shadow-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;scrollbar-3dlight-color:FFFFFF;scrollbar-darkshadow-color:

FFFFFF;
scrollbar-track-color:FFFFFF;scrollbar-arrow-color:FFFFFF}
<body background="http://members.aol.com/jellybeans126/images/bg1.gif">

so erase the first red part and change the second red part to this:

body {background-image: url("http://members.aol.com/jellybeans126/images/bg1.gif") }

your style sheet appears to be pretty messed up though, no offence :lol: can you show me the URL for your style sheet? i'll try to fix it abit for you :o

onegurlrvltion

06-21-2004, 08:01 PM

pb&j

06-22-2004, 07:13 AM

if that is your external css page, it should actually look like this...
(no html tags or style tags allowed.)

A:link {
text-decoration: underline;
color:#FFFFFF;
}

body {
scrollbar-face-color:6699FF;
scrollbar-shadow-color:FFFFFF;
scrollbar-highlight-color:FFFFFF;
scrollbar-3dlight-color:FFFFFF;
scrollbar-darkshadow-color:FFFFFF;
scrollbar-track-color:FFFFFF;
scrollbar-arrow-color:FFFFFF;
background-image: url("http://members.aol.com/jellybeans126/images/bg1.gif");
margin: 0px;
}

#header {
margin: 20px;
padding: 10px;
height: 100px;
}

#left {
position: absolute;
left: 15px;
top: 350px;
width: 200px;
}

#center {
margin-left: 230px;
margin-right: 230px;
}

#right {
position: absolute;
top: 0px;
right: 15px;
width: 200px;
}