Bueno aqui lo tienes
pero te advierto es algo largo, te recomiendo que lo pegues en el html-kit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>"Variedad Jordan"</title>
<TITLE>Variedades de Jordan.</TITLE>
<META content="text/html; charset=iso-8859-1" http-equiv=Content-Type>
<META content="es" http-equiv="Content-Language">
<META content="Variedad jordan torex Jordan Orojordan" name="description">
<META content="Variedadesdejordan,torex,variedadjordan,jordan" name="keywords">
<META content="all" name="robots">
<LINK rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="comun/estilo.css" type="text/css" media="all">
</head>
<body>
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</img></div>
<div id="globales">
<div id="publicida"></div>
</div>
<DIV id="temas-arriba">
<ul>
Home
Boletin
Utilidades
Contacta
Juegos
Videos
</DIV>
<div id="final-menu"><h3></h3></div>
<div id="contenido">
<div id="menu">
<h1>Navegador Variedad Jordan</h1>
<ul>CuentosChistesAprendiendoConsejos
</div>
<div id="google"> <h1>Publicidad</h1><script type="text/javascript"><!--
google_ad_client = "pub-7253461553724577";
google_ad_width = 120;
google_ad_height = 600;
google_ad_format = "120x600_as";
google_ad_type = "text_image";
//2007-10-19: variedadjordan.com
google_ad_channel = "3068876594";
google_color_border = "333333";
google_color_bg = "666666";
google_color_link = "666666";
google_color_text = "333333";
google_color_url = "666666";
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<h1>Bienvenidos/as a Variedad Jordan</h1>
<h2>Tu sitio de entretenimiento cuando estes aburrido..!</h2>
Bienvenid@, en este sitio web podras entretenerte, buscar informacion, y mejorar tu web, tambien encontraras tutoriales, y videos, Hay de todo tipo de cosas, por eso se llama "Variedad Jordan"</p>
<h2>Un Foro de discusiòn</h2>
Ya nos aseguramos de tener un foro de discusiòn, para que publiques tus ideas y mucho mas, tambien trabajamos para que sea igual que nuestra web , asi que disfrutalo !ENTRA!</p>
<h2>Boletin informativo</h2>
Informate un poco mas sobre esta web, en version BETA 1. ayudanos a pasar de beta.</p>
<h2>Envia Tu Cuento</h2>
Por ahora tenemos pocos cuentos publicados, asi que envia tu cuento por e-mail y con gusto lo publicaremos, con tu nombre, para que seas famoso, jeje..
</p>
Animate, y envia tu cuento al siguiente mail, [correo eliminado]</p>
<h2>Un poco de Educacion-utilidad</h2>
Como variedad-Jordan , es como un sitio de "OCIO" he decidido ofrecer servicios a la comunidad virtual, como estas nuevas secciones: utilidades ara tu web, y Aprendiendo.</p>
<h2>Utilidades para tu Web</h2>
En la seccion de utilidades para tu web, podras encontrar multiples alternativas para mejorar un poco la calidad de su sitio web, por ejemplo,Contadores web, relojes, codigos JavaScript interesantes, Chats, y muchas cosas mas. </p>
<h2>Inarguraciòn de la Web</h2>
Como inarguramos la web , abriremos un concurso epico. !Muy Pronto! esperalo... </p>
atte. Jordan Torex</p>
</div>
<div id="pie">
<div id="pieuno">
<ul>
ForoContactosNos Enlazan
</div>
<div id="piedos"><h1>"Copyright © 2007 Variedad Jordan (Torex)"</h1>
Nigun dato de esta pagina puede ser reproducido sin autorizacion del autor. por mail</p></div>
<div id="pietres">
<ul>
DirectorioVuelve arribaMapa de la Web
</div>
</div>
</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>
Ahora el estilo
* {text-indent:0px ; margin:0px ; padding:0px ; border:0px}
p {text-align: justify; font-family: Comic Sans MS}
h1 {font-size: 1.3em; color: navy ; font-weight: bold ; text-decoration: underline ;
text-align: center}
h2 {font.size: 1.2em; color:blue ; font-weight: bold ; text-decoration: none ;
text-align: center}
h2 {font.size: 16 ; color: white ; font-weight: bold ; text-decoration: none ;
text-align: center}
body { background-color: black ;text-align: center; background-image: url(objetos/fondo.png) ; background-repeat: no-repeat; background-position: top left }
img {border-style: none}
#global {width: 1000px ; margin: 0px 1px 4px 9px auto}
#curv-superior { background-image: url(objetos/curva-superior.gif) ;
background-repeat: no-repeat ;
width: 800px ;
height:12px ;
overflow: hidden }
#cabecera {background-color: none; border-left: none ;
border-right: black 1px solid ; height: 0 px auto; margin-left: 38px }
#globales {width: 900px ; margin: 0px 0px 0px 0px auto; float: center}
#logotipo {width: 800px; height 800px; float:left }
#publicidad {width:518px ; float:right ; margin-top:25px ; font-size: 16px }
#temas-arriba {background-image: ; border: black 0px solid ; height: 1px;margin: 0px 0px 0px 0px ; WIDTH: 959px ;background-image: url(objetos/relleno-menu.png);background-repeat: no-repeat; background-color: none}
#temas-arriba li {float:left ; list-style:none ; margin: 0px 15px 0px 0px;}
#temas-arriba ul { margin: 0px 0px 0px 0px; float: left ; font-color: white}
#temas-arriba div {FLOAT:left ; OVERFLOW: hidden; WIDTH: 49px; HEIGHT: 17px; TEXT-ALIGN: center; BACKGROUND-IMAGE: url(objetos/navegacion.png); background-repeat: no-repeat}
#temas-arriba DIV A {DISPLAY: block; COLOR: #000; LINE-HEIGHT: 20px; COLOR: white; FONT-SIZE: 10}
#temas-arriba li A:LINK {COLOR: white}
#temas-arriba li A:VISITED {COLOR: white}
#temas-arriba li A:HOVER {background-image: url(objetos/menu-activo.png); background-repeat: no-repeat; background-color: none}
#temas-arriba li A:ACTIVE {COLOR:#FFFFFF}
#final-menu {background-image: url(objetos/sub-menu.png);background-repeat: no-repeat; height: 35px;margin: 0px 0px 0px 0px ; WIDTH: 959px}
#contenido {background-color: #333333; border-left: blac p solid ;
border-right: blac px solid ;float: left; margin-left: 1px; margin-rigth:1px; heigth: 880px; width:920px}
#contenido p {margin: 5px 10px 0px 10px ; text-indent: 15px}
#menu {background-color: #666666 ; width: 150px ; float:left ;
text-align:left ; margin: 10px 10px 10px 10px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ;
padding-bottom:5px;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
border-bottom: black 1px solid ; }
#menu li {list-style:none ; margin: 4px 8px 4px 14px }
#menu h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/relleno.png) ;
padding-top:12px }
#google {background-color: #666666 ; background-image: url(objetos/relleno.png);width: 150px ; float:left ;
text-align: center ; margin: 10px 10px 10px 10px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: left bottom;
padding-bottom:5px;
border-left: black 1px solid ;
border-right: black 1px solid ;
border-top: black 1px solid ;
border-bottom: black 1px solid ; }
#google h1 {text-decoration:none ; font-size:12px ;
background-image: url(objetos/relleno.png) ;
padding-top:12px }
#pie { background-color: white ; float:left ;
border-left: black 1px solid ;
border-right: blac 1px solid ;
border-top: blac 1px solid ;
height: 65px ;width:921px ;
border-left: blac px solid ; border-right: black 0px solid ;
border-top: black 1px solid ; height: 65px; margin-top: 0px; background-color: #666666 }
#pie li {list-style:none ; font-size: 12px }
#pieuno {float:left ; width:150px }
#piedos {float:left ; width:498px ; background-color: #666666}
#pietres {float:left ; width:150px }
#curva-inferior { background-image: url(objetos/curva-final.png) ;
background-repeat: no-repeat ;
width: 950px ;
height:150px ;
overflow: hidden ; margin-left: 22px}
#menu a { font-size:15; font-family:Comic Sans MS ;color: black ; text-decoration:none ; display: block }
#menu a:link {color:black ; text-decoration:none ; background-color: none}
#menu a:visited {color:black ; text-decoration:none ; background-color: none}
#menu a:hover {color:White ; text-decoration:underline ; background-color: none}
#menu a:active {}
#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}
#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}
a {color: red; text-decoration:none }
a:link {}
a:visited {}
a:hover {color:black ; text-decoration:underline ; background-color: white }
a:active {color:black}
Por favor ayuda.-..