Who knows xhtml/css coding

[Alis]

Who knows xhtml/css coding

Im kind of needing a big help does anyone know xhtml/css coding... Im interested in creating a blog theme. But "im fishy on some parts"

 

[Shadow-Sigma]

I'm more fluent in CSS than XHTML, but they're both pretty easy.

I will be more than happy to help you in the learning process. However, I would like for you to try to learn the basics. Even if it's just CSS, it's a good feeling to say, "I did that!"

Before someone handing you code, I would suggest learning both languages if you have the time. If you have previous coding experience, you can understand CSS easily enough, it's very easy and most widely used in communities like MySpace. I don't really know what you're trying to do with XHTML, so I'll leave that off for now since CSS is probably easier and more common.

With a google search, you can find many profile/blog/etc. CSS generators. You can also find a wealth of documentation and tutorials on both languages.

 

[LightShade]

/* CSS Document */
p, td
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: white;
}
h1
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 26px; 
	font-weight: bold;
	color: #FFFFFF;
}
h2
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 24px; 
	font-weight: bold; 
	color: #FFFFFF;
}
h3 
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 18px; 
	font-weight: bold; 
	color: #FFFFFF;
}
h4
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: bold; 
	color: #FFFFFF;
}
h5
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	color: #FFFFFF;
}
h6
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
}	
.textfield 
{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size:12px;
	background: #000000;
	color: #FFFFFF;
    border : 1px solid #66CCFF;
}

.transparent 
{		
	filter:alpha(opacity=75);
	background-color:green;		
	display:none;		
	width:170;
	height:100;
	position:absolute;		
	color: white;		
	border: 1 green solid;	
}

.transparentlayer 
{		
	filter:alpha(opacity=75);	
}


.textarea 
{
	background-image:url("");
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    font-size:12px;
	color: #FFFFFF;
    border : 1px solid #66CCFF;
}
#mybutton 
{
	border-style: inset;
	border-color: #ff6633;
   	background-color: #CC3300;
   	text-decoration: none;   
    width: 80px;
    text-align: center;
}

.buttonover 
{
	color: yellow;
    text-decoration: none;
    font: bold 12pt Verdana;
    cursor: hand;
}

.bttn 
{
	background-image:url("");
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	font-size:36px;
	border-bottom: 2px solid #66CCFF;
	border-right: 2px solid #66CCFF;
	border-left: 2px solid #66CCFF;
	border-top: 2px solid #66CCFF;
	color:#FFFFFF;
	text-decoration:none;
	cursor: hand;
}

a:link 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #FFFFFF; 
	text-decoration: none
}

a:visited 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #C0C0C0; 
	text-decoration: none
}

a:hover 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #66CCFF; 
	text-decoration: none
}

a:active 
{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	font-variant: normal; 
	text-transform: none; 
	color: #FF0000; 
	text-decoration: none
}

body 
{
	scrollbar-face-color: #000000; 
	scrollbar-shadow-color: #C0C0C0; 
	scrollbar-highlight-color: #000000; 
	scrollbar-3dlight-color: white; 
	scrollbar-track-color: #000000;
	scrollbar-arrow-color: #66CCFF;
	scrollbar-darkshadow-color: #000000;
	margin-top: 10;
	margin-bottom: 10; 
	margin-left: 10; 
	margin-right: 10;
	background-image: url("");
	background-attachment: fixed
}

There's a bunch of CSS to play with. Just gotta link it to your HTML.

Just throw something like this in the <HEAD> tags...

<link href="http://www.yoursite.com/css/style.css" rel="stylesheet" type="text/css" />
	<link REL="SHORTCUT ICON" href="http://www.yoursite.com/index/addressbar_icon.ico">

 

[TMSTKSBK]

Bit late for this...