CSS Stylesheet (external)

CSS Tutorials

Tutorial

Click on thumbnailed images to enlarge

Okay, this is an easier way to change you css for every page instead of one at a time, which can be a pain in the neck!

Well, okay... open an editor and put in your own css in it. Or like the one below.
<style>
a:link {
color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;

}

a:visited {
color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: uppercase;
text-decoration: none;

}

a:hover {
color: #870708;
font-family: verdana;
font-size: 6pt;
background:#FFFFFF;
text-transform: lowercase;
cursor:hand;

}

a img{border:1px solid #000000}


body{
background-color: #1ee849;
color: #000000;
font-weight:bold;
font-family: arial;
font-size: 12px;
margin: 0px auto;
padding: 0px;
text-align: JUSTIFY;
scrollbar-face-color:#1ee849;
scrollbar-shadow-color:#1ee849;
scrollbar-3dlight-color:#1ee849;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#1ee849;
scrollbar-darkshadow-color:#1ee849;
scrollbar-highlight-color:#1ee849;
}

table, tr, td{
background-color: #191919;
color: #c0c0c0;
font-family:arial;
font-size: 10px;
text-align: JUSTIFY;
border: #000000 0px solid;
}

h1 {
color: #000000;
font-size: 20px;
letter-spacing: -1px;
text-align: center;
font-family: arial;
margin: 10px 0px 0px 0px;
line-height: 15px;
}

h2 {
color: #000000;
font-size: 15px;
letter-spacing: -1px;
text-align: left;
font-family: arial;
margin: 10px 0px 0px 0px;
}

b, u, s, i{color: #870708;}



input, textarea {
border: 1px solid #03A512;
color:#c0c0c0;
font-family: arial;
font-size: 10px;
background: #191919;}


Name it STYLE.CSS

you could also put in DIVs' styles and such.
NOTE: Make sure not to put

</style>


at the end. Okay, now go to the page you want to import the css.
Include the following in the <HEAD> tags of your page.

<link rel=stylesheet href="http://www.sinful-soul.com/content/style.css" type="text/css"></a></style>


...and voila! You're done.
Easy, huh.

ps, cusotmizing your page with css is a WHOLE lot easier if you also use PHP Includes.

Tutorial Comments

Showing latest 10 of 16 comments

I actually like this code. Anyway, how do you use PHP? ._. Since I'm a beginner at using PHP it baffles me.

By TheOn3LeftBehind on Jan 10, 2010 1:10 pm

ow just go to this site girliejane.webs.com/css.html

By emo-princess on May 6, 2009 2:00 pm

wrong it would be something like this

By emo-princess on May 6, 2009 1:59 pm

Steps in using that code:

1.After editing paste it in notepad.
2.Save it into css file extension like this one css.css
3.Put it to your ftp
4.finish code would be something like this

you must upload it to your ftp

By emo-princess on May 6, 2009 1:57 pm

Oh and it's not even valid CSS. BAD BAD! Don't use this tutorial!!

By tehmiminator on Oct 10, 2008 9:14 pm

This is a big, fat mess. You should clean up your coding before you share it!

By tehmiminator on Oct 10, 2008 9:13 pm

does it work with myspace?

By emmijane on Sep 8, 2008 7:24 pm

thnx

By MOXiE-SOUL on Aug 3, 2008 2:09 pm

exactly what I was looking for, thanks! :]

By Smarmosaur on Apr 20, 2008 11:20 am

If it helps, I think it's a good tutorial for beginners :).

By monstrum on Feb 16, 2008 8:29 pm
View all »

Tutorial Details

Author thembc View profile
Submitted on Jul 29, 2006
Page views 58,555
Favorites 77
Comments 16