Carlos Roldán :: Sitio Oficial - Plantillas CSS

Carlos Roldán :: Sitio Oficial - Inicio

Español | English

Inicio | Fotos | Noticias | Vídeos | Link | Foro | Visitas | Contacto

Plantillas CSS

PLANTILLAS CSS

ESTAS PLANTILLAS SON GRATIS Y DE USO LIBRE PARA SER USADAS EN P.W.G. EN EL DISEÑO "CSS-DESIGN". POR FAVOR NO BORRAR EL CAMPO DE COPYRIGHT.

DISEÑO PARA CSS-DESING
		VER DISEÑO

TEXTO POR ENCIMA DE LA PÁGINA	TEXTO POR DEBAJO DE LA PÁGINA	CSS - CODE SIN STYLE TAG
<style type="text/css"> <!-- table{margin-left:auto;margin-right:auto} --></style> </head> <body> <div id="templatemo_container_wrapper"> <div id="templatemo_container"> <div id="templatemo_top"> <a href="#" _fcksavedurl="#">Inicio</a> \| <a href="#" _fcksavedurl="#"> Contacto</a> </div> <div id="templatemo_header"> <div id="templatemo_site_title">Nombre<span>DE TU WEB</span></div> <div id="templatemo_site_slogan">Tu Eslogan</div> </div> <div id="templatemo_menuleft"></div> <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#" class="current">Inicio</a></li> <li><a href="#" _fcksavedurl="#">LINK</a></li> <li><a href="#" _fcksavedurl="#">LINK</a></li> <li><a href="#" _fcksavedurl="#">LINK</a></li> <li><a href="#" _fcksavedurl="#">LINK</a></li> <li><a href="#" _fcksavedurl="#">LINK</a></li> </ul> </div> <div id="templatemo_content"> <div id="templatemo_left_column"> <div class="templatemo_section2"> <h1>Buscador</h1> <form id="form1" name="form1" method="post" action="#"> <input name="search_text" type="text" id="search_text" /> <input class="button" type="submit" name="Submit" value="Burcar" /> </form> </div> <div class="templatemo_section2"> <h1>Links</h1> <a href="#" _fcksavedurl="#">NOMBRE DEL LINK</a><br /> <a href="#" _fcksavedurl="#">NOMBRE DEL LINK</a><br /> <a href="#" _fcksavedurl="#">NOMBRE DEL LINK</a><br /> <a href="#" _fcksavedurl="#">NOMBRE DEL LINK</a><br /> <a href="#" _fcksavedurl="#">NOMBRE DEL LINK</a><br /> </div> <a href="http://carlosleonroldan" _fcksavedurl="http://carlosleonroldan"><img style="border:0;width:88px;height:31px" src="https://img.webme.com/pic/c/carlosleonroldan/mini_firma.jpg" _fcksavedurl="https://img.webme.com/pic/c/carlosleonroldan/mini_firma.jpg" alt="Diseño de Carlos León Roldán" width="88" height="31" vspace="8" border="0" /></a> <br /> </div> <div id="templatemo_right_column"> <h1>Bienvenido a mi sitio web</h1>	</div> </div> </div> </div> <div id="templatemo_footer"> <a href="#" _fcksavedurl="#">INICIO</a> \| <a href="#" _fcksavedurl="#">NOSOTROS</a> \| <a href="#" _fcksavedurl="#">MIEMBROS</a> \| <a href="#" _fcksavedurl="#">CONTACTO</a><br /> Copyright © 2009-2010 <a href="#" _fcksavedurl="#">Nombre de tu Web</a> \| Diseño de <a href="http://www.carlosleonroldan.es.tl" _fcksavedurl="http://www.carlosleonroldan.es.tl" target="_blank">carlosleonroldan</a> </div> </div> </div> </body> </html>	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;} body { margin:0; padding:0; line-height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; background: #2b1e1e; } a:link, a:visited { color: #ffffff; text-decoration: none; } a:active, a:hover { color: #ffffff; text-decoration: underline; } h1 { margin:0px 0px 10px 0px; padding-bottom: 8px; font-weight: bold; font-size: 14px; color:#FFFFFF; border-bottom: solid 1px #FF0000; } h2 { padding: 5px 0px 5px 10px; margin: 0px; font-weight: bold; font-size:12px; color: #FFFFFF; background: url(http://img23.xooimage.com/files/c/c/2/templatemo_h2_background-123fccc.gif) repeat-x; border: 1px solid #000000; } h3 { margin: 0px; padding: 2px 0px 2px 10px; font-weight: bold; font-size: 11px; color: #FFFFFF; } .text_area { text-align: justify; } img { margin: 10px 10px 0px 10px; float:left; border: 2px solid #FFFFFF; } #templatemo_container_wrapper { background: url(http://img23.xooimage.com/files/a/c/a/templatemo_main_background-123fccd.gif) repeat-x; } #templatemo_container { margin: 0px auto; width: 810px; } #templatemo_top{ float: left; margin-left: -10px; padding: 19px 0px 10px 0px; text-align: right; width: 810px; } #templatemo_header { clear: left; margin-bottom:5px; width: 810px; height: 235px; background: url(http://img3.xooimage.com/files/6/3/c/templatemo_header_background-1066bd1.jpg) no-repeat; } #templatemo_site_title { padding-top: 120px; padding-left: 50px; font-size: 35px; color: #2b1e1e; } #templatemo_site_title span { font-weight: bold; color: #c32929; } #templatemo_site_slogan { padding-top: 10px; padding-left: 200px; font-size: 12px; color: #2b1e1e; } /------------- Menu ------------------/ #templatemo_menuleft { float: left; height: 41px; width: 20px; background: #FF0000 url(http://img25.xooimage.com/files/6/d/8/templatemo_menu_leftborder-123fcd1.gif) no-repeat; } #templatemo_menu{ float: left; margin-top: 0px; padding: 0px; width: 790px; height: 41px; background: #FF0000 url(http://img45.xooimage.com/files/8/1/b/templatemo_menu_background-123fcd2.gif) right no-repeat; } #templatemo_menu ul { margin: 0px; padding: 0px; list-style: none; text-align: center; } #templatemo_menu ul li{ display: inline; } #templatemo_menu ul li a{ float: left; padding: 11px 1px; width: 127px; font: 16px arial; text-align: center; text-decoration: none; color: #1e1717; } #templatemo_menu ul li a:hover, #templatemo_menu ul li .current{ color: #ffffff; text-decoration: none; background: url(http://img43.xooimage.com/files/8/2/5/templatemo_mousehover-123fcd8.gif) repeat-x; } /---------- end of menu -------------/ /* ----------------- Content ----------------------- / #templatemo_content { float: left; width: 810px; background: url(http://img21.xooimage.com/files/4/0/2/tempaltemo_conten...ckground-123fcdb.gif) repeat-y; } #templatemo_left_column { float: left; padding: 20px; width: 200px; min-height: 420px; background: url(http://img43.xooimage.com/files/3/c/0/templatemo_leftcolumn_border-123fce2.gif) right center no-repeat; } #templatemo_right_column { float: right; width: 530px; padding: 20px; padding-left: 0px; min-height: 420px; } #templatemo_content_bottom { clear: left; margin: 0px; padding: 0px; width: 810px; height: 5px; background: url(http://img25.xooimage.com/files/1/3/8/tempaltemo_content_bottom-123fce4.gif) no-repeat; } /------------ end of content ------------/ .news_section { float: left; padding: 0px; width: 300px; margin-right: 15px; background: #1e1717; } .news_section p { margin: 0px; padding: 0px 0px 5px 10px; font-size: 11px; } .promotion_section { float: left; margin: 0px; padding: 0px; width:200px; background: #1e1717; } .promotion_section p{ margin: 0px; padding: 5px 5px 5px 10px; font-size: 11px; } .more{ padding: 0px 10px 10px 0px; text-align: right; font-size: 11px; font-weight: bold; } .templatemo_section2 { margin-bottom: 10px; padding: 10px; border: #000000 solid 1px; background: #1e1717; } .templatemo_section2 a { padding-left: 20px; color: #c32929; line-height: 25px; text-decoration: none; background: url(http://img49.xooimage.com/files/7/8/9/templatemo_list_icon-123fce6.gif) center left no-repeat; } .templatemo_section2 a:hover { color: #ff0000; text-decoration: none; } / search form / form { padding: 0 0 6px 8px; } .button { margin-top: 10px; padding: 1px 5px; border: none; color: #FFFFFF; background: url(http://img23.xooimage.com/files/b/c/c/templatemo_button_background-123fce9.gif) repeat-x; } / ----------- / / -------- Footer --------- / #templatemo_footer { clear: left; padding: 10px; height: 62px; color: #c32929; line-height: 24px; text-align: center; } #templatemo_footer a { color: #c32929; text-decoration: none; } #templatemo_footer a:hover { color: #ff0000; } / --------- end of footer --------------*/

DISEÑO PARA CSS-DESING
VER DISEÑO


TEXTO POR ENCIMA DE LA PÁGINA	TEXTO POR DEBAJO DE LA PÁGINA	CSS - CODE SIN STYLE TAG
<body bgcolor="#FFFFFF" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0" style="padding:5px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" > <tr><td bgcolor="#FFFFFF"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td bgcolor="#FFFFFF" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"> <DIV align=left><b><font face="Arial" size="1" color="#000000"> <SPAN id=clock> <SCRIPT language=JavaScript> <!-- Begin var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado") var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre") function getthedate(){ var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym=""+daym var hours=mydate.getHours() var minutes=mydate.getMinutes() var seconds=mydate.getSeconds() var dn="AM" if (hours>=12) dn="PM" if (hours>12){ hours=hours-12 } { d = new Date(); Time24H = new Date(); Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); } if (hours==0) hours=12 if (minutes<=9) minutes="0"+minutes if (seconds<=9) seconds="0"+seconds //change font size here var cdate=dayarray[day]+" "+daym+" de "+montharray[month]+" del "+year+"     "+hours+":"+minutes+":"+seconds+" "+dn+"" if (document.all) document.all.clock.innerHTML=cdate else if (document.getElementById) document.getElementById("clock").innerHTML=cdate else document.write(cdate) } if (!document.all&&!document.getElementById) getthedate() function goforit(){ if (document.all\|\|document.getElementById) setInterval("getthedate()",1000) } window.onload=goforit // End --> </SCRIPT> </SPAN></font></b></DIV> </td> <td bgcolor="#FFFFFF"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-05.gif" width="119" height="21"></td></tr> </table> <table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="100" align="center"> <tr><td bgcolor="#000000" background="https://img.webme.com/pic/d/diegovenegas/a-06.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>NombredetuWeb.es.tl</b></td></tr></table> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td class="topBorder"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="15%" class="topMenu" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" width="1" height="1"></td> <td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a href="http://www.diegovenegas.es.tl/" class="menu1">Inicio</a></td> <td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#">Foro</a></td> <td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#">Blog</a></td> <td width="15%" class="topMenu" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" width="1" height="1"></td> </tr> </table> </td></tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr> <td bgcolor="#E4E8F3"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> <td bgcolor="#E4E8F3" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="right" class="copy"></td> <td bgcolor="#E4E8F3"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-09.gif" width="11" height="21"></td></tr> </table> <div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td width="195" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <div class="menu_1"><a href="#">Link</href></div> <div class="menu_1"><a href="#">Link</href></div> <div class="menu_1"><a href="#">Link</href></div> <div class="menu_1"><a href="#">Link</href></div> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 02</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 03</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> </td> <td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-12.gif" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-05.gif" width="119" height="21"></td> </tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td colspan="3" class="topBorder" style="padding:3px;" valign="top">	</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center">Copyright Carlos León Roldán © 2009</td> <td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-13.gif" width="119" height="21"></td> </tr></table></td> <td width="195" valign="top" align="right"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 04</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <div id="sidebar2" class="sidebar"> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/desp.js"></script> <div class="applemenu"> <div class="silverheader"><a href="#">Nombre Menu</a></div><div class="submenu"> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> <div class="silverheader"><a href="#" >Nombre Menu</a></div> <div class="submenu"> <ul> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> <li><a href="#">Link</a></li> </ul> </div> </div> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 05</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 06</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div> </td> </tr> </table> <div style="padding:5px;text-align:center;"><a href="http://www.carlosleonroldan.es.tl"><img style="margin:0;padding:0;border:0;" src="https://img.webme.com/pic/c/carlosleonroldan/firma_clr.jpg" width="80" height="15" title="Diseño de Carlos León Roldán"; /></a></div> </body>	a:link {text-decoration:underline; color:#000000;} a:hover {text-decoration:underline; color:#0000FF;} td, body {font-family:Verdana,Arial,Helvetica; font-size:11px;} form {padding:0px;margin:0px;} input,textarea,select {vertical-align:middle; font-size:8pt; font-family:Verdana,Arial,Helvetica;} .copy {font-size:10px;} hr {color:#A9B8C2; height:1px;} label {cursor:pointer; cursor:hand} .blockTitle,.menu1 {color:#000000; text-transform:uppercase; font-size:9px; font-family:Tahoma,Verdana;} a.menu1:link {text-decoration:none; color:#000000} a.menu1:hover {text-decoration:underline; color:#0000FF} .topBorder {border-left:1px solid #000000; border-right:1px solid #000000;} .topMenu {border:1px solid #000000; padding:2px;} .menu_1 {background-image:url(https://img.webme.com/pic/d/diegovenegas/a-02.gif); widht: 190px; height: 25px; color:#000000; margin-top:1px; padding:0 20px; line-height:25px;} .menu_1:hover {background-image:url(https://img.webme.com/pic/d/diegovenegas/a-07.gif); widht: 190px; height: 25px; color:#0000FF; margin-top:1px; padding:0 20px; line-height:25px;} #content {padding:10px; color:#000000; font-family: Helvetica, sans-serif; font-size:14px; background-color:#transparent; overflow:auto;} .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5, #extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading, div.header,h1#title,h2#title span,#counter {display: none;} .applemenu {margin: 5px 0; padding: 0; width: 182px;} .applemenu div.silverheader a {background: black url(https://img.webme.com/pic/d/diegovenegas/a-02.gif) repeat-x center left; font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: #000000; display: block; position: relative; width: auto; padding: 5px 0; padding-left: 25px; text-decoration: none;} .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active {color: #000000;} .applemenu div.selected a, .applemenu div.silverheader a:hover {background-image: url(https://img.webme.com/pic/d/diegovenegas/a-07.gif); color: #0000FF;} .applemenu div.submenu { padding: 5px;} ul{list-style-image: url(https://img.webme.com/pic/d/diegovenegas/a-14.gif);}

DISEÑO PARA CSS-DESING
		VER DISEÑO

TEXTO POR ENCIMA DE LA PÁGINA	TEXTO POR DEBAJO DE LA PÁGIN	CSS - CODE SIN STYLE TAG
<div id="container"><div id="nav"><ul> <li><a href="URL" _fcksavedurl="URL">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL">Link</a></li> <li><a href="URL" _fcksavedurl="URL">Link</a></li> <li><a href="URL" _fcksavedurl="URL">Link</a></li> <li class="lastnav"><a href="URL" _fcksavedurl="URL">Link</a></li> </ul></div> <div id="body"><div id="left"> <div id="menu"> <span class="tab">Menú</span> <span class="tag">Conéctate</span><ul> <li><a href="URL" _fcksavedurl="URL">Iniciar sesión</a></li> <li><a href="URL" _fcksavedurl="URL">Carrar sesión</a></li> <li><a href="URL" _fcksavedurl="URL">Registrarse</a></li> </ul> <span class="tab">Paginas amigas</span><ul> <li><a href="http://carlosleonroldan.es.tl" _fcksavedurl="http://carlosleonroldan.es.tl">Carlos Roldán</a></li> <li><a href="URL" _fcksavedurl="URL">Pagina amiga 2</a></li> <li><a href="URL" _fcksavedurl="URL">Pagina amiga 3</a></li> <li><a href="URL" _fcksavedurl="URL">Pagina amiga 4</a></li> </ul> <span class="tab">Archivos</span> <span class="tag">Listado</span><ul> <li><a href="URL" _fcksavedurl="URL">Enero</a></li> <li><a href="URL" _fcksavedurl="URL">Febrero</a></li> <li><a href="URL" _fcksavedurl="URL">Marzo</a></li> <li><a href="URL" _fcksavedurl="URL">Abril</a></li> </ul></div><br /></div> <div id="right"><div id="head"></div> <div class="textboxtop"></div>	<div id="container"> <div class="textboxbottom"></div> <div id="copyright"> Copyright © 2009-2010 Nombre de tu Web.es.tl - Diseño por: <a href="http://carlosleonroldan.es.tl" _fcksavedurl="http://carlosleonroldan.es.tl" target="url">Carlos León Roldán</a> </div></div> </div></div>	<div id="container"> <div class="textboxbottom"> #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: #C0617F url("https://img.webme.com/pic/c/cssplantillas/ping2.gif") repeat-x; color: #2D2D2D;font-family: tahoma, arial, verdana; font-size: 11px;margin: 0px;padding: 0px;text-align: center;} img {border: 0px;} a:link { color: #FDBDD2;font-weight: bold;text-decoration: none;} a:visited { color: #FDBDD2;font-weight: bold;text-decoration: none; } a:hover, a:active { color: #FFFFFF;font-weight: bold;text-decoration: underline;} #head {height:337px;display:block;width:570px;margin-right:0px; background-image: url("https://img.webme.com/pic/c/cssplantillas/ping1.jpg"); /* Cambia esta imagen para cambiar de cabezal*/ background-repeat: no-repeat;background-position: right top;z-index:2; overflow:hidden;} #head a {position:absolute;top:322px;right:48px;width:50px; height:20px;z-index:3;display:inline;} #container {margin: 0px auto;text-align: left;width: 780px;position:relative;} #copyright {clear: both;color: #FFFFFF;font-size: 10px; margin-bottom: 10px;padding-right: 15px;text-align: center; } .photo {float: right;margin-left: 10px;margin-right: 10px; padding:5px;border: 1px solid #ca738f; } .photo img{border: 1px solid #df8fa9;} #left {float: left;padding-top: 110px;width: 210px;} #menu {background: url("https://img.webme.com/pic/c/cssplantillas/ping3.gif") no-repeat; clear: both;display: block;height: 551px;padding-top: 10px;width: 190px;} #menu ul {list-style: none;margin: 0px;margin-left: 4px; margin-bottom: 10px;margin-top: 8px;padding: 0px;} #menu li {background: url("https://img.webme.com/pic/c/cssplantillas/ping4.gif") no-repeat; display: block;font-size: 10px;height: 17px;list-style: none; margin: 0px;padding: 0px;padding-left: 25px;padding-top: 1px;width: 157px;} #nav {clear: both;height: 50px;width: 700px;position:absolute;margin-left:40px;} #nav ul {list-style: none;margin: 20px 0px 0px 0px;padding: 0px;width:700px; z-index:15;position:absolute;text-align:center;} #nav li {list-style: none;float:left;margin: 0px;padding: 0px; display:inline;border-right: 1px solid #c0617f;} #nav a {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold; font-variant: normal;color: #FFFFFF;text-decoration: none;display:inline;text-transform: uppercase; padding: 20px 20px 10px 20px;} #nav a:hover {color:#df8fa9;text-decoration:underline;} #right {float: left;width: 560px;} #right a{text-decoration:underline;} .tab {background: url("https://img.webme.com/pic/c/cssplantillas/ping5.gif") no-repeat;color: #F2BCCE;display: block; font-family: arial;font-size: 15px;font-weight: bold;height: 18px;letter-spacing: -1px; padding-left: 10px;padding-top: 3px;margin-bottom: 8px;margin-left: 7px;width: 166px;} .tab2 {background: url("https://img.webme.com/pic/c/cssplantillas/ping6.gif") no-repeat; display: block;font-size: 10px; height: 17px;padding-top: 4px;padding-left: 10px;width: 179px;} .tag {color: #F5E6EB;font-size: 12px;font-weight: bold;margin-left: 25px; } .textboxtop,.textboxtop2{color: #F2BCCE;display: block;font-size: 19px; font-weight: bold;height: 33px;letter-spacing: -1px;margin-left: 8px; padding-left: 20px;padding-top: 11px;width: 526px;text-transform: uppercase;} .textboxtop{background: url("https://img.webme.com/pic/c/cssplantillas/ping7.gif") no-repeat;} .textboxtop2 {background: url("https://img.webme.com/pic/c/cssplantillas/ping8.gif") no-repeat;} #content {background: #C0617F url("https://img.webme.com/pic/c/cssplantillas/ping9.gif") no-repeat; border-left: 1px solid #DF8FA9;border-right: 1px solid #DF8FA9;color: #F0C5D2; margin-left: 8px;padding-left: 20px;padding-right: 10px;padding-top: 20px; width: 514px;padding-bottom:10px;} .textboxbottom {background: url("https://img.webme.com/pic/c/cssplantillas/ping10.gif") no-repeat; color: #FFFFFF;display: block;font-weight: bold;height: 23px; margin-bottom: 10px;margin-left: 8px;padding-right: 15px; padding-top: 5px;text-align: right;width: 531px;} .lastnav{border-right: 0px none #c0617f !important;}

DISEÑO PARA CSS-DESING
		VER DISEÑO

TEXTO POR ENCIMA DE LA PÁGINA	TEXTO POR DEBAJO DE LA PÁGINA	CSS - CODE SIN STYLE TAG
<div id="top"> </div> <div id="wrapper"> <!--{12608855805390}--> <div id="header"> <h1><a href="/" _fcksavedurl="/" title="Go to homepage">AQUI ESCRIBE EL NOMBRE DE TU WEB</a></h1> <p class="title">AQUI TU ESLOGAN</p> <div id="header-in"> <p>EL TITULO QUE VA EN EL CABEZAL</p> </div> <a href="#skip-menu" _fcksavedurl="#skip-menu" class="hidden">menu</a> <!--{12608855805391}--> <ul id="menu"> <li><a href="/" _fcksavedurl="/" class="active">INICIO</a></li> <li><a href="#" _fcksavedurl="#">SERVICIOS</a></li> <li><a href="#" _fcksavedurl="#">PORTFOLIO</a></li> <li><a href="#" _fcksavedurl="#">VISITAS</a></li> <li><a href="#" _fcksavedurl="#">CONTACTO</a></li> </ul> <!--{12608855805392}--> </div> <!--{12608855805393}--> <div class="bar"> </div> <hr class="noscreen" /> <div id="skip-menu"></div> <div class="content"> <!--{12608855805394}--> <div class="column-left"> <div class="column-left-in"> <h2>Contenido</h2> <p>Bienvenidos a mi web</p>	<div class="box1"> <div class="box1-in"> <p>Aqui puedes poner una noticia o el texto que quieras...</p> <p class="mas..."><a href="URL" _fcksavedurl="URL">mas...</a></p> </div> </div> <div class="box2"> <div class="box2-in"> <p>Aqui puedes poner una noticia o el texto que quieras;</p> <p class="mas..."><a href="URL" _fcksavedurl="URL">mas...</a></p> </div> </div> </div> </div> <!--{12608855805395}--> <hr class="noscreen" /> <!--{12608855805396}--> <div class="column-right"> <div class="column-right-in"> <ul> <li><a href="URL" _fcksavedurl="URL" class="active"> NOMBRE DEL LINK</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK</a></li> </ul> <div class="address"> <address> EN ESTE<br /> ESPACIO<br /> LO PUEDES<br /> USAR DE BOX<br /> O PONER CUALQUIER CONTENIDO </address> </div> </div> </div> <!--{12608855805397}--> <div class="cleaner"> </div> </div> <!--{12608855805398}--> <hr class="noscreen" /> <!--{12608855805399}--> <div id="footer"> <ul> <li><a href="/" _fcksavedurl="/" class="active">Inicio</a>\|</li> <li><a href="#" _fcksavedurl="#">Servicios</a>\|</li> <li><a href="#" _fcksavedurl="#">Portfolio</a>\|</li> <li><a href="#" _fcksavedurl="#">Visitas</a>\|</li> <li><a href="#" _fcksavedurl="#">Contacto</a>\|</li> <li><a href="#top" _fcksavedurl="#top">Arriba</a>↑</li> </ul> <p class="cop">Copyright © 2009-2010 <a href="TU LINK" _fcksavedurl="TU LINK">Tu web</a>. Todos los Derechos Reservados.</p> </div> <!--{126088558053910}--> <hr class="noscreen" /> <p class="mantis-a"><a href="http://www.carlosleonroldan.es.tl/" _fcksavedurl="http://www.carlosleonroldan.es.tl/">CLR</a>, visita <a id="commercial-link" href="http://www.carlosleonroldan.es.tl/" _fcksavedurl="http://www.carlosleonroldan.es.tl/" title="Free internet speed test">Carlos León Roldán</a></p> </div> <!--{126088558053911}-->	lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {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;} /* CSS Document / / General / { margin: 0; padding: 0; } html { height: 100%; font-size: 62.5% } body { height: 100%; background-color: #454545; text-align: center; font: 1.2em Verdana, Arial, Helvetica, sans-serif; } a:link, a:visited { color: #005890; text-decoration: underline; font-weight: bolder; } a:hover { text-decoration: none; } div.address { background-color: #E3F4FF; border: 1px solid #A8DCFF; margin: 40px 10px 0 20px; } address { line-height: 2; text-align: left; margin: 0.3em 1em; } .noscreen { display: none; } /* Cleaner / .cleaner { clear: both; height: 0; font-size: 0; visibility: hidden; } / Skip menu / .hidden { position: absolute; top: -10000px; left: 0; width: 1px; height: 1px; overflow: hidden; } / Images / / Wrapper / #wrapper { width: 900px; margin: 70px auto 0 auto; padding-bottom: 90px; } / Headings, paragraphs / h1 { font-size: 1.8em; color: #8DE0FF; position: relative; z-index: 2; } h1 a:link, h1 a:visited { text-decoration: none; color: #8DE0FF; } h2 { font: 1.4em Georgia, "Times New Roman", Times, serif; color: #1473B0; letter-spacing: 1px; margin-bottom: 5px; border-bottom: 1px dotted #1473B0; padding-bottom: 3px; } p { line-height: 1.7; } / Header / #header { width: 900px; height: 173px; margin: 0 auto; position: relative; text-align: left; } #header p.title { color: white; line-height: 1.8; position: relative; z-index: 2; } #header-in { position: absolute; width: 900px; height: 119px; bottom: 0; left: 0; background: #005481 none no-repeat 0 0; } #header-in p { font: 2.1em Georgia, "Times New Roman", Times, serif; color: white; position: absolute; top: 34px; left: 175px; letter-spacing: 1px; } .bar { width: 900px; height: 12px; background: #2B2B2B none no-repeat 0 0; } / Menu / #menu { position: absolute; top: 20px; right: 8px; z-index: 3; } #menu li { float: left; display: inline; list-style-type: none; } #menu li a { float: left; display: inline; list-style-type: none; text-align: center; color: #FFFFFF; font-weight: normal; text-decoration: none; background-color: #202020; padding: 0 0.8em; height: 31px; line-height: 30px; margin-left: 4px; border-top: 3px solid black; } #menu li a:hover, #menu li a.active { background-color: #0D0D0D; color: #FFFFFF; border-top: 3px solid #00A7ED; text-decoration: none; } / Content and columns / .content { width: 900px; background-color: white; } .column-left { float: left; width: 66%; text-align: left; } .column-right { float: right; width: 33%; text-align: center; } .column-left-in { margin: 1.3em 1em 3em 1.5em; } .column-right-in { margin: 1.3em 2.8em 3em 2em; } / Column right list / .column-right ul { margin: 10px 10px 0 20px; list-style-type: none; } .column-right ul li { display: block; } .column-right ul li a, .column-right ul li a:visited { color: #3A3A3A; font-weight: normal; text-decoration: none; display: block; padding: 10px 0; border-bottom: 1px solid #CECECE; } .column-right ul li a:hover, .column-right ul li a.active { color: black; font-weight: bold; border-bottom: 1px solid #00A7ED; } / Column left two boxes / .box1 { float: left; background-color: #E3F4FF; border: 1px solid #7EC6F6; width: 270px; margin: 20px 13px 0 0; } .box2 { float: left; background-color: #E6FCCB; border: 1px solid #9ECB64; width: 270px; margin: 20px 0 0 0; } .box1-in, .box2-in { margin: 0.4em 0.8em 1.3em 0.8em; } .box1 p, .box2 p { line-height: 1.5; } .box1 p.more, .box2 p.more { position: relative; top: 6px; left: 200px; } .box1 p.more a, .box1 p.more a:visited { color: #005083; } .box2 p.more a, .box2 p.more a:visited { color: #2F6900; } / Footer / #footer { width: 900px; height: 92px; background: #2B2B2B none no-repeat 0 0; border-bottom: 3px solid #101010; } #footer a:link, #footer a:visited { color: #FFFFFF; font-weight: normal; } #footer ul { list-style-type: none; color: #FFFFFF; padding: 13px 0 0 10px; text-align: left; font-size: 0.9em; float: left; width: 430px; } #footer ul li { float: left; display: inline; white-space: nowrap; } #footer ul li a, #footer ul li a:visited { margin: 0 6px; } #footer p.cop { font-size: 0.9em; color: #FFFFFF; float: right; padding: 12px 16px 0 0; margin: 0; line-height: 1.6; } / Mantis-a templates backlink */ p.mantis-a { color: #C0C0C0; font-size: 0.9em; margin: 7px 8px 10px 0; line-height: 1; text-align: right; } p.mantis-a a, p.mantis-a a:visited { color: #C0C0C0; font-weight: normal; } p.mantis-a a:hover { color: #FFFFFF; } #commercial-link, a:visited#commercial-link { font-weight: bold; color: #FCFCFC; }

Copyright © 2010 clroldan.com.ar Todos los derechos reservados diseño: Martín · WebMaster de JuegosMejorados.com

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?

Registrarse gratis