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