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] Music DJ

    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] Music DJ

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

    PLANTILLA arreglada



    ENCIMA DE A 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 href="style.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
    <div id="container">
    </br>
    </br> 
    <div id="header2">
     </br>
    </br> 
    <ul>
          <li><a class="link" href="LINK">LINK</a></li>
          <li><a class="link" href="LINK">LINK</a></li>
          <li><a class="link" href="LINK">LINK</a></li>
          <li><a class="link" href="LINK">LINK</a></li>
          <li><a class="link" href="LINK">LINK</a></li>
          <li><a id="last" href="LINK">LINK</a></li>   
    </ul>
    </div>

    CAMPO DE CONTENIDO (COPYRIGHT):

    Código:
    <div class="clear"></div>
        <div id="footer">
          <p>©️ Adaptado por Dutch (Imageloads). | designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></p>
      </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;}

    body {
      background: #020104 url(http://pixelea.com/s/2555ac2755.gif) repeat-x;
      color: #7F7F7F;
      font-family: tahoma, arial;
      font-size: 10px;
      margin: 0px;
      padding: 0px;
      text-align: center;
    }
    * {margin:0px;padding:0px;}
    #header ul{
      margin: 20px 25px 25px 20px;
      padding:0px;
      display:block;
      color:#c5b16b;
      width:auto;
      width: 110px;
      position:absolute;
      background-color:#FF0000;
    }
    #header li{
      background-color:#cebc7d;
      width: 136px;
      text-align:left;
      padding: 0px 0px 1px 10px;
      list-style-type: none;
    }
    .link,#last {
      font-size: 14px;
      font-weight:900;
      text-decoration: none;
      padding:0px;
      margin:0px;
      text-transform: uppercase;
      width: 120px;
      display:block;
      color: #7a6b3e;
      font-size: 14px;
      font-weight: bold;
      position:relative;
      text-align:center;
    }
    .link:hover, #last:hover{
      color:#4c5b38;
    }
    .link {border-bottom: 1px dashed #9c8f5e;}
    #last {border-bottom: 0px none #9c8f5e;}
    #navtop{
      background-image:url(http://pixelea.com/s/f3d6fd003c.gif);
      background-repeat: no-repeat;
      display:block;
      width:146px;
      height:20px;
    }
    #navbottom{
      background-image:url(http://pixelea.com/s/52ca781fe0.gif);
      display:block;
      width:146px;
      height:19px;
      background-repeat: no-repeat;
      background-position: left bottom;
    }
    p a:link {
      color: #7a6b3e;
      font-size: 14px;
      font-weight: bold;
      text-decoration: underline;
    }
       
    p a:visited {
      color: #7a6b3e;
      font-size: 14px;
      font-weight: bold;
      text-decoration: underline;   
    }
       
    p a:hover, a:active {
      color: #7a6b3e;
      font-size: 14px;
      font-weight: bold;
      text-decoration: none;
    }
    p{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      color: #5e573b;
    }
    #container {
      margin: 0px auto;
      text-align: left;
      width: 785px;
      display:block;
      position:relative;
    }
    #header2 {
      width: 785px;
      height: 351px;
      margin:0px;
      display:block;
      background-image: url(http://pixelea.com/s/9bd3d1876f.jpg);
      background-repeat: no-repeat;
      position:relative;
    }
    #content {
      background: url(http://pixelea.com/s/251d16c925.gif) repeat-y;
      width: 785px;
    }
    h3{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bolder;
      font-variant: normal;
      text-transform: uppercase;
      color: #4c5b38;
      text-decoration: none;
      margin-bottom:21px;
    }
    #left {
      position:relative;
      margin-left:5px;
      float:left;
      padding: 10px 10px 10px 20px;
      display:inline;
      background: url(http://pixelea.com/s/5d9a3d1bc4.gif) repeat-x;
      width: 250px;
    }
    #djset{
      position:absolute;
      bottom:0px;
      right:0px;
    }
    #middle {
      padding: 10px 10px 10px 20px;
      position:relative;
      float:left;
      display:inline;
      background: url(http://pixelea.com/s/814ffcf5f7.gif) repeat-x;
      width: 200px;
    }
    #photos{
      position:absolute;
      bottom:0px;
      left:0px;
      border: 0px none #FFFFFF;   
    }
    #right {
      float:left;
      display:inline;
      background: url(http://pixelea.com/s/158ad16f8c.gif) repeat-x;
      width: 265px;
    }
    #right p{
    padding: 10px 10px 10px 20px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      color:#e5d7a7;
    }
    #right p a{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-style: normal;
      font-weight: normal;
      color:#e5d7a7;
    }

    #right img{
      border: 0px none #FFFFFF;   
    }
    .clear{clear:both;}
    #footer {
      margin-left:0px;
      display:block;
      background: url(http://pixelea.com/s/864949161f.png)      repeat-x;
      width: 785px;
      height:72px;
    }
    #footer p{
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      font-weight: normal;
      font-variant: normal;
      text-transform:none;
      color: #f1e6c0;
      text-decoration: none;
      text-align:center;
      padding-top:20px;
    }

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