Vegetables by Free CSS Templates

XAT ORBE

PUESTA DE SOL

MI PRIMER DISEÑO CSS!!



TEXTO POR ENCIMA

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>AQUI EL TITULO DE UT WEB</title>
<link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header">
  <h1><a href="#">texto</a></h1>
  <h2><a href="#">texto</a></h2>
</div>

<div id="content">
  <div id="colOne">
    <div id="menu">
<h3> MENÚ </h3>
      <ul>
        <li><a href="#"accesskey="1">Homepage</a></li>
        <li><a href="#"accesskey="2">My Journal </a></li>
        <li><a href="#"accesskey=3">My Photos </a></li>
        <li><a href="#"accesskey=4">My Favorites </a></li>

        <li><a href="#" accesskey="5">Contact Me</a></li>
      </ul>
      <h3> </h3>
      <p></p>
      <h3>MENU 2</h3>
      <p></p>

      <ul>
        <li><a href="#">Suspendisse quis gravida</a><a href="#">TEXTO</a></li>
        <li><a href="#">Vivamus sagittis bibendum</a><a href="#"TEXTO</a></li>
        <li><a href="#">Nullam et orci in erat…</a></li>
      </ul>
    </div>
  </div>


TEXTO POR DEBAJO


      
     
    </div>
  </div>
</div>
<div id="footer">
  <p>ADAPTADO POR CSSADAPTER.ES.TL <a href="http://cssadapter.es.tl"><strong>cssadapter</strong></a></p>
</div>
</body>
</html>


TEXTO CSS CODE SIN STYLE TAGS

lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;} 



body {

	margin: 0;

	padding: 0;

	background: #0D0D0D url(http://img21.xooimage.com/files/7/e/5/img1-16d63b3.gif) repeat-y center top;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #707070;

}



h1, h2, h3 {

	text-transform: lowercase;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-weight: normal;

	font-style: italic;

	color: #FF941D;

}



h2 { font-size: 24px; }

h3 { font-size: 18px; }



p, ol, ul, blockquote {

	line-height: 22px;

}



a {

	border-bottom: 1px dotted #707070;

	text-decoration: none;

	color: #BFBFBF;

}



a:hover {

	border: none;

}



strong {

	color: #8D8C8C;

}



/* Posts */



.post {

	margin-bottom: 9px;

	padding: 20px 40px 20px 60px;

	background: #131313;

	border-top: 1px solid #1F1F1F;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #1F1F1F;

	background: url(http://img21.xooimage.com/files/7/e/5/img1-16d63b3.gif) repeat-y -150px 0px;

}



.post h2, .post h3 {

	margin-left: -40px;

}



/* Header */



#header {

	width: 600px;

	height: 280px;

	margin: 0 auto;

	background: url(http://img25.xooimage.com/files/7/f/2/img2-16d639e.jpg);

}



#header h1 {

	margin: 0;

	padding: 40px 0 0 40px;

	font-size: 36px;

}



#header h2 {

	margin: 0;

	padding: 0 0 0 192px;

	font-size: 16px;

}



#header a {

	border: none;

	letter-spacing: -1px;

	color: #FFFF52;

}



/* Content */



#content {

	width: 580px;

	margin: 0 auto;

	padding: 10px;

}



#colOne {

	float: left;

	width: 180px;

}



#colOne ul {

	margin-left: 0;

	padding-left: 0;

	list-style: none;

}



#colTwo {

	float: right;

	width: 390px;

}



/* Footer */



#footer {

	clear: both;

	width: 580px;

	margin: 0 auto;

	padding-top: 20px;

}



#footer p {

	margin: 0;

	text-align: center;

	font-size: 9px;

}



#footer * {

	color: #333333;

}




 
=> ¿Desea una página web gratis? Pues, haz clic aquí! <=