« previous next »
Pages: [1]

Author Topic: How'd you put CSS in?  (Read 2021 times)

0 Members and 1 Guest are viewing this topic.

Offline Kayleigh

  • Sr. Member
  • ****
  • Female
  • Posts: 264
    • http://bleachedwhite.net
How'd you put CSS in?
« on: September 15, 2005, 08:11:28 am »
OK, I'm rather stuck (again?).

Could somebody point out to me HOW TO PUT THE CSS IN.

Honestly.
Logged
<a href="http://www.bleachedwhite.deviantart.com" target="_blank">DA</a>|<a href="http://www.bleachedwhite.net" target="_blank">BWNET</a>
<i>I had some dreams they were clouds in my coffee, clouds in my coffee...</i>

Av by Munkart

Offline CarLOS

  • Hero Member
  • Vote Pirate!
  • *****
  • Male
  • Posts: 2992
How'd you put CSS in?
« Reply #1 on: September 15, 2005, 08:39:35 am »
I assume you read the page on the protocol as to what the Furtopia servers look for and where?

Ok, so how to insert it in your page... assuming you named your style sheet styles.css and placed it in the directory called css, place the following line withing your HEAD tags:
Code Sample

<link rel="stylesheet" type="text/css" href="css/styles.css">


Here is an example of my HTML headers:
Code Sample

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>
<meta name="MSSmartTagsPreventParsing" content="TRUE">
<meta name="ROBOTS" content="INDEX, FOLLOW">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="Bluefish">
<meta name="author" content="Gregg van der Sluys">
<meta name="description" content="CarLOS - Menu">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<title>CarLOS | Cartoons on Linux Operating System | Main Menu</title>
</head>


and my style sheet:
Code Sample

BODY
{
Color: #1FC;
Background-Color: #000;
Background-Image: url(marble.png);
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 100%;
}

H1
{
Color: #EC9;
Background-Color: Transparent;
Font-Family: Arial Black, Sans-Serif;
Font-Weight: Bold;
Font-Size: 28px;
Text-align: center;
}

HR
{
width: 50%;
}

TABLE
{
Background-Color: #000;
Border-style: solid;
Border-width: thin;
Border-color: #CCC;
}

TD
{
padding: 10px;
outline-color: #006;
outline-style: solid;
outline-width: thin;
}

.hd
{
Color: #F70;
Background-Color: Transparent;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Size: 12px;
}

.ft
{
Background-Color: Transparent;
Border-style: none;
outline-style: none;
}

A:ACTIVE
{
Color: #C00;
Background-Color: Transparent;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Style: italic;
Font-Size: 100%;
}
 
A:LINK
{
Color: #FC0;
Background-Color: Transparent;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Weight: bold;
Font-Style: italic;
Font-Size: 100%;
}
 
A:VISITED
{
Color: #666;
Background-Color: Transparent;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Style: italic;
Font-Size: 100%;
}

A:HOVER
{
Color: #F60;
Background-Color: Transparent;
Font-Family: Arial, Helvetica, Sans-Serif;
Font-Style: italic;
Font-Size: 100%;
}
 


Hope this helps! '<img'>
Logged
Pages: [1]
« previous next »