DwDesigner

Bienvenido, Te recive el Equipo de Webdejuegosya y Team-Drakox, Elige una de estas opciones!

Registrar;Conectar;No Preguntar

Que te diviertas
DwDesigner

Diseño Webmaster Todo lo que tu web necesita


    [Diseño para CSS design] counter strike

    Comparte
    avatar
    super-ayuda-webmaster
    Moderador
    Moderador

    Masculino Cantidad de envíos : 133
    Fecha de inscripción : 29/03/2009
    Edad : 22

    Hoja De Personaje
    Juego1:
    Juego1

    [Diseño para CSS design] counter strike

    Mensaje  super-ayuda-webmaster el Lun Mar 30, 2009 5:16 am

    Bueno aqui esta y es Adaptada:



    ENCIMA DE LA PAGINA:

    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>Counter-Strike</title>
    <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" />
    </head>
    <body>
    <div id="body_wrapper">
      <!-- Start of Body Container -->
      <div id="body_container">
        <div id="body_container_b">
          <div id="body_container_c">
            <!-- Start of Page Header -->
            <div id="page_header">
              <!-- Website Title -->
              <h1><span class="hidethis"> Counter Strike </span></h1>
          </div>
            <!-- End of Page Header -->
            <!-- Start of Page Content -->
          <div id="page_content">
          </div>
            <!-- End of Page Content -->
        </div>
      </div>

    DEBAJO DE LA PAGINA:

    Código:
    </div>
      <!-- End of Body Container -->
    <!-- Start of Navigation Menu -->
      <div id="navmenu">
    <div id="navmenu_b">
        <div id="navmenu_c"> 
        <h3><span class="hidethis">Site Menu:</span></h3> 
            <ul>
              <li><a href="LINK">LINK</a></li>
              <li><a href="LINK">LINK</a></li>
              <li><a href="LINK">LINK</a></li>
              <li><a href="LINK">LINK</a></li>
              <li><a href="LINK">LINK</a></li>
              <li><a href="LINK">LINK</a></li>
            </ul>
        </div>
      </div>
    </div>
      <!-- End of Navigation Menu -->
      <div class="clearthis"> </div>
    <!-- Start of Page Footer -->
      <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com">free website templates</a></div>
      <!-- End of Page Footer -->
    </div>
    </body>
    </html>

    CSS code sin style tags:

    Código:
    lli.nav_element{display: none;}
    li.nav_element a{display: none;}
    h1#title{display: none;}
    h2#title span {display: none;}
    #nav_container{display: none;}
    #pre_header{display: none;}
    #header{display:none;}

    /* +++++++++++++++++++++++++++++ Shifting Ground +++++++++++++++++++++++++++++ */


    /* ++++++++++++++++++++ Common Styles ++++++++++++++++++++ */


    * {
       margin: 0px;
       padding: 0px;
    }

    body {
       color: #fff;
       background-color: #484848;
       font-family: 'verdana', 'helvetica', sans-serif;
       font-size: 100%;
       text-align: center;
    }

    table {
       font-size: 1em;
    }

    td {
       color: #fff;
       background-color: inherit;
       font-family: 'verdana', 'helvetica', sans-serif;
       font-size: 1em;
    }

    a {
       color: #fff;
       background-color: inherit;
       text-decoration: underline;
    }

    a:hover {
       color: #fff;
       background-color: inherit;
       text-decoration: none;
    }

    img {
       border: none;
    }

    ul, ul li {
       list-style: none outside;
    }

    ol, ol li {
       list-style: decimal inside;
    }

    p {
       padding: 0.6em 0em 0.6em;
    }

    fieldset {
       border: none;
    }

    input, textarea, select {
       font-family: 'verdana', 'helvetica', sans-serif;
       font-size: 13px;
    }

    .hidethis {
       display: none;
    }

    .clearthis {
       margin : 0px;
       height : 1px;
       clear : both;
       float : none;
       font-size: 1px;
       overflow : hidden;
       visibility: hidden;
    }


    /* ++++++++++++++++++++ Image Thumbnails ++++++++++++++++++++ */

    .tb_center {
       text-align: center;
    }

    .tb_center img {
       margin: 1.3em auto;
       border: 1px #fff solid;
    }



    /* ++++++++++++++++++++ Body Wrappers ++++++++++++++++++++ */

    #body_wrapper {
       margin: 35px 10px;
       width: 982px;
       background: url('http://pixelea.com/s/53591f674d.gif') no-repeat 100% 68px;
       font-size: 0.71em;
    }

    /* ++++++++++++++++++++ Body Container ++++++++++++++++++++ */

    #body_container {
       float: right;
       position: relative;
       left: -243px;
       width: 496px;
       background: url('http://pixelea.com/s/efe87f031e.gif') no-repeat 0% 100%;
    }

    #body_container_b {
       padding: 15px 0px;
       width: 496px;
       background: url('http://pixelea.com/s/9af24ff3a5.gif') no-repeat 0% 0%;
    }

    #body_container_c {
       color: inherit;
       background-color: #8e8257;
       border-left: #fff 6px solid;
       border-right: #fff 6px solid;
    }



    /* ++++++++++++++++++++ Page Header ++++++++++++++++++++ */

    #page_header {
       padding-bottom: 2px;
       color: inherit;
       background-color: #b3ab78;
    }

    #page_header h1 {
       position: relative;
       top: -4px;
       width: 100%;
       height: 40px;
       background: url('http://pixelea.com/s/1849ebb0dc.gif') no-repeat 50% 50%;
    }



    /* ++++++++++++++++++++ Page Content ++++++++++++++++++++ */

    #page_content {
       padding: 15px 17px 10px;
       font-weight: bold;
       text-align: left;
    }

    .link_readmore {
       padding: 35px 0px 10px;
       text-align: right;
    }

    .link_readmore a {
       margin-left: auto;
       display: block;
       width: 94px;
       height: 24px;
       background: url('http://pixelea.com/s/bad2ca2273.gif') no-repeat 0% 0%;
    }



    /* ++++++++++++++++++++ Navigation Menu ++++++++++++++++++++ */

    #navmenu {
       float: left;
       margin-top: 68px;
       position: relative;
       left: 77px;
       width: 166px;
       background: url('http://pixelea.com/s/572c7123ab.gif') no-repeat 0% 100%;
       font-size: 1.15em;
       font-weight: bold;
    }

    #navmenu_b {
       padding: 15px 0px;
       width: 166px;
       background: url('http://pixelea.com/s/190d05656c.gif') no-repeat 0% 0%;
    }

    #navmenu_c {
       color: inherit;
       background-color: #6d6845;
       border-left: #fff 6px solid;
    }

    #navmenu a {
       text-decoration: none;
       text-transform: uppercase;
    }

    #navmenu li {
       border-top: #fff 1px solid;
    }

    #navmenu li a {
       display: block;
       padding: 5px 0px;
       width: 160px;
    }

    #navmenu li a:hover {
       color: inherit;
       background-color: #989160
    }

    #navmenu li.list_first {
       border-top: none;
    }



    /* ++++++++++++++++++++ Page Footer ++++++++++++++++++++ */

    #page_footer {
       padding: 20px 0px;
       font-size: 0.9em;
       font-weight: bold;
    }

      Fecha y hora actual: Miér Dic 19, 2018 1:05 am