WarioTeAyuda
Nuevas plantillas
Plantilla warcraft! :Código: |
<style type="text/css"> <!— td.edit_rechts_cbg{background-image: none;} td.edit_navi_headbg{background-image:url(URL);} td.edit_rechts_bottom{background-image:url(URL);} edit_rechts_bottom { BACKGROUND-IMAGE: none } edit_navi_headbg{ BACKGROUND-IMAGE: none} td.edit_rechts_cbg{background-image:url(URL);} edit_rechts_cbg{background-image: none;} edit_rechts_bottom { BACKGROUND-IMAGE: none} BODY { BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(http://www.fondosescritorio.net/wallpapers/Juegos/Warcraft-3/Warcraft3031-fondos-escritorio.jpg ); } td.edit_header_full{background-image:url(http://pixelea.com/s/6cee28eb5c.jpg);background-color:#NÚMERO DEL COLOR;} td.nav_heading{background-image:url(http://pixelea.com/s/552a375943.jpg);background-color:#NÚMERO DEL COLOR;} td.nav{background-image:url(http://pixelea.com/s/031f9950e7.jpg);} td.nav:hover{background-image: url(http://pixelea.com/s/99d3790915.png);} td.edit_content_top{background-image:url(http://pixelea.com/s/7ea809dd7b.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content{background-image: none;background-color:#FFFFFF;} td.edit_content_bottom{background-image:url(http://pixelea.com/s/cbb4c88374.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom:hover{background-image:url(http://pixelea.com/s/d2218059ae.jpg);} td.edit_content_bottom2{background-image:url(http://pixelea.com/s/7ea809dd7b.jpg);background-color:#NÚMERO DEL COLOR;} td.sidebar_heading{background-image:url(http://pixelea.com/s/031f9950e7.jpg);background-color:#NUMERO COLOR;} td.edit_rb_footer{background-image:url(http://pixelea.com/s/031f9950e7.jpg);background-color:#NUMERO COLOR;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} --></style> |
PLANTILLA MARIO BROS:
Código: |
<style type="text/css"> <!— td.edit_rechts_cbg{background-image: none;} td.edit_navi_headbg{background-image:url(URL);} td.edit_rechts_bottom{background-image:url(URL);} edit_rechts_bottom { BACKGROUND-IMAGE: none } edit_navi_headbg{ BACKGROUND-IMAGE: none} td.edit_rechts_cbg{background-image:url(URL);} edit_rechts_cbg{background-image: none;} edit_rechts_bottom { BACKGROUND-IMAGE: none} BODY { BACKGROUND-ATTACHMENT: fixed; BACKGROUND-IMAGE: url(http://pixelea.com/s/871125ddb8.jpg); } td.edit_header_full{background-image:url(http://pixelea.com/s/77318cf039.jpg);background-color:#NÚMERO DEL COLOR;} td.nav_heading{background-image:url(https://img.webme.com/pic/g/green-designs/21122312.png);background-color:#NÚMERO DEL COLOR;} td.nav{background-image:url(https://img.webme.com/pic/n/naazimca/naazimcabuton8.gif);} td.nav:hover{background-image: url(http://pixelea.com/s/81850b32ed.gif);} td.edit_content_top{background-image:url(http://pixelea.com/s/2a2b923f19.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom{background-image:url(http://pixelea.com/s/2a2b923f19.jpg);background-color:#NÚMERO DEL COLOR;} td.edit_content_bottom:hover{background-image:url(http://pixelea.com/s/7efef091d9.jpg);} td.edit_content_bottom2{background-image:url(http://pixelea.com/s/2a2b923f19.jpg);background-color:#NÚMERO DEL COLOR;} td.sidebar_heading{background-image:url(http://pixelea.com/s/3bc2ce9cfc.gif);background-color:#NUMERO COLOR;} td.edit_rb_footer{background-image:url(https://img.webme.com/pic/n/naazimca/naazimcabuton8.gif);background-color:#NUMERO COLOR;} td.edit_below_nav{visibility:hidden;} td.edit_rechts_sbg{visibility:hidden;} --></style>
|
Codigo por encima de la pagina:
Código: |
</style> <div id="sidebar_container"></div> <div id="side"></div> </style> |
Codigo debajo de la pagina :
Código: |
<div style="position:absolute;left:115px;top:135px"> <div id="tabs"> <ul> <li><a href="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div> |
CODES SIN STYLE SIN TAGS
Código: |
#tabs a { float:left; background:url("http://pixelea.com/s/acf81cdc52.gif") no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url("http://pixelea.com/s/acf81cdc52.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#000000; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:# #ffffff; } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; } body{background-image:url(http://pixelea.com/s/dc9adf4090.jpg);background-attachment: fixed} #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;} #sidebar_container {display: none;} div.header{display : none;} h1#title{display: none;} h2#title span {display: none;} a{ color:#000000; text-decoration: none; font-size:13px;} a:hover { color: #000000; font-size: 13px; text-decoration: none;} a:link { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:active { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} #header_container { position: absolute; left: 50%; margin-left:-360px; width: 770px; height:108px; background-color:#343434; background-image:url(http://pixelea.com/s/77b14de31a.png); color:#FFFFFF; font-size:13px; border: 1px solid #000000;} #content { position: absolute; left: 50%; top: 176px; margin-left:-360px; width: 589px; height: auto; padding:10px; color: #000000; font-size:13px; background-color:#e7e7e7; background-image:url(http://pixelea.com/s/67e375259a.png); border: 1px solid #000000; overflow:auto;background-repeat:no-repeat;} #nav_container{ position: absolute; left: 50%; top: 176px; margin-left: 250px; background-color:#dbdbdb; width: 160px; height: auto; border:1px solid #000000; overflow:auto;} ul#nav{ width: 160px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 160px;} border: 0px solid #000000;overflow:auto;background-repeat:no-repeat;} li.nav_element a:hover{ color: #000000; background-color:#C9C9C9; background-image: none;} #sidebar_container{ position: absolute; left: 50%; top:176px; margin-left: 250px; width: 160px; height: 400px; background-color:#dbdbdb; background-image:url; border:1px solid #000000; color:#000000; overflow:auto;} #side{ position: absolute; left: 50%; top:140px; margin-left: -360px; width: 770px; height: 35px; background-color:#dbdbdb; background-image:url(http://pixelea.com/s/51bfb34def.png); border:1px solid #000000; color:#000000; overflow:auto;} |
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
SOLO TENEMOS ESTOS X Q UE RECIEN CAPTURAMOS LOS PANTALLASOS
ESTAS SON LAS ULTIMAS Y MEJORES PLANTILLAS PARA MAS INFORMACION PAGINA PRINCIPAL DE PLANTILLAS : webayuda12.es.tl
Actualmente conseguimos: 122594 visitantes (371919 clics a subpáginas)