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ños css | Outside

    Comparte
    avatar
    A-J

    Cantidad de envíos : 3
    Fecha de inscripción : 28/03/2009

    Hoja De Personaje
    Juego1:
    Juego1

    Diseños css | Outside

    Mensaje  A-J el Sáb Abr 04, 2009 2:57 pm

    Hola aqui les dejo un diseños que adapte!
    Aja la les guste!




    texto por encima de la pagina
    Código:
    <div id="header">
       <h1>Css Plantillas</h1>
       <h2></h2>
    </div>
    <div id="menu">
    <ul>
          <li><a href="#">Inicio</a></li>
          <li><a href="#">Link's 1</a></li>
          <li><a href="#">Link's 2</a></li>
          <li><a href="#">Link's 3</a></li>
          <li><a href="#">Link's 4</a></li>
    </ul>
    </div>
    <div id="waper">

    Por debajo de la pagina
    Código:
    <div id="columnB">
          <h2>Último contenido</h2>
          <p><strong>[27/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#">Leer más</a></p>
          <p><strong>[26/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#">Leer más</a></p>
          <p><strong>[25/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#">Leer más</a></p>
          
          <h2>Recomendadas!</h2>
    <ul>
          <li><a href="#">Link's 1</a></li>
          <li><a href="#">Link's 2</a></li>
          <li><a href="#">Link's 3</a></li>
          <li><a href="#">Link's 4</a></li>
    </ul>
    </div>
    <div style="clear: both;"></div>
    </div>
    <div id="footer">
       <p>Copyright ©️ 2009 Tusitio.es.tl - Diseño por <a href="http://freecsstemplates.org">Free CSS Templates</a> - Adaptado por <a href="http://www.cssplantillas.es.tl">Css Plantillas</a></p></div>

    Sin style tag!
    Código:
    #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;}

    body {
       margin: 0px 0;
       font: normal small Arial, Helvetica, sans-serif;
       color: #83895C;
    }

    h1, h2, h3, h4, h5, h6 {
       margin-top: 0;
       padding-top: 0;
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       color: #CC6600;
    }

    a {
       text-decoration: none;
       color: #CC6600;

    }

    a:hover {
       border: none;
    }

    #header {
       width: 700px;
       height: 80px;
       margin: 0 auto;
    }

    #header h1 {
       margin: 0;
       padding: 30px 10px 0 20px;
       font-size: 36px;
       letter-spacing: -.05em;
       color: #83895C;
    }

    #header h2 {
       display: none;
    }

    #menu {
       width: 700px;
       margin: -2.25em auto 0 auto;
    }

    #menu ul {
       margin: 0;
       padding: 0;
       list-style: none;
       text-align: right;
    }

    #menu li {
       display: inline;
    }

    #menu a {
       padding: 0 10px 0 11px;
       border: none;
       border-left: 1px solid #83895C;
       color: #83895C;
    }

    #menu a:hover {
       color: #83895C;
    }

    #menu .first a {
       border: none;
    }

    #waper {
       width: 720px;
       margin: 0 auto;
       background: #EFEBDF url(http://pixelea.com/s/c6b35c446b.gif) repeat-y left top;
    }

    #waper * {
       line-height: 140%;
    }

    #content {
       float: left;
       width: 440px;
       padding: 25px 20px 0 30px;
       background: url(http://pixelea.com/s/f2f598ca37.gif) no-repeat left top;
    }

    #columnB {
       float: right;
       width: 200px;
       padding: 25px 20px 0 10px;
       background: url(http://pixelea.com/s/169fe9a845.gif) no-repeat left top;
    }

    #columnB * {
       color: #EFEBDF;
    }

    #columnB ul {
       margin-left: 0;
       padding-left: 0;
       list-style: inside circle;
    }

    #columnB a {
       border-bottom-color: #EBD8B7;
       color: #FFFFFF;
    }

    /** FOOTER */

    #footer {
       width: 720px;
       height: 50px;
       margin: 0 auto;
       background: url(http://pixelea.com/s/82f77ae78e.gif) no-repeat left top;
    }

    #footer p {
       margin: 0;
       padding: 35px 0 0 20px;
       font: bold 9px Arial, Helvetica, sans-serif;
    }

    Saludos!
    avatar
    Admin
    Support
    Support

    Masculino Cantidad de envíos : 101
    Fecha de inscripción : 08/03/2009
    Localización : Nuevo Leon, Mexico

    Hoja De Personaje
    Juego1:
    Juego1

    Mi web aora 2.0!

    Mensaje  Admin el Dom Abr 05, 2009 12:18 am

    Buen diseño sigue haci Salu2!

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