..::TODOBANNERS-DESING::.. - Diseños CSS-Desing

Diseños CSS-Desing

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

Registrarse gratis

Galeria de imagenes Css-Desing
Naturaleza desing Texto por encima de la pagina <div id="dis_tb"></div> <div class="tb" id="tb">Diseño by <a href="http://todobanners.es.tl">www.todobanners.es.tl</a></div> <div id="header_oben">Naturaleza desing o texto del cabezal</div> Css sin style tags #tb { position: absolute; background-color: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 10px; left: 801px; top: 294px; } #dis_tb { left:2px; top:1px; width:970px; height:1201px; z-index:1; background-image: url(http://img135.imageshack.us/img135/5637/webnaturalezaud3.jpg); background-repeat: no-repeat; } #header_oben { position:absolute; left:61px; top:44px; width:843px; height:102px; z-index:1; overflow: auto; font-family: Arial, Helvetica, sans-serif; padding-top: 50px; padding-left: 50px; font-size: 36px; text-transform: capitalize; } li.nav_element a{ color:#ffffff; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 180px; height: 50px; background-image:url(http://img529.imageshack.us/img529/7500/naturalezabhtx8.png); background-color:; } #nav_heading { visibility: hidden; } li.nav_element a:hover{ color:#ffffff; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 180px; height: 50px; position: relative; align:center; background-image:url(http://img213.imageshack.us/img213/249/naturalezabhu5.png); background-color:} #nav_container { height: 775px; width: 244px; background:; color:#000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; z-index: 3; position:absolute; left:46px; top:197px; font-family: Arial, Helvetica, sans-serif; text-transform: capitalize; } #header { visibility: hidden; } #nav_element { list-style-type: none; } #nav { list-style-type: none; } #sidebar_container { position:absolute; left:60px; top:1045px; width:886px; height:157px; z-index:5; overflow: auto; font-family: Arial, Helvetica, sans-serif; color: #996600; } #counter { visibility: hidden; } #content { position:absolute; left:315px; top:278px; width:621px; height:722px; z-index:4; overflow: auto; font-family: Arial, Helvetica, sans-serif; color: #333333; font-size: 18px; } #below_content { visibility: hidden; } #sidebar_container { height: 152px; width: 880px; background:; color:#000000; overflow:auto; z-index: 2; font-family: Arial, Helvetica, sans-serif; } body { background-color: #E1FFFF; }	Tecno Texto por encima de la pagina <div id="Tb"><span class="Estilo1">..::</span>Plantilla por <a href="http://todobanners.es.tl">todobanners</a> Web<span class="Estilo1"><sup>2.0 </sup></span>Designer<span class="Estilo1">::..</span></div> <div id="Header_oben"> <div class="textocabezal" id="textocabezal">Texto cabezal </div> </div> Css sin style tags body { background-image: url(http://img179.imageshack.us/img179/8471/website2tecxb4.png); background-repeat: no-repeat; background-color: #000000; } #sidebar_container { height: 253px; width: 298px; background:; background-image:url(IMg.png ); color:#FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position: absolute; left: 665px; top: 80px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #textocabezal { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 36px; text-decoration: underline overline; margin-top: 90px; margin-right: 50px; margin-bottom: 50px; margin-left: 200px; } #content { height: 637px; width: 577px; background:; color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; position: absolute; left: 33px; top: 323px; overflow: scroll; font-family: Arial, Helvetica, sans-serif; } overflow:auto; border: 1px solid #6E6E6E; z-index: 4; #content h2 { font-family: Arial, Helvetica, sans-serif; color: #00CCFF; text-decoration: underline overline; border: medium dotted #FFCC00; width: 200px; margin-top: 7px; text-transform: capitalize; margin-right: 1px; margin-bottom: 4px; margin-left: 5px; overflow: hidden; font-size: 14px; font-weight: bold; } #Header_oben { height: 232px; width: 590px; background:; background-image:url(Imagen%20de%20fondo%20maximo%20590*232); color: #000000; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position: absolute; left: 27px; top: 70px; background-repeat: no-repeat; background-position: 10px 10px; font-family: Arial, Helvetica, sans-serif; text-align: right; } #Header_oben h1 { word-spacing: 5pt; letter-spacing: 1px; margin-top: 80px; margin-right: 30px; margin-bottom: 20px; margin-left: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; width: 300px; text-align: center; white-space: normal; } li.nav_element a{ color:#ffffff; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 170px; height: 39px; background-image:url(http://img227.imageshack.us/img227/8596/botonmq7.png); background-color:; font-family: Arial, Helvetica, sans-serif; border: 2px dotted #FFFFFF; list-style-type: none; } #header_container { visibility: hidden; } #counter { visibility: hidden; } li.nav_element a:hover{ color:#000000; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 170px; height: 39px; position: relative; align:center; background-image:url(http://img212.imageshack.us/img212/3356/botonhrt1.png); background-color:} #nav_container { height: 480px; width: 299px; background:; color:#00CCFF; margin: 0px 0px 0px 0px; padding: 0px; border: 3px dotted #FFCC33; float: left; overflow:auto; z-index: 4; position:absolute; left:666px; top:401px; font-family: "Courier New", Courier, monospace; list-style-type: none; text-transform: capitalize; text-align: center; } #nav { list-style-type: none; } a:link { color: #FFCC00; } a:hover { font-family: Arial, Helvetica, sans-serif; color: #CC0000; text-decoration: underline overline blink; } #Tb { position: absolute; left: -3px; top: 1102px; width: 1000px; height: 52px; font-family: "Courier New", Courier, monospace; color: #CCCCCC; text-align: center; } a:link { font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; background-color: #333333; text-decoration: underline overline; border: 2px doble #0000FF; } #noborrar { position:absolute; left:1px; top:887px; width:9px; height:165px; z-index:5; } .Estilo1 {color: #FFFFFF}	Art silver Texto por encima de la pagina <div id="Layer5"></div> <div id="desing_tb"> <div align="center">Diseño por <a href="http://www.todobanners.es.tl">todobanners</a> web<span class="Estilo1"><sup>2.0</sup></span> diseñador </div> </div> <div id="box2"> <h2>Titulo del box 2 </h2>ACA EL CONTENIDO DEL 2 BOX </div> Css sin style tags body { background-image: url(http://img526.imageshack.us/img526/9960/completoxn2.png); background-repeat: no-repeat; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; } #box2 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; overflow: auto; position: absolute; left: 808px; top: 358px; width: 178px; height: 183px; } #content { position: absolute; left: 327px; top: 100px; width: 432px; height: 451px; font-family: Arial, Helvetica, sans-serif; color: #CCCCCC; overflow: auto; } #nav_container { overflow: auto; position: absolute; left: 41px; top: 123px; height: 406px; width: 173px; color: #FFCC00; font-family: "Courier New", Courier, monospace; list-style-type: none; text-align: center; word-spacing: 0pt; letter-spacing: 0pt; font-size: 12px; } h2 { font-family: "Courier New", Courier, monospace; color: #66FFFF; font-variant: small-caps; font-size: 16px; font-weight: bold; background-color: #3300FF; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #00FF00; border-right-color: #00FF00; border-bottom-color: #00FF00; border-left-color: #00FF00; } #nav { list-style-type: none; } a:link { font-family: Arial, Helvetica, sans-serif; color: #33CCFF; } li.nav_element a{ color:#00CCFF; display: block; line-height: 25px; margin: 3px; padding-left: 10px text-decoration: none; text-align: center; width: 167px; height: 30px; background-image:url(http://img227.imageshack.us/img227/8596/botonmq7.png); background-color:; list-style-type: none; } li.nav_element a:hover{ color:#FF0000; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 167px; height: 30px; position: relative; align:center; background-image:url(http://img212.imageshack.us/img212/3356/botonhrt1.png); background-color:; list-style-type: none; text-decoration: underline overline blink; } * { padding: 0; margin: 0; } * { padding: 0; margin: 0; } #sidebar_container { font-family: Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; overflow: auto; position: absolute; left: 804px; top: 102px; width: 178px; height: 183px; } #Layer5 { position:absolute; left:4px; top:17px; width:18px; height:623px; z-index:4; } #counter { visibility: hidden; } #header_container { visibility: hidden; } #Layer1 { position:absolute; left:0px; top:1px; width:587px; height:31px; z-index:5; } #Layer2 { position:absolute; left:153px; top:565px; width:645px; height:43px; z-index:5; } #desing_tb { position: absolute; background-color: #FFCC00; left: 39px; width: 177px; height: 91px; top: 534px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000; text-decoration: underline overline; background-image: url(http://img211.imageshack.us/img211/8568/imagenfk6.png); } a:link { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #0000FF; text-decoration: blink; background-color: #33CCFF; } .Estilo1 {color: #FFFFFF}