Criss Angel suyun üzerinde yürüyor

Çılgın Kurbağa

Ronaldinho'nu top ile yaptığı muhteşem resital

En komik anlar-1

En komik anlar

Pars Narkoterör

Burhan Satranç Oynuyor

CSS based hotizontal menu

Creating to Css based horizontal menu like above.You copy/paste following code into your .css files or head tags of .html file.


#menuh
{
padding:5px;
height:30px;
width:auto;
background-color: #7cc576;

}
#menuh ul{
margin:0;
margin-left: 10px;
padding: 0;
list-style: none;
}

#menuh li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#menuh a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
padding:5px 10px 5px 10px;
background-color: #7cc576;
border:solid 1px #7cc576;
}

#menuh a:hover{
background-color: #3cb878;
color: white;
border:solid 1px #00a651;

}

Css ile yatay menü yapmak (Digg menüleri gibi)

Yukarda görmüş olduğunuz gibi bir menü yapmak için aşağıdaki kodları .css dosyanızın içine veya html kodunuzun head taglarının içine yapıştırın.


#menuh
{
padding:5px;
height:30px;
width:auto;
background-color: #7cc576;

}
#menuh ul{
margin:0;
margin-left: 10px;
padding: 0;
list-style: none;
}

#menuh li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
}

#menuh a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
padding:5px 10px 5px 10px;
background-color: #7cc576;
border:solid 1px #7cc576;
}

#menuh a:hover{
background-color: #3cb878;
color: white;
border:solid 1px #00a651;

}

Popüler Yayınlar