msi - Diseños gratis para tu web.

Diseños gratis para tu web.

css diseño web

X effect Texto por encima de la pagina: <!-- wrap starts here --> <div id="wrap"> <!--header --> <div id="header"> <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html">Encabezado</a></h1> <p id="slogan">Design by Tw and Rf</p> <div id="header-links"> <p> <a href="Url" _fcksavedurl="Url">Dolor</a> \| <a href="Url" _fcksavedurl="Url">Dolor</a> \| <a href="Url" _fcksavedurl="Url">Dolor</a> </p> </div> </div> <!-- menu --> <div id="menu"> <ul> <li id="current"><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li class="last"><a href="Url" _fcksavedurl="Url">Pinchame</a></li> </ul> </div> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="sidebar"> <h3>Menu</h3> <ul class="sidemenu"> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> </ul> <h3>Links</h3> <ul class="sidemenu"> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> <li><a href="Url" _fcksavedurl="Url">Pinchame</a></li> </ul> <h3>Sponsors</h3> <ul class="sidemenu"> <p class="align-right">Texto verdad que es demaciado?</p> <h3>© 2008 Rf and Tw</h3> <div class="left-box"> <p class="align-right">Design By Tw and Rf</p> <p class="align-right">- Luxury Design</p> </div> <h3>PwG</h3> <div class="left-box"> <p class="align-right">Paginawebgratis.es</p> </div> </div> Texto por debajo de la pagina: <!-- content-wrap ends here --> </div> <!--footer starts here--> <div id="footer"> </div> <!-- wrap ends here --> </div> 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;} /* Top Elements / { margin: 0; padding: 0; outline: 0 } body { background-image:url(http://pixelea.com/s/c08ed96bd7.png);background-color:#fff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links / a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } / headers / h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /***************************************** Design *****************************************/ #wrap { width: 838px; background: url(http://pixelea.com/s/8cde5b5ba4.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 838px; position: relative; height: 150px; background: #fff url(http://pixelea.com/s/7e161742c8.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; / change the values of top and left to adjust the position of the logo/ top: 25px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; / change the values of top and left to adjust the position of the slogan/ top: 70px; left: 55px; } / header links / #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #cccccc; } / Menu / #menu { clear: both; margin: 0 auto; padding: 0; background: url(http://pixelea.com/s/8f313f8973.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 28px; width: 838px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #bc0303; } / Main Column / #main { float: left; width: 70%; padding: 0; margin: 5px 0 0 5px; display: inline; } #main h2 { margin-top: 10px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } / Sidebar / #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer / #footer { color: #C6DDEE; background: url(http://pixelea.com/s/4b8df2d73f.gif) no-repeat center top; clear: both; width: 838px; height: 76px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } / alignment classes / .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } / display and additional classes */ .clear { clear: both; }	Naruto Texto por encima de la pagina <style type="text/css" media="screen"> <!-- body { font-family: Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 178px; left: 52%; margin-left:-185px; width: 647px; } .menu li { width: 70px; float: left; } .menu a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: none; color: #cccccc;} #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> </div> <div id="Designmystic"> <div id="text"><h1>ghgh</h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> texto por debajo de la pagina: <div class="lux"> <li><a href="LINK" _fcksavedurl="LINK">Encabezado</a> </li> </div> 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;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(fondo );background-color:#000000;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 674px; height:537px; background-image:url(http://team-webmaster.webcindario.com/tmp/1ba4f7c1a4.png);} #content { position: absolute; left: 50%; top: 205px; margin-left:-329px; width: 639px; height: 345px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 90px; left: 52%; margin-left: -290px; width: 100px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }
Black angel Texto por encima de la pagina: <style type="text/css" media="screen"> <!-- body { font-family: Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 262px; left: 52%; margin-left:-185px; width: 647px; } .menu li { width: 70px; float: left; } .menu a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: none; color: #cccccc;} #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK">LINK</a> </li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> Texto por debajo de la pagina: <div class="lux"> <li><a href="LINK" _fcksavedurl="LINK">Encabezado</a> </li> </div> 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;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(fondo );background-color:#000000;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 765px; height:623px; background-image:url(http://team-webmaster.webcindario.com/tmp/7782cd4ccc.png);} #content { position: absolute; left: 50%; top: 287px; margin-left:-322px; width: 671px; height: 344px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }	Blue and Black Texto por encima de la pagina: <div id="top"> </div> <div id="wrapper"> <!-- Header --> <div id="header"> <h1><a href="/" _fcksavedurl="/" title="Go to homepage">Team Webmaster</a></h1> <p class="title">design is my life</p> <div id="header-in"> <p>the best solution</p> </div> <a href="#skip-menu" _fcksavedurl="#skip-menu" class="hidden">menu</a> <!-- Menu --> <ul id="menu"> <li><a href="/" _fcksavedurl="/" class="active">HOME</a></li> <li><a href="#" _fcksavedurl="#">ABOUT US</a></li> <li><a href="#" _fcksavedurl="#">SERVICES</a></li> <li><a href="#" _fcksavedurl="#">TESTIMONIALS</a></li> <li><a href="#" _fcksavedurl="#">CONTACT</a></li> </ul> <!-- Menu end --> </div> <!-- Header end --> <div class="bar"> </div> <hr class="noscreen" /> <div id="skip-menu"></div> <div class="content"> <!-- Left column --> <div class="column-left"> <div class="column-left-in"> <h2>Hola</h2> <p>Design By Tw.</p> Texto por debajo de la pagina: <div class="box1"> <div class="box1-in"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce quis leo. Nunc est lacus…</p> <p class="more"><a href="#" _fcksavedurl="#">more…</a></p> </div> </div> <div class="box2"> <div class="box2-in"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce quis leo. Nunc est lacus…</p> <p class="more"><a href="#" _fcksavedurl="#">more…</a></p> </div> </div> </div> </div> <!-- Left column end --> <hr class="noscreen" /> <!-- Right column --> <div class="column-right"> <div class="column-right-in"> <ul> <li><a href="#" _fcksavedurl="#" class="active"> dolor</a></li> <li><a href="#" _fcksavedurl="#">dolor</a></li> <li><a href="#" _fcksavedurl="#">dolor</a></li> <li><a href="#" _fcksavedurl="#">dolor</a></li> <li><a href="#" _fcksavedurl="#">dolor</a></li> <li><a href="#" _fcksavedurl="#">dolor</a></li> </ul> <div class="address"> <address> sssssssssss<br /> sssssssssss<br /> sssssssssss<br /> sssssssssss<br /> sssssssssss </address> </div> </div> </div> <!-- Right column end --> <div class="cleaner"> </div> </div> <!-- Content end --> <hr class="noscreen" /> <!-- Footer --> <div id="footer"> <ul> <li><a href="/" _fcksavedurl="/" class="active">Home</a>\|</li> <li><a href="#" _fcksavedurl="#">About us</a>\|</li> <li><a href="#" _fcksavedurl="#">Services</a>\|</li> <li><a href="#" _fcksavedurl="#">Testimonials</a>\|</li> <li><a href="#" _fcksavedurl="#">Contact</a>\|</li> <li><a href="#top" _fcksavedurl="#top">Top</a>↑</li> </ul> <p class="cop">Copyright © 2008 <a href="#" _fcksavedurl="#">Tw</a>. All Rights Reserved.</p> </div> <!-- Footer end --> <hr class="noscreen" /> <p class="mantis-a"><a href="http://maestrossuperinformaticos.es.tl//" _fcksavedurl="http://maestrossuperinformaticos.es.tl/">LuX Design</a>, visit <a id="commercial-link" href="http://maestrossuperinformaticos.es.tl/" _fcksavedurl="http://maestrossuperinformaticos.es.tl//" title="Free internet speed test">Netmeter</a></p> </div> <!-- Wrapper end --> 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;} 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; }
Black icon Texto por encima de la pagina: <style type="text/css" media="screen"> <!-- body { font-family: Times New Roman, Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 0px; margin: 0px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 163px; left: 52%; margin-left: 149px; width: 100px; } .menu li { width: 95px; float: left; } .menu a { border: 0px solid #ffffff; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:67px; color: #808080; } .menu a:hover { background-color: #transparent; background-image: none; } #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="Url" _fcksavedurl="Url"></a> </li> <li><a href="Url" _fcksavedurl="Url"></a> </li> <li><a href="Url" _fcksavedurl="Url"></a> </li> <li><a href="Url" _fcksavedurl="Url"></a> </li> <li><a href="Url" _fcksavedurl="Url"></a> </li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> 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;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-color:#262626;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 610px; height:600px; background-image:url(http://www.fileden.com/files/2008/3/24/1833523/designblackicon.png);} #content { position: absolute; left: 50%; top: 229px; margin-left:-283px; width: 380px; height: 360px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #cccccc; font-size: 13px; text-decoration: none;}	Black Texto por encima de la pagina: <div id="red_on_grey"></div> <div id="header_container"><span>AQUI TU TEXTO DE ENCABEZADO</span></div> CSS-Code sin Style Tags : #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;} #counter {display:none;} body { background-color:#000000;} *{ padding: 0; margin: 0; } #header_container { position: relative; left: 50%; top: 120px; margin-left:-170px; width: 370px; height:37px; background-color:transparent; background-image: none; color:#FFFFFF; font-size:23px; border: 0px solid #FFFFFF;} #content { position: absolute; left: 50%; top: 230px; margin-left:-175px; width: 518px; height: 430px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image: none; border: 0px solid white; overflow:auto;} #red_on_grey { position: absolute; left: 50%; top: 35px; margin-left:-510px; width: 970px; height: 720px; padding:0px; color: #FFFFFF; font-size:14px; background-color:transparent; background-image:url(http://www.fileden.com/files/2008/3/24/1833523/black.png); border: 0px solid #FFFFFF; overflow:none;} #sidebar_container{ position: absolute; left: 50%; top: 60px; margin-left: -430px; width: 192px; height: 122px; background-color:transparent; background-image:url; border:0px solid #FFFFFF; color:#FFFFFF; overflow:auto;} #nav_container{ position: absolute; left: 50%; top:220px; margin-left: -430px; width: 182px; height: 460px; border:0px solid #FFFFFF;} ul#nav{ width: 130px; padding: 0px; margin: 0px;} li.nav_element{ list-style-type: none; position: relative; padding:0px; width: 182px;} li.nav_element a{ display: block; width: 182px; height: 24px; padding:0px; font-weight: bold; text-decoration: none; text-align: left; color:#FFFFFF; background-color:000000; background-image:url( http://www.fileden.com/files/2008/3/24/1833523/BOTON.png); border: 0px solid #000000;} li.nav_element a:hover{ color: #FFFFFF; background-color:000000; background-image: none;}

Cualquier Problema con los design porfavor contactar con el webmaster.

Quieres crear una pagina web como esta?

Entonces que esperas entra a Paginawebgratis.es y comienza a crear tu pagina web con 1gb de almacenamiento web y solo te tomara 3 minutos para crear tu pagina web.

El propietario de ésta página no ha activado todavía el extra "Lista Top"!

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

Registrarse gratis