How'd you put CSS in?

Home :: Help :: Search :: Calendar :: Login :: Register

Furtopia | Family Friendly Furry Forum and IRC Chat! > the basement > the archives > web design support > How'd you put CSS in?

Pages: [1]

« previous next »

Send this topic | Print

	Author	Topic: How'd you put CSS in? (Read 485 times)
0 Members and 1 Guest are viewing this topic.

Kayleigh

Half-wolf, half-dragon

Sr. Member

Offline

Posts: 264

« on: September 15, 2005, 07: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

CarLOS

"Vote Pirate!"

Hero Member

Offline

Posts: 2992

« Reply #1 on: September 15, 2005, 07: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

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]

Send this topic | Print

« previous next »

Jump to: