Foros del Web - Ver Mensaje Individual

epa2 · #29 (**permalink**) 08/10/2003, 06:17

P: ¿Como puedo hacer mi sitio web construido en base a CSS?
R: Con este código
CREDITOS: BRAVENET

Código:

<html>
<head>
<style>
body
{
    color: #000000;
	background-color: white;
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#navcell
{
	padding-top : 2px;
	padding-bottom : 2px;
	padding-left : 30px;
	border-top: 0px solid #fc6;
	border-right: 0px solid #fc6;
	border-bottom: 1px solid #fc6;
	border-left: 0px solid #fc6;
	font-family: Arial, Helvetica, sans-serif;

}


#nav{
	position: absolute;
	top : 130px;
	left : 30px;
	width : 160px;
	font-weight: normal;
	line-height: 30px;
	color: #000000;
	}

#nav ul, #nav li {
	list-style-type: none;
}
	
#nav a, #nav li.active li a 
{
	color: #930;
	text-decoration: none;
}

#nav a:hover, #nav li a:hover 
{
	background-color: #fc6;
	color: #930;
	text-decoration: none;
}

#nav li.active a {
	background-color: #fc6;
	color: #930;
	text-decoration: none;
}

a {
	color: #930;

}

a:visited {
	color: #f60;
}
	
#content{
	padding-top : 5px;
	padding-bottom : 30px;
	padding-left : 230px;
	padding-right : 5%;
	background-color: #FFFFF9;
	color: #000000;
}

p,ul,ol {
	font-size: 10pt;
	text-align: justify;
	color: #000000;

}

h1, h2, h3 {
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 200%;
	font-weight: bold;
}

h2 {
	font-size: 130%;
	font-weight: bold;
	text-align: right;
	padding-right: 3px;
	border-top: 0px solid #fc6;
	border-right: 0px solid #fc6;
	border-bottom: 1px solid #fc6;
	border-left: 0px solid #fc6;

}

h3 {
    font-size: 100%;
    font-weight: bold;
}

</style>
  </head>
  <body>
  <div style="position: absolute; width: 100%;">
    <div id="navcell">
      <div id="nav">
        <ul>
          <li><a href="index.html">Home Page</a></li>
          <li><a href="about.html">Acerca de mí</a></li>
          <li><a href="links.html">Links</a></li>
          <li><a href="contact.html">Contactos</a></li>
        </ul>
      </div>
      <h1>{EPA2.COM}</h1>
    </div>
    <div id="content">
      <h2>Title</h2>
      <h3>Subtitle </h3>
      <p>Hola amigos, que alegría la mia contribuir con mi pequeñez ignoracia a esta faqs, ¿algún día llegaré a ser un maestro?. Bueno, pienso que a lo mejro dentro de unos 500 o 600 años podré hacer algo en este mundillo, un salu2 a todos mis colegas y también a los que no lo son.</p>
      <h3>Subtitle </h3>
      <p>Hola amigos, que alegría la mia contribuir con mi pequeñez ignoracia a esta faqs, ¿algún día llegaré a ser un maestro?. Bueno, pienso que a lo mejro dentro de unos 500 o 600 años podré hacer algo en este mundillo, un salu2 a todos mis colegas y también a los que no lo son.</.</p>
             
      <h2>Title</h2>
      <h3>Subtitle </h3>
      <p>Hola amigos, que alegría la mia contribuir con mi pequeñez ignoracia a esta faqs, ¿algún día llegaré a ser un maestro?. Bueno, pienso que a lo mejro dentro de unos 500 o 600 años podré hacer algo en este mundillo, un salu2 a todos mis colegas y también a los que no lo son.</.</p>
   
    </div>
  </div>
  </body>
  </html>

PD: se me olvidaba, en las páginas de enlace de tu sitio no olvides vincular el css (creo)