echas por mi, visiten mi pagina web www.mikelsikin.es .tl
Bueno empezemos con las plantillas , solo editen los links y nombres de links.
Nombre: korking
tipo: Este diseño sirve para paginas web de informacion.
Vista previa:
Texto por encima de la pagina:
<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:
<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:
#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
Tipo: Este diseño lo recomiendo para web en que hallan videos,musica,entretencion,etc(Este diseño puede andar mal , por que le tube que sacar las imagenes de imageshack, pero solo eran 2)
Vista previa:
Texto por encima de la pagina:
<a href='http://www.***/otros-banner-3744391.html' _fcksavedurl='http://www.***/otros-banner-3744391.html'><img src='http://s2.***/otros/previo/thump_3744391banner.jpg' _fcksavedurl='http://s2.***/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("" no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none; } #tabs a span { float:left; display:block; background:url(" 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:
<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:
#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;}
__________________________________________________________________________________
Bueno ahora no tengo mas tiempo asi que visiten mi web la sesion de css design hay unos espectaculares adios.