Códigos de Maquetació (HTML) :)

INDEX

!DOCTYPE= html /
 html

Mi Música

Descargar música  
Letras de Canciones  
Más

 

La música es un buen modo de expresar lo que sientes
de una forma creativa, sana y divertida.

Hay música que te hace bailar, cantar o simplemente
relajarte.

Videos de interes
Bailes Chistosos
Bailes Prefesionales



/html>

css

*{
margin: 0px;
padding: 0px;
background: url("..//img2/k.png");
}
#header{
background: url("..//img2/n.png");
height: 100px;
width: 100%;
}
#nombre{
background: url("..//img2/n.png");
color: black;
font-family: Estrangelo Edessa;
font-size: 50;
height: 100px;
line-height: 100px;
margin-left: 20%;
position: absolute;
text-align: left;
width: 300px;
}
#nav{
background: url("..//img2/n.png");
height: 100px;
line-height:100px;
margin-left: 50%;
position: absolute;
width: 600px;
}
#nav a {
background: url("..//img2/n.png");
color: black;
font-family: arial;
font-size: 27px;
text-decoration: none;
}
#nav a:hover{
background: url("..//img2/n.png");
color: yellow;
text-decoration: underline;
}
#contenedor{
background: url("..//img2/s.png");
box-shadow: 3px 30px 30px 30px gray;
height: 840px;
margin: auto;
width: 900px;
}
#encabezado{
background: url("../img2/l.png");
border-radius: 20px 20px 20px 20px;
font-family: Consolas;
font-size: 35px;
height: 300px;
margin-left: 10px;
margin-top: 10px;
position: absolute;
text-align: right;
width: 880px;
}
#sec1{
background: url("../img2/ñ.png");
height: 250px;
margin-left: 10px;
margin-top: 320px;
position: absolute;
width: 286px;
}
#sec2{
background: url("../img2/q.png");
height: 250px;
margin-left: 306px;
margin-top: 320px;
position: absolute;
width: 287px;
}
#sec3{
background: url("../img2/p.png");
height: 250px;
margin-left: 604px;
margin-top: 320px;
position: absolute;
width: 286px;
}
#sec4{
background: url("../img2/o.png");
font-family: Gungsuh;
font-size: 25;
height: 250px;
margin-left: 10px;
margin-top: 580px;
position: absolute;
text-align: left;
width: 583px;
}
#sec5{
background: url("..//img2/f.png");
height: 250px;
margin-left: 604px;
margin-top: 580px;
position: absolute;
width: 286px;
}
#sec1, #sec2, #sec3, #sec4, #sec5{
border-color: #000;
border-bottom: solid 4px;
border-top: solid 4px;
border-radius: 2em;
}
#footer{
background: url("..//img2/n.png");
color: black;
font-family: Estrangelo Edessa;
font-size: 30;
height: 100px;
text-align: center;
text-decoration: none;
width: 100%;
}
#footer a{
background: url("..//img2/n.png");
font-size: 30;
color: black;
text-decoration: none;
}
#footer a:hover{
background: url("..//img2/n.png");
color: black;
font-size: 35;
}