Tutorial
Click on thumbnailed images to enlarge
Well, okay... open an editor and put in your own css in it. Or like the one below.
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
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.
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.
ow just go to this site girliejane.webs.com/css.html
wrong it would be something like this
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
Oh and it's not even valid CSS. BAD BAD! Don't use this tutorial!!
This is a big, fat mess. You should clean up your coding before you share it!
does it work with myspace?
thnx
exactly what I was looking for, thanks! :]
If it helps, I think it's a good tutorial for beginners :).
