Hola este es mi primer post en este foro que es muy bueno le traigo plantillas css design echas por mi visiten mi web hay muchas mas www.mikelsikin.es.tl
Bueno empezemos con la plantillas.
nombre:korking
ista previa:
Texto por encima de la pagina:
Texto por debajo de la pagina:
Code sin style tags:
Nombre:Celeste web.
Vista previa:
Texto por encima de la pagina:
Texto por debajo de la pagina:
Code sin style tags:
Nombre:web masters help.
Vista previa:
texto por encima de la pagina:
Texto por debajo de la pagina:
Code sin style tags:
BUENO ESPERO QUE LES SIRVAN.
Bueno empezemos con la plantillas.
nombre:korking
ista previa:
Texto por encima de la pagina:
- Código:
<style type="text/css"> .csspmenu{margin: 0;padding:0;float:left;font:bold 13px Arial;border-width: 1px 0; width: 100%;overflow: hidden;margin-bottom: 1em;border: 1px solid #625e00; background: black url("http://img.webme.com/pic/c/cssplantillas/sbmenu1.png") center center repeat-x;} .csspmenu li{display:inline;} .csspmenu li a:visited{color:#fff;} .csspmenu li a{float:left;color:#fff;padding: 9px 11px;text-decoration:none; border-right:1px solid #fff;} .csspmenu li a:hover, .csspmenu li .current{color:#fff; background: transparent url("http://img.webme.com/pic/c/cssplantillas/sbmenu2.png") center center repeat-x;}</style> <ul class="csspmenu"> <li><a href="URL" _fcksavedurl="URL" class="current">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 6</a></li> </ul>
Texto por debajo de la pagina:
- Código:
<div class="pie"> <div class="pie2 pueque"> <p>© 2009 Todos los derechos reservados <strong>Tu web</strong></p> <p> </p> <p>Escribe algo sobre tu pagina web o inserta un calendario by mikelsikin.es.tl</p> </div> </div>
Code sin style tags:
- Código:
#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} * {margin: 0;padding: 0;} html {height: 100%;} body { height: 100%; text-align: center; font: 12px Arial, Helvetica, sans-serif; min-width: 850px; background:#EAEAEA; } a:link, a:visited { color: #FF6A00; text-decoration: none; } a:hover { text-decoration: none; } h1 { font: 2.6em Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 40px; border-bottom: 1px solid #7F7F7F; width: 55%; padding: 15px 0 5px 0; } h2 { font: 1.2em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #FFFFFF; border-left: 3px solid #FFAE20; padding-left: 14px; margin: 12px 0 0 40px; } h3 { color: #3D3D3D; font: 1.7em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding-left: 35px; margin: 18px 0 10px 0; } img { border: 0px; } /* Menu */ .main{ width: 850px; margin: 0 auto; margin-top:-3px; } .main:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden; } .main ul{ width: 100%; background: #333; padding: 6px 0; margin: 0; text-align: left; } .main ul li{ display: inline; } .main ul li a{ color: #fff; font:bold 13px arial; padding: 7px 10px; margin: 0; text-decoration: none; } .main ul li a:hover, .main ul li a.selected{ background: #262626; color: yellow; } /* Content boxes */ #warp { width: 848px; margin: 0 auto; border: 1px solid #999; background: #fff; } #content { float: left; width: 620px; text-align: left; padding-left: 5px; padding-top: 3px; } #sidebar { float: right; width: 206px; border:2px solid #333; margin-bottom: 5px; background: #E2E2E2; text-align: left; } #sidebar a, #sidebar a:hover { color: #5B7F00; font-weight: bold; } #titulo { font-size: 13px; background: #343434; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; width: 206px; font-weight: bold; text-align:center; margin-bottom: 2px; } /* Footer */ #footer { background: #404040; color: white; width: 848px; height: 34px; margin: 0 auto; font-size: 11px; } #footer a, #footer a:hover { color: #fff; font-weight: bold; } #footer p.left, #footer p.right { width: 400px; display: inline; margin-bottom: 0; line-height: 30px; } #footer p.left { float: left; text-align: left; margin-left: 15px; } #footer p.right { float: right; font-weight: bold; text-align: right; margin-right: 15px; }
Nombre:Celeste web.
Vista previa:
Texto por encima de la pagina:
- Código:
<a href='http://www.subirimagenes.com/otros-banner-3744391.html' _fcksavedurl='http://www.subirimagenes.com/otros-banner-3744391.html'><img src='http://s2.subirimagenes.com/otros/previo/thump_3744391banner.jpg' _fcksavedurl='http://s2.subirimagenes.com/otros/previo/thump_3744391banner.jpg' alt='subir imagenes' border='0'></a> <style type="text/css"> <!-- #tabs { float:left; width:100%; background:#BBD9EE; font-size:93%; line-height:normal; } #tabs ul { margin:0; padding:10px 10px 0 50px; list-style:none; } #tabs li { display:inline; margin:0; padding:0; } #tabs a { float:left; background:url("http://img353.imageshack.us/img353/6393/tableftma4.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://img353.imageshack.us/img353/4372/tabrightlx7.gif") no-repeat right top; padding:5px 15px 4px 6px; color:#666; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabs a span {float:none;} /* End IE5-Mac hack */ #tabs a:hover span { color:#FF9834; } #tabs a:hover { background-position:0% -42px; } #tabs a:hover span { background-position:100% -42px; } </style> <div id="tabs"> <ul> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 1"><span>Link 1</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 2"><span>Link 2</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 3"><span>Link 3</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Longer Link Text"><span>Longer Link Text</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 5"><span>Link 5</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 6"><span>Link 6</span></a></li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="#" title="Link 7"><span>Link 7</span></a></li> </ul> </div>
Texto por debajo de la pagina:
- Código:
<div class="pie"> <div class="pie2 pueque"> <p>© 2009 Todos los derechos reservados <strong>Tu web</strong></p> <p> </p> <p>Escribe algo sobre tu pagina web o inserta un calendario by mikelsikin.es.tl</p> </div> </div>
Code sin style tags:
- Código:
#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} body {background: url("http://img.webme.com/pic/c/cssplantillas/excess1.gif") repeat-x left top; font-family: Arial;font-size: 12px;color: #6D6D6D;margin-top: 20px;padding: 0;} h1, h2, h3 {margin: 0;text-transform: lowercase;font-family:Georgia;font-weight: normal;color: #006EA6; } h1 {letter-spacing: -1px;font-size: 35px; } h2 {font-size: 26px; } p, ul, ol {margin: 0 0 2em 0;text-align: justify;line-height: 26px; } a:link {color: #0094E0; } a:hover, a:active {text-decoration: none;color: #0094E0;} a:visited {color: #0094E0; } img {border: none; } img.left {float: left;margin: 7px 15px 0 0;} img.right {float: right;margin: 7px 0 0 15px; } form {margin: 0;padding: 0; } fieldset {margin: 0;padding: 0;border: none;} legend {display: none; } input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;} #wrapper { } #head {width: 900px;height: 130px;margin: 0 auto 10px auto;padding-top: 10px; } #logo {float: left;height: 90px;background: url("http://img.webme.com/pic/c/cssplantillas/excess2.gif") no-repeat left top; } #logo h1 {margin: 0;padding: 5px 0 0 100px;font-size: 40px;color: #0099E8;} #logo h1 sup {vertical-align: text-top;font-size: 24px; } #logo h1 a {color: #5F9D10;} #logo h2 {margin: 0;padding: 0 0 0 100px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6D6D6D; } #logo a { text-decoration: none; color: #FFFFFF; } #menu {float: right;padding-top: 30px; } #menu ul {margin: 0;padding: 0;list-style: none; } #menu li {display: inline;} #menu a {display: block;float: left;margin-left:5px; background: url("http://img.webme.com/pic/c/cssplantillas/excess3.gif") repeat-x left top; padding: 1px 10px;text-decoration: none;font-size: 12px;color: #FFFFFF; } #menu a:hover {text-decoration: underline;} #menu .active a { } #page {width: 900px;margin: 0 auto;background: url("http://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top;} #content {float: left;width: 570px;padding: 30px 0 0 30px; } #sidebar {float: right;width: 230px;padding-right: 30px;padding-top: 20px; } #sidebar ul {margin: 0;padding: 10px 0 0 0;list-style: none;} #sidebar li {margin-bottom: 40px; } #sidebar li ul {} #sidebar li li {margin: 0;padding: 3px 0;border-bottom: 1px dashed #D1D1D1;} #sidebar li li a {margin: 0;padding-left: 15px;} #sidebar h2 {padding-bottom: 5px;font-size: 18px;font-weight: normal;color: #0094E0;} #sidebar strong, #sidebar b {color: #8BCB2F;} #sidebar a {text-decoration: none;color: #6D6D6D;} #search { } #search h2 { } #s {width: 150px;margin-right: 5px;padding: 3px;border: 1px solid #F0F0F0; } #x {padding: 3px;border: none;text-transform: lowercase;font-size: 11px;color: #4F4F4F; } .box1 {padding: 20px; } .box2 {color: #BABABA;} .box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF; } .box2 ul {margin: 0;padding: 0;list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {color: #EDEDED;} #footer {background: url("http://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top; margin: 0 auto;padding: 10px 0 0 60px;color: #353535;width: 900px;} html>body #footer {height: auto;} #footer-menu {} #legal {clear:both;font-size: 11px;color: #6D6D6D;} #legal a {color: #0094E0;} #footer-menu {float: left;color: #353535;text-transform: capitalize;} #footer-menu ul {margin: 0;padding: 0;list-style: none; } #footer-menu li {display: inline; } #footer-menu a {display: block;float: left;padding: 1px 15px 1px 15px;text-decoration: none;font-size: 11px;color: #6D6D6D;} #footer-menu a:hover {text-decoration: underline;} #footer-menu .active a {padding-left: 0;}
Nombre:web masters help.
Vista previa:
texto por encima de la pagina:
- Código:
<a href='http://www.subirimagenes.com/otros-dibujo-3744570.html' _fcksavedurl='http://www.subirimagenes.com/otros-dibujo-3744570.html'><img src='http://s2.subirimagenes.com/otros/previo/thump_3744570dibujo.jpg' _fcksavedurl='http://s2.subirimagenes.com/otros/previo/thump_3744570dibujo.jpg' alt='subir imagenes' border='0'></a> <style type="text/css"> #menu {padding:0 0 0 5px; margin:0; list-style:none; height:35px; background:#fff url("http://cssplantillas.netau.net/ap/archivos/9c19d0b445.png"); border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444; width:100%; /* esto modifica el ancho del menu */} #menu li {float:left;} #menu li a {display:block; float:left; height:35px; line-height:40px; color:#ccc; text-decoration:none; font-size:12px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;} #menu li a b {float:left; display:block; padding:0 16px 0 8px;} #menu li.current a {color:#fff; background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png");} #menu li.current a b {background:url("img/menu2.png") no-repeat right top;} #menu li a:hover {color:#fff;background:#000 url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png");} #menu li a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/fd442c4b65.png") no-repeat right top;} #menu li.current a:hover {color:#fff; background:#000 url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png"); cursor:default;} #menu li.current a:hover b {background:url("http://cssplantillas.netau.net/ap/archivos/5c5c6e37d9.png") no-repeat right top;} </style> <ul id="menu"> <li><a href="#" _fcksavedurl="#"><b>Inicio</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 2</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 3</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 4</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 5</b></a></li> <li><a href="#" _fcksavedurl="#"><b>Link's 6</b></a></li> <li><a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl"><b>Mikelsikin (editalo)</b></a></li> </ul>
Texto por debajo de la pagina:
- Código:
<div id="sidebar"> <div id="titulo">Edita esto:</div> <center> Aca puedes poner algo un calendario o un reloj by mikelsikin.es.tl <br><br></center> <div id="titulo">Enlaces</div> - <a href="#" _fcksavedurl="#">Enlace 1</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 2</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 3</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 4</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 5</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 6</a> / Descripcion del enlace<br> <div id="titulo">Publicidad</div> <center> <img src="img/publi.png" _fcksavedurl="img/publi.png" /> </center> </div><!-- fin sidebar --> <div style="clear: both;"></div> <div id="footer"> <p class="left">© Todos los derechos reservados: <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Tu web</a> 2009 | Diseño por: <a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl">Mikelsikin</a></p> <p class="right"><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Inicio</a> | <a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl" class="b">Creador del diseño</a></p> </div> </div>
Code sin style tags:
- Código:
<div id="sidebar"> <div id="titulo">Edita esto:</div> <center> Aca puedes poner algo un calendario o un reloj by mikelsikin.es.tl <br><br></center> <div id="titulo">Enlaces</div> - <a href="#" _fcksavedurl="#">Enlace 1</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 2</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 3</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 4</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 5</a> / Descripcion del enlace<br> - <a href="#" _fcksavedurl="#">Enlace 6</a> / Descripcion del enlace<br> <div id="titulo">Publicidad</div> <center> <img src="img/publi.png" _fcksavedurl="img/publi.png" /> </center> </div><!-- fin sidebar --> <div style="clear: both;"></div> <div id="footer"> <p class="left">© Todos los derechos reservados: <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Tu web</a> 2009 | Diseño por: <a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl">Mikelsikin</a></p> <p class="right"><a href="/inicio.htm" _fcksavedurl="/inicio.htm">Inicio</a> | <a href="http://mikelsikin.es.tl" _fcksavedurl="http://mikelsikin.es.tl" class="b">Creador del diseño</a></p> </div> </div>
BUENO ESPERO QUE LES SIRVAN.