CounterStrike

Por arriba

Código:

<!-- www.designs-ics.es.tl --> 

            <div class="container"><div class="main"> 

            <div class="header"><div class="title"> 

               <h1></h1> 

            </div></div> 

            <div class="content">

Por debajo

Código:

<!-- www.designs-ics.es.tl --> 

            </div><div class="sidenav"> 

               <h1>Designs-ics</h1><ul> 

               <li><a href="http://designs-ics.es.tl"></a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 2</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 3</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 4</a></li> 

            </ul> 

               <h1>Menu 2</h1><ul> 

               <li><a href="http://designs-ics.es.tl">Link's 1</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 2</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 3</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 4</a></li> 

            </ul> 

               <h1>Menu 3</h1><ul> 

               <li><a href="http://designs-ics.es.tl">Link's 1</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 2</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 3</a></li> 

               <li><a href="http://designs-ics.es.tl">Link's 4</a></li> 

                     </ul> 

               <h1>Buscar</h1> 

            <form action="index.html"><div> 

            <input type="text" name="search" class="styled" /> <input type="submit" value="" class="button" /> 

            </div></form></div> 

            <div class="clearer"><span></span></div></div> 

            <div class="footer"> 

            <span class="left">© 2010 <a href="URL">Tu sitio web</a>.</span> 

            <span class="right">Diseño: <a href="http://templates.arcsin.se">Website template</a> Por <a href="http://designs-ics.es.tl">ICS</a> -Adaptación por: <a href="http://designs-ics.es.tl">designs-ics</a></span> 

            <div class="clearer"><span></span></div> 

            </div></div>

Css Code

Código:

/*    Nombre: Transparentia ICS 

            Author: Mircea Nancu 

            Author URI: http://designs-ics.es.tl 

            Adaptación para PwG: http://designs-ics.es.tl 

            */ 

            * {margin: 0;padding: 0;} 

            #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;} 

            a {color: #36C;} 

            a:hover {color: #06F;} 

            body {background: #EEE url("http://4.bp.blogspot.com/_HWhTLnRz2lw/TCY4LpuJS_I/AAAAAAAAABU/abUt5YrZA_Q/s1600/34dy-4cb815.jpg"); 

            color: #444;font: normal 62.5% "Lucida Sans Unicode",sans-serif;margin: 0;} 

            input {color: #555;font: normal 1.1em "Lucida Sans Unicode",sans-serif;} 

            p,cite,code,ul {font-size: 1.2em;padding-bottom: 1.2em;} 

            h1 {font-size: 1.4em;margin-bottom: 4px;} 

            h1,h2,h3 {color: #367EA6;padding-top: 6px;} 

            .clearer {clear: both;} 

            .container {background: url("http://filegen.webcindario.com/files/b/c/c/e7b6-transparentia02gif.gif") repeat-y; 

            margin: 0 auto;padding-bottom: 6px;width: 767px;border-bottom: 1px solid #DDD;} 

            .header {background: url("http://i302.photobucket.com/albums/nn107/ezenofx/FirmaCounterStrike.jpg") repeat-x;} 

            .title h1 {color: #FFF;font: normal 3em Verdana,sans-serif; 

            height: 150px;line-height: 150px;margin-bottom: 8px;text-align: center;} 

            .navigation {margin-bottom: 4px;} 

            .navigation a {background-color: #4A91C3;color: #FFF;float: left;font: bold 1.2em "Trebuchet MS",sans-serif; 

            padding: 8px 0;width: 19%;border-right: 1px solid #FFF;text-align: center;text-decoration: none;} 

            .navigation a:hover {background-color: #000;color: #FFF;} 

            .main {clear: both;padding: 8px 18px;} 

            .sidenav h1,.sidenav ul {padding-left: 12px;} 

            .sidenav {background: #EEE;border: 1px solid #E5E5E5;float: left;width: 200px;} 

            .sidenav h1 {color: #666;font-size: 1.2em;height: 20px;margin-top: 1.2em;} 

            .sidenav ul {border-top: 1px solid #FAFAFA;margin: 0;padding: 0; 

            background: #EEE url("http://filegen.webcindario.com/files/a/b/b/d012-transparentia04gif.gif") repeat-x;} 

            .sidenav li {border: 1px solid #FAFAFA;border-top: none;list-style: none;margin: 0;} 

            .sidenav li a {color: #777;display: block;font-size: 0.9em;padding: 3px 6px 3px 14px;text-decoration: none;} 

            .sidenav li a:hover {color: #111;} 

            .content {float: right;width: 520px;} 

            .content .item {padding: 6px 12px;border: 1px solid #EEE;background: #FFF;margin-bottom: 8px;} 

            .content .descr {color: #333;margin-bottom: 6px;} 

            /* search form */ 

            form {padding: 0 0 6px 8px;} 

            .styled {border: 1px solid #DDD;padding: 4px;} 

            .button {background: url("http://filegen.webcindario.com/files/c/b/a/8f9b-transparentia05gif.gif") no-repeat left bottom; 

            border: none;height: 27px;width: 27px;} 

            .footer {background: #FFF;border: 1px solid #EEE;color: #666;font-size: 1.1em; 

            margin: 0 auto;text-align: center;width: 720px;} 

            .footer a {color: #36C;text-decoration: none;} 

            .footer a:hover {color: #06F;text-decoration: underline;} 

            .footer .left, .footer .right {padding: 6px 12px;} 

            .footer .right, .footer .right a {color: #AAA;} 

            .footer .right a:hover {color: #666;} 

            /* floats */ 

            .left {float: left;} 

            .right {float: right;}