Desing adapted by lautito
Tu propia plantilla!
Queres una plantilla propia?, entonces estas en el lugar correcto!
Afiliados
Comentarios
Diseños Iceblue
Diseños Css
Diseños Butterfly
Diseños Red
Diseños Flash
Pwg Maker
¿Que es Pwg Maker?
Pwg Maker Deluxe Edition
Pwg Maker v5
Pwg Maker v4
Pwg Maker v3
Pwg Maker v2
Pwg Maker v1
Pwg Creator
¿Que es Pwg Creator?
Pwg Creator v1
Herramientas
Prueba tu diseño Iceblue
Prueba tu diseño Css
Prueba tus codigos html
Sube tus imagenes
Paleta de colores
tu-propia-plantilla
Inicio
que es pwg maker
Afiliados
Comentarios
Diseños css
Oculto :)
Diseño css 1
Diseño css 2
Diseño css 3
Diseño css 4
Diseño css 5
Diseño css 6
Probador html
Probador css
Diseño css 1
Texto por encima:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en"> <head> <!-- Created by Artisteer v2.3.0.21098 Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional" --> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <FCK:meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <title>LAUTI <img src="//theme.webme.com/smiles/cheesy.gif" border="0" width="15" height="15" alt="" /> </title> <script type="text/javascript" src="http://img47.xooimage.com/files/9/5/a/script-188f6c6.js"></script> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]--> <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]--> </head> <body> <div id="art-main"> <div class="art-Sheet"> <div class="art-Sheet-tl"></div> <div class="art-Sheet-tr"></div> <div class="art-Sheet-bl"></div> <div class="art-Sheet-br"></div> <div class="art-Sheet-tc"></div> <div class="art-Sheet-bc"></div> <div class="art-Sheet-cl"></div> <div class="art-Sheet-cr"></div> <div class="art-Sheet-cc"></div> <div class="art-Sheet-body"> <div class="art-nav"> <div class="l"></div> <div class="r"></div> <ul class="art-menu"> <li> <a href="LINK" _fcksavedurl="LINK" class=" active"><span class="l"></span><span class="r"></span><span class="t">TITULO</span></a> </li> <li> <a href="LINK" _fcksavedurl="LINK"><span class="l"></span><span class="r"></span><span class="t">TITULO</span></a> <ul> <li><a href="LINK" _fcksavedurl="LINK">TITULO 1</a> <ul> <li><a href="Link" _fcksavedurl="Link">Titulo 1.1</a></li> <li><a href="Link" _fcksavedurl="Link">Titulo 1.2</a></li> <li><a href="Link" _fcksavedurl="Link">Titulo 1.3</a></li> </ul> </li> <li><a href="LINK" _fcksavedurl="LINK">TITULO 2</a></li> <li><a href="LINK" _fcksavedurl="LINK">TITULO 3</a></li> </ul> </li> <li> <a href="LINK" _fcksavedurl="LINK"><span class="l"></span><span class="r"></span><span class="t">TITULO</span></a> </li> <li> <a href="LINK" _fcksavedurl="LINK"><span class="l"></span><span class="r"></span><span class="t">TITULO</span></a> </li> <li> <a href="LINK" _fcksavedurl="LINK"><span class="l"></span><span class="r"></span><span class="t">TITULO</span></a> </li> <li> <a href="LINK" _fcksavedurl="LINK"><span class="l"></span><span class="r"></span><span class="t">TITULO</span></a> </li> </ul> </div> <div class="art-Header"> <div class="art-Header-jpeg"></div> </div> <div class="art-contentLayout"> <div class="art-content"> <div class="art-Post"> <div class="art-Post-body"> <div class="art-Post-inner"> <div class="art-PostMetadataHeader"> <h2 class="art-PostHeader"> Adaptado by -LAUTI <img src="//theme.webme.com/smiles/cheesy.gif" border="0" width="15" height="15" alt="" />- </h2> </div>
Texto por debajo:
<div class="art-PostContent"> <p>Texto Texto Texto Texto Texto </p> </div> <div class="cleared"></div> </div> <div class="cleared"></div> </div> </div> </div> <div class="art-sidebar1"> <div class="art-Block"> <div class="art-Block-body"> <div class="art-BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="art-header-tag-icon"> <div class="t">Titulo Box 1</div> </div> </div><div class="art-BlockContent"> <div class="art-BlockContent-tl"></div> <div class="art-BlockContent-tr"></div> <div class="art-BlockContent-bl"></div> <div class="art-BlockContent-br"></div> <div class="art-BlockContent-tc"></div> <div class="art-BlockContent-bc"></div> <div class="art-BlockContent-cl"></div> <div class="art-BlockContent-cr"></div> <div class="art-BlockContent-cc"></div> <div class="art-BlockContent-body"> <div><p>Texto Texto <br />Texto Texto <br />Texto Texto <br />Texto Texto <br /></p></div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="art-Block"> <div class="art-Block-body"> <div class="art-BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="art-header-tag-icon"> <div class="t">Titulo Box 2</div> </div> </div><div class="art-BlockContent"> <div class="art-BlockContent-tl"></div> <div class="art-BlockContent-tr"></div> <div class="art-BlockContent-bl"></div> <div class="art-BlockContent-br"></div> <div class="art-BlockContent-tc"></div> <div class="art-BlockContent-bc"></div> <div class="art-BlockContent-cl"></div> <div class="art-BlockContent-cr"></div> <div class="art-BlockContent-cc"></div> <div class="art-BlockContent-body"> <div> <p>Texto Texto <br />Texto Texto <br />Texto Texto <br />Texto Texto <br /></p> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> </div> </div> <div class="art-Block"> <div class="art-Block-body"> <div class="art-BlockHeader"> <div class="l"></div> <div class="r"></div> <div class="art-header-tag-icon"> <div class="t">Titulo Box 3</div> </div> </div><div class="art-BlockContent"> <div class="art-BlockContent-tl"></div> <div class="art-BlockContent-tr"></div> <div class="art-BlockContent-bl"></div> <div class="art-BlockContent-br"></div> <div class="art-BlockContent-tc"></div> <div class="art-BlockContent-bc"></div> <div class="art-BlockContent-cl"></div> <div class="art-BlockContent-cr"></div> <div class="art-BlockContent-cc"></div> <div class="art-BlockContent-body"> <div> <p>Texto Texto <br />Texto Texto <br />Texto Texto <br />Texto Texto <br /></p></div> </div> </div> <div class="cleared"></div> </div> </div> </div> </div> <div class="cleared"></div><div class="art-Footer"> <div class="art-Footer-inner"> <a href="LINK DEL LOGO" _fcksavedurl="LINK DEL LOGO" class="art-rss-tag-icon" title="RSS"></a> <div class="art-Footer-text"> <p><a href="LINK" _fcksavedurl="LINK">Texto 1</a> | <a href="LINK" _fcksavedurl="LINK">Texto 2</a> | <a href="LINK" _fcksavedurl="LINK">Texto 3</a> | <a href="LINK" _fcksavedurl="LINK">Texto 4</a><br /> Copyright 2010. Todos los derechos reservados para <font color="#FF0000">Tu pagina web</font></p> </div> </div> <div class="art-Footer-background"></div> </div> <div class="cleared"></div> </div> </div> <div class="cleared"></div> <p class="art-page-footer"><a href="" _fcksavedurl=""></a> <a href="" _fcksavedurl="" ></a></p> </div> </body> </html>
Css-Code sin Style Tags:
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} /* begin Page */ /* */ body { margin: 0 auto; padding: 0; background-color: #121212; background-image: url('http://s.jimdo.com/s/img/cms/background/fix/repeat/10064.jpg'); background-repeat: repeat; background-attachment: scroll; background-position: top left; } #art-main { position: relative; width: 100%; left: 0; top: 0; } #art-page-background-gradient { background-position: top left; } .cleared { float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; } form { padding:0 !important; margin:0 !important; } table.position { position: relative; width: 100%; table-layout: fixed; } /* end Page */ /* begin Box, Sheet */ .art-Sheet { position:relative; z-index:0; margin:0 auto; width: 900px; min-width:3px; min-height:3px; } .art-Sheet-body { position: relative; z-index: 1; padding: 1px; } .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl { position:absolute; z-index:-1; } .art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl { width: 2px; height: 2px; background-image: url('http://img43.xooimage.com/files/1/2/3/sheet-s-188f4a1.png'); } .art-Sheet-tl { top:0; left:0; clip: rect(auto, 1px, 1px, auto); } .art-Sheet-tr { top: 0; right: 0; clip: rect(auto, auto, 1px, 1px); } .art-Sheet-bl { bottom: 0; left: 0; clip: rect(1px, 1px, auto, auto); } .art-Sheet-br { bottom: 0; right: 0; clip: rect(1px, auto, auto, 1px); } .art-Sheet-tc, .art-Sheet-bc { left: 1px; right: 1px; height: 2px; background-image: url('http://img43.xooimage.com/files/0/5/a/sheet-h-188f4af.png'); } .art-Sheet-tc { top: 0; clip: rect(auto, auto, 1px, auto); } .art-Sheet-bc { bottom: 0; clip: rect(1px, auto, auto, auto); } .art-Sheet-cr, .art-Sheet-cl { top: 1px; bottom: 1px; width: 2px; background-image: url('http://img23.xooimage.com/files/f/b/4/sheet-v-188f4b4.png'); } .art-Sheet-cr { right:0; clip: rect(auto, auto, auto, 1px); } .art-Sheet-cl { left:0; clip: rect(auto, 1px, auto, auto); } .art-Sheet-cc { position:absolute; z-index:-1; top: 1px; left: 1px; right: 1px; bottom: 1px; background-color: #FAFAFA; } .art-Sheet { margin-top: 30px !important; } #art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare { min-width:900px; } /* end Box, Sheet */ /* begin Menu */ /* menu structure */ .art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover { text-align:left; text-decoration:none; outline:none; letter-spacing:normal; word-spacing:normal; } .art-menu, .art-menu ul { margin: 0; padding: 0; border: 0; list-style-type: none; display: block; } .art-menu li { margin: 0; padding: 0; border: 0; display: block; float: left; position: relative; z-index: 5; background:none; } .art-menu li:hover { z-index: 10000; white-space: normal; } .art-menu li li { float: none; } .art-menu ul { visibility: hidden; position: absolute; z-index: 10; left: 0; top: 0; background:none; } .art-menu li:hover>ul { visibility: visible; top: 100%; } .art-menu li li:hover>ul { top: 0; left: 100%; } .art-menu:after, .art-menu ul:after { content: "."; height: 0; display: block; visibility: hidden; overflow: hidden; clear: both; } .art-menu, .art-menu ul { min-height: 0; } .art-menu ul { background-image: url(http://img1.xooimage.com/files/f/c/9/1435c.gif); padding: 10px 30px 30px 30px; margin: -10px 0 0 -30px; } .art-menu ul ul { padding: 30px 30px 30px 10px; margin: -30px 0 0 -10px; } /* menu structure */ .art-menu { padding: 6px 6px 6px 6px; } .art-nav { positi
5139 visitantes
√ Inicio