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.
Name it STYLE.CSS
you could also put in DIVs' styles and such.
NOTE: Make sure not to put
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.
...and voila! You're done.
Easy, huh.
ps, cusotmizing your page with css is a WHOLE lot easier if you also use PHP Includes.
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;}
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 15 comments
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
NOT THAT HELPFUL
By Dee-eyah2k7 on Sep 22, 2007 1:04 pm
