PDA

View Full Version : CSS Help with premade layouts

kiara
11-30-2003, 07:31 PM
Okay, I downloaded a premade layout that was zipped. I then extracted the files (I hope that unzipped it) and opened the folder. There were a bunch of icons (background,a couple peices of the image) and CSS. I opened the CSS icon and saw it was HTML. I have no idea what to do now. So any help will be welcomed!!
Rosey
11-30-2003, 08:25 PM
What are you trying to do with it?
kiara
11-30-2003, 09:44 PM
I'm trying to put it on my geocities website. Do you need the code? Here it is:
<script language="JavaScript" type="text/JavaScript">
<!--
function
MM_reloadPage(init) { //reloads the window if Nav4 resized
if
(init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
//-->
</script>

<head>
<style type="text/css">
<!--
body, td, br,p, div {font-family:tahoma; font-size:11px; color:#080EB0; text-align:justify}
a:link {text-decoration: none; cursor: help; color:#046EFF}
a:visited {text-decoration: none; cursor: help; color:#046EFF}
a:hover {color: #012FFE; font-weight:bold; text-decoration: overline underline; cursor: help; FILTER: #FFFFFF blur(strength=30);
HEIGHT: 5px;}
a:active {text-decoration: none; cursor: help; color:#FFC066; font-weight: bold}

body {direction:ltr; cursor: default;
SCROLLBAR-FACE-COLOR: #7CB1FF;
SCROLLBAR-HIGHLIGHT-COLOR: #080EB0;
SCROLLBAR-3DLIGHT-COLOR: #080EB0;
SCROLLBAR-ARROW-COLOR: #080EB0;
SCROLLBAR-TRACK-COLOR: #0569FF;
SCROLLBAR-DARKSHADOW-COLOR: #080EB0;
}

p.head {
color: #012FFE;
text-size: 11pt;
text-align: center;
background-color: transparent;
font-weight: bold;
margin-bottom: 12;
border: #080EB0;
border-style: dashed;
border-top-width: 2;
border-left-width: 0px;
border-bottom-width: 2;
letter-spacing: 6px;
border-right-width: 0;
FILTER: #FFFFFF blur(strength=30);
HEIGHT: 5px;}


-->
</style>

</head>
kittycat
12-01-2003, 12:53 AM
So this was a .css file? If it is then you need to remove the javascript, head and style tags.

If this was a regular HTML file, what exactly are you trying to do? You should just be able to upload it to geocities and it should work, unless you want to change part of it or something (although if it's premade you usually wouldn't want to...)
kiara
12-02-2003, 12:19 AM
I'm really dense in HTML. But how exactly do I upload it? And what should I cut out and such?

Also, it came in a folder with a couple other things. An AOL file (it showed the entire background) and a couple pieces of the background...along with this one file labled bg but it's only a thin line of color...what do I do with those? Or should I ignore them?


Please use the edit button within the 5 minute time limit.
Rosey
12-02-2003, 12:24 AM
CSS can be in one of 2 forms:

Either as a seperate file called something.css, usually style.css or it can be on your actual html document towards the top.

Is your on the html file?


To upload, you use an ftp client and you can put the pages onto your webspace.
kiara
12-02-2003, 12:27 AM
Well it says css.css and I'm not really sure what to do with it ^-^;;; the webmaster told me to go to upload files but she didn't say what to upload and what to do after that...I'm really dense lol.
Rosey
12-02-2003, 01:50 AM
Ok css.css that's fine.

You take all the files that came in that zip file and put them on your webspace.

What you do is open the html files and put your own text there.

Unless you want to change the color of the fonts or the text, there is no reason for you to mess with the css.css file unless the css.css file is the code you posted. In that case remove what kittykat told you to remove, save it and then upload it.

In your file manager in geocities, there is a place to upload, use it to upload your pages.
kiara
12-02-2003, 01:54 AM
The webmaster told me to upload the images and place them on my site, so I think I semi-got it. But I don't think it's perfect. If it helps my website is www.geocities.com/burningtheshadows/home.html
Rosey
12-02-2003, 02:10 AM
What's it supposed to look like? Is the background supposed to be white like that?

The code is a little messed up: the style and script tags need to be in the <head> tag

<html>


<head>
<title>title</title>

<style type="text/css">

blah blah

</style>

<script language="JavaScript" type="text/JavaScript">

yaddiyadda

</script>

</head>

<body>

content

</body>
</html>
kiara
12-02-2003, 11:31 AM
<html>

<head>
<title>.burning.the.shadows.</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function
MM_reloadPage(init) { //reloads the window if Nav4 resized
if
(init==true) with (navigator) {if
((appName=="Netscape")&& (parseInt(appVersion)==4)
) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH)
location.reload();
}
MM_reloadPage(true);
//-->
</script>

<style type="text/css">
<!--
body, td, br,p, div {font-family:tahoma; font-size:11px; color:#080EB0; text-align:justify}
a:link {text-decoration: none; cursor: help; color:#046EFF}
a:visited {text-decoration: none; cursor: help; color:#046EFF}
a:hover {color: #012FFE; font-weight:bold; text-decoration: overline underline; cursor: help; FILTER: #FFFFFF blur(strength=30);
HEIGHT: 5px;}
a:active {text-decoration: none; cursor: help; color:#FFC066; font-weight: bold}

body {direction:ltr; cursor: default;
SCROLLBAR-FACE-COLOR: #7CB1FF;
SCROLLBAR-HIGHLIGHT-COLOR: #080EB0;
SCROLLBAR-3DLIGHT-COLOR: #080EB0;
SCROLLBAR-ARROW-COLOR: #080EB0;
SCROLLBAR-TRACK-COLOR: #0569FF;
SCROLLBAR-DARKSHADOW-COLOR: #080EB0;
}

p.head {
color: #012FFE;
text-size: 11pt;
text-align: center;
background-color: transparent;
font-weight: bold;
margin-bottom: 12;
border: #080EB0;
border-style: dashed;
border-top-width: 2;
border-left-width: 0px;
border-bottom-width: 2;
letter-spacing: 6px;
border-right-width: 0;
FILTER: #FFFFFF blur(strength=30);
HEIGHT: 5px;}


-->
</style>

</head>
<body>
Hello blah blah blah this is where I put updates and such...
</body>
</html>So it would look like this?
Rosey
12-02-2003, 12:01 PM
Bingo!