Evet arkadaşlar, hayatımda ikinci defa CSS ve HTML ile ilgili kodları tamamen bana ait bir menü yaptım :) Benim hoşuma gitti umarım sizinde hoşunuza gider.

CSS
#menum {
text-align:center;
margin:10px;
padding:2px;
font-family:Ubuntu;
font-size: 15px;
border-radius:25px;
}

#menum li {
display:-webkit-inline-box;
padding:10px;
background-color: #313131;
width:70px;
box-shadow: rgb(100,100,100) 0px 0px 3px;
color:white;
border-radius: 5px;
}

#menum li:hover {
background-color: #e24545;
}

#menum li:active {
background-color:#2e83ff;
}

#menum li a {
color:white;
text-decoration:none;
}

HTML

• IBRA


• Ana Sayfa


• Hakkımda


• İletişim

Demo : http://codepen.io/ibrasancar/pen/wJzKe

Kaynak: http://www.ibrasancar.com/ikinci-css-menu-denemem.html