Global

Por Encima de la página

Código:

<head> 

            <title>Global</title> 

            <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

            <link rel="stylesheet" href="style.css" type="text/css" /> 

            </head> 

            <body> 

            <div id="wrapper1"> 

              <div id="header"> 

                <div id="title"> 

                  <h1><a href="#">Global</a></h1> 

                  <span><a href="http://www.desingics.es.tl">desingics</a></span> </div> 

                <div id="topnav"> 

                  <ul class="menu"> 

                    <li><a href="#">Home</a></li> 

                    <li><a href="#">link 1</a></li> 

                    <li><a href="#">link 2</a></li> 

                    <li><a href="#">link 3</a></li> 

                    <li><a href="#">link 4</a></li> 

                  </ul> 

                </div> 

              </div> 

              <div id="wrapper2"> 

                <div id="sidebar"> 

                  <h2>Ultimas Noticias</h2> 

                  <ul> 

                    <li><a href="#">Noticia 01</a><span>Posteado por :</span></li> 

                    <li><a href="#">Noticia 02</a><span>Posteado por:</span></li> 

                    <li><a href="#">Noticia 04</a><span>Posteado por:</span></li> 

                  </ul> 

                  <h2>Categorias</h2> 

                  <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> 

                    <li><a href="#">Link</a></li> 

                    <li><a href="#">Link</a></li> 

                  </ul> 

                  <h2>Box</h2> 

                  <ul> 

                    <li><a href="#">Link</a></li> 

                    <li><a href="#">Link</a></li> 

                    <li><a href="#">Link</a></li> 

                  </ul> 

                </div> 

                <div id="content"> 

                  <h1>Tu Web.es.tl</h1> 

                  <div class="item">

Por Debajo De La Página

Código:

</p> 

                  </div> 

                  <div class="item"> 

                      <ul> 

                      <li>desingics</li> 

                      <li>desingics</li> 

                      <li>desingics</li> 

                      <li>desingics</li> 

                    </ul> 

                  </div> 

                  <div class="clear"></div> 

                </div> 

                <div class="clear"></div> 

              </div> 

              <div id="footer"> 

                <ul class="menu"> 

                  <li><a href="#">Link</a></li> 

                  <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> 

              <span id="credits">2010 &copy; Copyright <a href="#">Tu Nombre</a>.Todos los derechos reservados.<br /> 

              Adaptado por <a href="http://www.desingics.es.tl">desingics</a></span> </div> 

            </body> 

            </html>

Css code sin style tags

Código:

h2#title span {display: none;} 

            div.header{display: none;} 

            li.nav_element{list-style-type: none;} 

            li.nav_element{display: none;} 

            body 

             {   background:url(http://img641.imageshack.us/img641/8568/bgbody.gif) repeat-x #fff; 

               color:#666; 

               font:normal 12px Arial,sans-serif; 

               text-align:center; 

               padding:0; 

               margin:0; } 

            h1,h2,h3,p,li 

            {   text-align:left; } 

            a 

            {   background-color:inherit; 

               color:#399; 

               text-decoration:none; } 

            ul 

            {    list-style:none; 

               padding:1px; 

               margin:17px 0 10px 15px;   } 

            ul li 

            {    background: url(http://img15.imageshack.us/img15/3049/icobullet.gif) 0 3px no-repeat; 

               padding:1px 15px 5px 15px; 

               margin:0; } 

            blockquote 

            {   background-color:inherit; 

               color:#999; 

               font:italic 12px "Times New Roman",sans-serif; 

               border-left:5px solid #ccc; 

               padding:2px 15px; } 

            span 

            {   background-color:inherit; 

               color:#aaa; 

               font:normal 11px Arial,sans-serif; 

               padding:0; 

               margin:0;} 

            .clear 

            {   clear:both; } 

            /* Wrapper */ 

            #wrapper1 

            {   width:800px; 

               padding:0; 

               margin:0 auto; } 

            #wrapper2 

            {   background:#fff; 

               color:inherit; 

               width:750px; 

               padding:10px 0 0 15px; 

               margin:0 auto; } 

            /* Navigation Settings*/ 

            ul.menu 

            {    list-style:none; 

               padding:15px 0 0 0; 

               margin:0;   } 

            ul.menu li 

            {   background:none; 

               padding:0 10px; 

               display:inline; } 

            ul.menu li a 

            {   background-color:inherit; 

               color:#eee; 

               font-weight:bold; 

               text-decoration:none; } 

            ul.menu li a:hover 

            {   text-decoration:underline; } 

            /* Header Settings */ 

            #header 

            {   background:url(http://img248.imageshack.us/img248/6500/bgheaders.gif) no-repeat; 

               background-color:inherit; 

               color:#fff; 

               width:800px; 

               height:200px; 

               padding:0; 

               margin:0 auto; } 

            #title 

            {   width:275px; 

               padding-top:25px; 

               margin:0 auto;}    

            #title h1 

            {   font:bold 30px Arial,sans-serif; 

               text-align:center; 

               text-transform:uppercase; 

               padding:0; 

               margin:0;   }    

            #title a 

            {   background-color:inherit; 

               color:#fff; }    

            #topnav 

            {   padding:50px 25px 0 0; 

               float:right; } 

            /*Sidebar Settings */ 

            #sidebar 

            {   width:250px; 

               font-size:11px; 

               padding:0; 

               margin:0; 

               float:left;   } 

            #sidebar h2 

            {   background:url(http://img24.imageshack.us/img24/6967/bgsidebarq.gif) no-repeat; 

               background-color:inherit; 

               color:#eee; 

               font:bold 12px Arial,sans-serif; 

               text-transform:uppercase; 

               padding:12px 0 12px 35px; 

               margin:5px 0; } 

            #sidebar ul 

            {   margin:17px 0 10px 12px; } 

            #sidebar ul a 

            {   background-color:inherit; 

               color:#666; 

               font-weight:bold;}    

            #sidebar ul a:hover 

            {   background-color:inherit; 

               color:#399;   } 

            #sidebar ul span 

            {   display:block; } 

            /*Content Settings */ 

            #content 

            {   width:475px; 

               text-align:left; 

               padding:0; 

               margin:0; 

               float:left;} 

            #content h1 

            {   background:url(http://img155.imageshack.us/img155/6467/bgpostbar.gif) no-repeat; 

               background-color:inherit; 

               color:#fff;    

               font:bold 12px Arial,sans-serif; 

               text-transform:uppercase; 

               padding:12px 0 12px 35px; 

               margin:5px 0;   } 

            #content li    

            {    background:url(http://img580.imageshack.us/img580/980/icolist.gif) 0 3px no-repeat; 

               padding:1px 15px 5px 20px; 

               margin:0; } 

            #content .item 

            {   padding:15px 10px 5px 15px; 

               margin:0;} 

            #content .item h2    

            {   font:bold 13px Arial,sans-serif; 

               padding:0; 

               margin:0;} 

            #content .item p 

            {   text-align:justify; 

               padding:15px 0 0 0; 

               margin:0; } 

            /*Footer Settings*/ 

            #footer 

            {   background:url(http://img38.imageshack.us/img38/3430/bgfooterj.gif) no-repeat; 

               background-color:inherit; 

               color:#ccc; 

               width:800px; 

               height:50px; 

               font-size:11px; 

               margin:0 auto; }    

            span#credits a 

            {   background-color:inherit; 

               color:#888; 

               text-decoration:none; } 

            span#credits a:hover 

            {   text-decoration:underline; }