Prueba diseños

Plantilla wario version2.0

Bueno aqui dejo mi 3 diseño css jeje el 2 no lo termine estaba dificil no me salio : S bueno aqui dejo mi css design si mas que decir espero que les guste



Texto encima de la página
Código:
<head>
<title>tu titulo</title>
<link rel="STYLESHEET" type="text/css" href="estilo.css">
</head>


<div id="cabecera"><img src="http://pixelea.com/s/58d4c353c8.png" width="700" height="106" alt="warioteayuda.es.tl" border="0"></div>

<div style="position:absolute;left:45px;top:200px;">
<img src="http://pixelea.com/s/056441bafb.png">
</div>

<div style="position:absolute;left:45px;top:420px;">
<img src="http://pixelea.com/s/056441bafb.png">
</div>

<div style="position:absolute;left:45px;top:650px;">
<img src="http://pixelea.com/s/056441bafb.png">
</div>
<div style="position:absolute;left:95px;top:300px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>
<div style="position:absolute;left:775px;top:200px;">
<img src="http://pixelea.com/s/136080757d.png">
</div>

<div style="position:absolute;left:95px;top:510px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>
<div style="position:absolute;left:95px;top:750px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>

<div style="position:absolute;left:855px;top:220px;"><center>
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
<a href="#" class="enlacenav">link</a> <br />
</center></div>

<div style="position:absolute;left:675px;top:130px;"><center>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
</center></div>

<div style="position:absolute;left:45px;top:990px;">
<img src="http://pixelea.com/s/58fad67749.png">
</div>

<div style="position:absolute;left:110px;top:1035px;"><center>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
<a href="#" class="enlacenav">link</a>
</center></div>


Css codes sin style sin tags:
Código:

BODY {
background : #C0D9D9 url(http://pixelea.com/s/515836e03f.png) repeat;
font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #666666;
margin : 20px 0px 20px 0px;
text-align: center;
}


#content {
height: 740px;
width: 460px;
background:;
background-image:url(http://pixelea.com/s/7fb86853d2.png);
color: #ffffff;
margin: 0px 0px 0px 0px;
padding: 0px;
display: inline;
float: left;
overflow:auto;
border: 1px solid #6E6E6E;
z-index: 4;
position:absolute;left:260px;top:170px;}




#extraDiv1 {display: none;}
#extraDiv2 {display: none;}
#extraDiv3 {display: none;}
#extraDiv4 {display: none;}
#extraDiv5 {display: none;}
#extraDiv6 {display: none;}
#pre_header {display: none;}
#post_header {display: none;}
#pre_content {display: none;}
#nav_heading{display: none;}
div.header{display: none;}
h1#title{display: none;}
h2#title span {display: none;}

a{
color:#4A9AF6;
text-decoration: none;
font-size:13px;}
a:hover {
color:#ffffff;
font-size: 13px;
text-decoration: none;}
a:link {
color:#4A9AF6;
font-size: 13px;
text-decoration: none;}
a:active {
color:#d3d7da;
font-size: 13px;
text-decoration: none;}
a:visited {
color:#1c3878;
font-size: 13px;
text-decoration: none;}

#counter {
position: absolute;
left: 50%;
top:4px;
margin-left: 300px;
width: 1000px;
height:0px;

Nota : es aconsejable no editar nada x que pueden malograr la plantilla al menos que esten 100 % seguros que hacen , claro los links tambien es un poco dificil enteder mi css salu2 !
No sean duros :S
jeje disculpen si esta un poco largo
Hoy habia 1 visitantes (1 clics a subpáginas) ¡Aqui en esta página!
Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis