i-Zomma
Home
VideoGames
Anime
DescargaAnime
Videos
Descargas
Contacto
Nueva Cuenta
Chat
Esta Pagina
Codigo Fuente
PhotoShop
1
Radio Online
Título de la nueva página
o
a
b
SignUp
Noticias
Metal Slug Game
Help
MarioBros
Penalty Fever
PingPong3D
Billards
Bustamove, bubble bobble
Avatar
WebMasters
Codes
t-texto
t-email
t-raton
t-scroll
t-flash
t-fav
t-fyh
t-menu
t-img
t-varios
t-efect
Themes
CSS
Games x
CSS2
Ice Blue
Ice-Blue 2
Buttons
Noticias2
MSN
Code
Code2
search?q=bfbcoporation
cel
mas
ML
contador
CSS2
GunBound Design-CON ESPACIOS MUY GRANDES PARA ESCRIBIR.
Pega este por encima de la pagina
<div id="Design"> <div id="Header_oben"></div>
Pega esto por debajo de la pagina
<div id="navegador"> <a href="#" _fcksavedurl="#" class="enlacenav">link</a> | <a href="#" _fcksavedurl="#" class="enlacenav">link</a> | <a href="#" _fcksavedurl="#" class="enlacenav">link</a> | <a href="#" _fcksavedurl="#" class="enlacenav">link</a> | <a href="#" _fcksavedurl="#" class="enlacenav">link</a> | </div>
pega esto en css codde sin Style Tags
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} #Header_oben { height: 116px; width: 960px; background:; background-image:url(http://img233.imageshack.us/img233/6355/topbgvp3.png); color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:20px;top:5px; } #content { height: 800px; width: 800px; background:; background-image:url(http://us.creative.com/images/bg.png); color: #673200; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; border: 0px solid #673200; position:absolute;left:20px;top:120px;} #content_2 { height: 1000px; width: 980px; background:; background-image: none; color: #673200; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; z-index: 0; position:absolute;left:20px;top:27px;} #top_1 { height: 25px; width: 980px; background:; background-image:url(http://us.creative.com/images/top_bg.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:141px; } body {background-image: none; background-attachment: fixed; background:#ffffff; background-repeat: repeat-y; background-position: center center; font-size: 12px; font-family: Arial; } li.nav_element a{ color:#ffffff ; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 150px; height: 30px; background-image:url(https://img.webme.com/pic/s/success4you/navmac.gif); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 150px; height: 30px; position: relative; align:center; background-image:url(https://img.webme.com/pic/s/success4you/navmacdown.gif); background-color:} * { padding: 0; margin: 0; } * { padding: 0; margin: 0; } #Design { width: 500px; height: 1000px;} #nav_container { height: 700px; width: 160px; background:; background-image:url(http://us.creative.com/images/bg.png); color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px; border: 0px solid #6E6E6E; float: left; overflow:auto; position:absolute;left:820px;top:120px;} li.nav_element{list-style-type: none;} #sidebar_container { height: 140px; width: 140px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 0px; border: 0px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:840px;top:800px;} #Feld_oben { width: 0px; height: 0px; background-image:url(http://us.creative.com/images/footer_bg.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:250px;} #Feld_rechts_5 { height: 0px; width: 0px; background:; background-image:url(http://us.creative.com/images/footer_bg.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; z-index: 2; position:absolute;left:5px;top:2px;} #counter{background-image:url(http://us.creative.com/images/footer_bg.png);width: 960px; height: 20px; position:absolute; left: 20px; top: 940px; font-size: 14px; z-index: 6; color: #ffffff;} #navegador{ background : # url(http://us.creative.com/images/footer_bg.png); padding : 5px 600px 20px 50px; position:absolute; left: 70px;top:73px; border-top : 0px solid #cccccc; border-bottom : 0px solid #cccccc; } A.enlacenav, A.enlacenav:VISITED, A.enlacenav:ACTIVE, A.enlacenav:FOCUS, A.enlacenav:LINK{ color: #ffffff; } A.enlacenav:HOVER{background :url(http://pixelea.com/s/6f55e2f35b.jpg); color: #3F7DE3; } #A.enlacenav_menu td{background-image:url(http://img223.imageshack.us/img223/7906/botonunder2us8.png);text-decoration: none;color: #703030;} td.edit_below_nav img { visibility:hidden; }
Design Blog X
Esto Va En " Texto Por Encima De La Pagina "
<!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <div id="container"><center><img src="http://pixelea.com/s/18dbbd5b30.jpg"></center> <div id="header"> <ul> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li class="last"><a href="http://codespwg.es.tl">Modificar</a></li> </ul> </div> <div id="content1"> <div id="left"> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <ul> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> </ul> </div> <div class="menufooter"></div> </div> <div class="menu"> <div class="menuheader"><h3>Mi Banner</h3></div> <div class="menucontent"> <p><center><a href="http://design-gfx.es.tl/"><img src="http://www.fileden.com/files/2008/9/29/2121627/Small.gif"></a> <br> <br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a><br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a><br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a><br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a></center></p> </div> <div class="menufooter"></div> </div> </div> <div id="right"> <div class="menu"> <div class="menuheader"><h3>Imagenes</h3></div> <div class="menucontent"> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 1</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 2</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 3</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 4</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 5</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 6</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 7</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 8</a></span> </div> <div class="clear"></div> </div> <div class="menufooter"></div> </div> </div> <div id="middle"> <div class="post"> <div class="postheader"><h1>Contenido</h1></div> <div class="postcontent"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </div> <div class="postfooter"></div> </div> <div id="footer"> <ul> </ul> <span><font color="white">Copyright © 2006 CodesPwg. All rights reserved.</font></span> </div> </body> </html>
Esto Va En " CSS-Code sin Style Tags "
body { background-image: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-repeat: repeat-x; background-color: #000000; } * {margin: 0px;padding: 0px;} p { padding: 10px 10px 10px 20px; display:block; color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold } a { color:#6b7272; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #container { margin: 0px auto; text-align: left; width: 860px; } #header{ height:25px; width:777px; background-image:url(#); background-repeat: no-repeat; } #content1{ } #left{ width:192px; float:left; } #middle{ margin-left:206px; margin-right:196px; width:450px; } #right{ width:192px; float:right; } /********************* menu ****************************/ .menuheader{ width:192px; height:37px; background-image:url(http://pixelea.com/s/02b2dec001.gif); display:block; } .menucontent{ width:192px; background-image:url(http://pixelea.com/s/463eedba20.gif); padding-top:10px; background-repeat: repeat-y; }.menuheader h3{ padding: 10px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .menufooter{ width:192px; height:15px; background-image:url(http://pixelea.com/s/25e4732ed4.gif); display:block; } .postheader,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* post ****************************/ .post{ margin-bottom:15px; } .postheader{ background-image:url(http://pixelea.com/s/43d18eadf2.gif); display:block; width:450px; height:33px; } .postheader h1{ padding: 7px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .postcontent{ background-image:url(http://pixelea.com/s/a8a8cd7a41.gif); background-repeat: repeat-y; padding: 20px 0px; } .postfooter{ background-image:url(http://pixelea.com/s/6b58b1f3f4.gif); background-repeat: no-repeat; display:block; width:450px; height:15px; } /********************* header ****************************/ #header{ position:relative; } #header ul{ position:absolute; top:0px; display:block; left:180px; } #header ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } .last{ border-right: 0px none #6b7272 !important; } #header ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #header ul li a:hover{ text-decoration:underline; } /********************* footer ****************************/ #footer{ width:850px; } #footer ul{ display:block; margin-left:190px; } #footer ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } #footer ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #footer ul li a:hover{ text-decoration:underline; } #footer span{ color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; width:850px; display:block; padding: 15px 0px; } /********************* menu members ****************************/ .menu ul{ list-style-position: inside; list-style-type: disc; padding: 0px 0px 0px 20px; color:#666666; } .menu ul li{ padding-top: 5px; color:#666666; } .menu ul li a{ text-decoration:none; padding: 0px; text-transform: uppercase; } .menu ul li a:hover{ text-decoration:underline; text-transform: uppercase; } .member{ display:inline; float:left; margin-left:10px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member img{ width:75px; height:70px; border: solid 2px #999999; } .clear{ clear:both; } #content_container h2 { font-size:34px; font-weight:bold; font-family:Kartika, Lucida Console; padding:0; margin:0; position:absolute; left:150px; top:50px; } #content { position: absolute; left: 63%; top: 200px; margin-left: -335px; width: 400px; height: 690px; padding:10px; color:#525757; font-family: Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} .nav_element{visibility:hidden;} .header{visibility:hidden;} #content_container h2 {visibility:hidden;}
Design Oscure
Esto Va En " 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; background-image:url(https://img.webme.com/pic/p/pirro/bg.gif);} } 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"></a> </li> <li><a href="Url"></a> </li> <li><a href="Url"></a> </li> <li><a href="Url"></a> </li> <li><a href="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>
Esto Va En " 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://pixelea.com/s/263563223d.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;}
Este sitio web fue creado de forma gratuita con
PaginaWebGratis.es
. ¿Quieres también tu sitio web propio?
Registrarse gratis