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

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

    Mensaje  super-ayuda-webmaster el Dom Mar 29, 2009 7:52 pm

    vista previa:


    texto por encima de la pagina:
    Código:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <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="wrapper">
    <div id="header2">
      </div>
      <div id="menu">
        <ul>
          <li><a href="Link">Home</a></li>
          <li><a href="Link">Link Two</a></li>
          <li><a href="Link">Link Three</a></li>
          <li><a href="Link">Link Four</a></li>
          <li><a href="Link">Link Five</a></li>
        </ul>
      </div>

    texto por debajo de la pagina:

    Código:
    <div id="footer">
        <div id="footer-valid"> <a href="ALGUN URL Q DESEES">NOC ALGO</a> / <a href="TU URL">NOmbre de tu Pagina</a></div>
      </div>
    </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;}

    /* Generic Styling */

    body {
       background:url(http://pixelea.com/s/7a24687a82.png) repeat-x top center #E8F7F9;
       font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
       font-size:62.5%; /* Sets default font size to 10px */
       color:#222222;
       }

    * {
       margin:0;
       padding:0;
       }

    img {
       border:0;
       }

    p {
       margin-bottom:1.75em;
       }

    a {
       text-decoration:none;
       color:#B4C835;
       }
    a:hover {
       text-decoration:none;
       color:#6CC7DC;
       }

    /* Structure */

    #wrapper {
       margin:0 auto;
       width:700px;
       background:#ffffff;
       font-size:1.20em;

       }
    #header {
       height:140px;
       background:url(http://pixelea.com/s/25b109ca21.jpg) no-repeat;
       }
    #header2 {
       height:140px;
       background:url(http://pixelea.com/s/25b109ca21.jpg) no-repeat;
       }
    #menu {
       height:35px;
       line-height:35px;
       background:url(http://pixelea.com/s/1223a13558.png) repeat-x;
       padding:0 10px;
       }
    #sidebar {
       float:right;
       width:180px;
       background:#efefef;
       margin-right:10px;
       }
    #content {
       float:left;
       width:500px;
       min-height:400px;
       }
    #footer {
       clear:both;
       height:100px;
       background:url(http://pixelea.com/s/52edb7629e.jpg) no-repeat;
       }

    /* Entries */

    .entry {
       padding:5px 10px;
       text-align:justify;
       line-height:1.75em;
       }
    .entry-title {
       font-size:1.90em;
       font-weight:normal;
       letter-spacing:-1px;
       }
    .date {
       font-size:0.9em;
       color:#bbb;
       cursor:default;
       letter-spacing:1px;
       }
    .comments {
       margin-top:-1em;
       }
    .comments a {
       color:#6CC7DC;
       background:url(http://pixelea.com/s/b30772ec5f.png) no-repeat 0px 2px;
       padding-left:20px;
       padding-right:2px;
       }
    .comments a:hover {
       color:#B4C835;
       }


    /* Menu */

    #menu ul {
       list-style-type:none;
       }
    #menu li {
       float:left;
       }
    #menu li a {
       padding:0 15px;
       display:block;
       color:#ffffff;
       margin-right:2px;
       }
    #menu li a:hover {
       background:url(http://pixelea.com/s/86f0c4b993.png) no-repeat center center;
       }

    /* Sidebar */

    #sidebar ul {
       list-style-type:none;
       margin-top:10px;
       }
    #sidebar li {
       
       }
    #sidebar li a {
       display:block;
       height:20px;
       line-height:20px;
       color:#222222;
       padding-left:5px;
       border-bottom:1px solid #dddddd;
       }
    #sidebar li a:hover {
       background:#edebed;
       color:#6CC4D8;
       }
    #sidebar-bottom {
       height:20px;
       background:url(http://pixelea.com/s/7d6fd6c06a.gif) no-repeat top center;
       }

    /* Footer */

    #footer-valid {
       float:left;
       padding-top:55px;
       padding-left:20px;
       cursor:default;
       color:#ffffff;
       }
    #footer-valid a {
       color:#ffffff;
       text-decoration:none;
       }
    #footer-valid a:hover {
       color:#ffffff;
       text-decoration:underline;
       }

    /* Heading's */

    h1 {
       font-size:2.5em;
       font-weight:normal;
       cursor:default;
       position:relative; top:50px; left:30px;
       letter-spacing:1px;
       color:#aaaaaa;
       font-style:italic;
       }

    /* Feed */

    #feed {
       height:25px;
       width:126px;
       background:url(http://pixelea.com/s/82617a5370.gif) no-repeat;
       margin:0 auto;
       padding-left:26px;
       }
    a.feed-button {
       display:block;
        width:100px;
        height:25px;
        background:url("http://pixelea.com/s/56b62dfcf0.png") 0 0 no-repeat;
        text-decoration: none;
       }
    a:hover.feed-button {
       background-position:0 -25px;
       }

    /* Extra's */

    #ad-top {
       width:480px;
       height:72px;
       background:url(ihttp://pixelea.com/s/6018cc256c.png) no-repeat;
       padding:5px;
       }

      Fecha y hora actual: Mar Oct 23, 2018 3:31 pm