sadet48 - css-acilir-menu

Kodu Göster: CSS Açılır Menü Örneği 2014

<DOCTYPE html>
<head>
<title>CSS Açılır Menü Örneği 2014</title>
<meta charset="utf-8">
<meta name="yazar" content="Sadet Sevinç, sadetsevinc@gmail.com"> 
<link rel="shortcut icon" href="https://lh6.googleusercontent.com/--euoJD4rqic/AAAAAAAAAAI/AAAAAAAAAAA/n2xz0_Q-W_Y/photo.jpg?sz=120">
<style>
body, header, p, ul, li, a
{ 
margin: 0px; 
padding: 0px; 
}
body
{
font-family: Bradley Hand ITC;
color:black;
font-size:  12px;
background:#abc;
background:url(http://amazingslider.com/wp-content/themes/twentyeleven/images/background.png);
background-repeat:repeat;
background-size:5%;
background-attachment:fixed;
}
header
{
font-family: Bradley Hand ITC;
color:black;
font-size:  12px;
width:1363px;
height:70px;
background:#fff;
border-bottom: 1px solid #000;
-moz-border-bottom-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-top-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-left-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
-moz-border-right-colors: #555 #666 #777 #888 #999 #aaa #bbb #ccc;
}
ul#navmenu, ul.altmenu
{
list-style-type:none;
}
ul#navmenu li
{
text-align:center;
position:relative;
margin-right:5px;
width:125px;
float:left;
}
ul#navmenu a {
        font-family: Bradley Hand ITC;
	font-size: 1em;
	color: #000;
	background:#fff;
        position: relative;
        display: inline-block;
	line-height:25px;
        outline: none;
        text-decoration: none;
        text-transform:none;
        letter-spacing: 1px;
	border:1px solid #ccc;
	border-radius:5px;
        margin-top:2px;
	opacity:1;
	width:125px;
	height:25px;
}
ul#navmenu .altmenu a
 {
 margin-top:5px;
 }
 ul#navmenu li:hover > a
 {
 background:#eee;
 }
 ul#navmenu li:hover a:hover
 {
 background:#ff0;
 }
ul#navmenu ul.altmenu
{
display:none;
position:absolute;
top:25px
left:0px;
 } 
ul#navmenu li:hover .altmenu
{
display:block
}
.darrow
{
color:#999;
font-size:8pt;
top:8px;
right:4px;
position:absolute
}
.content
{
background:#fff;
overflow:hidden;
width:600px;
height:355px;
}
p
{
font-family: Bradley Hand ITC;
color:black;
font-size:  13px;
background:#fff;
text-align:left;
text-indent:50px;
text-shadow:black 1px 1px 3px;
width:600px;
height:20px;
}
</style>
</head>
<body>
<header>
<nav class="dropdownmenu">
<ul id="navmenu">
           <li><a target="_blank" href="#">Linkler</a><span class="darrow">▼</span>
    <ul class="altmenu">
	   <li><a target="_blank" href="https://www.google.com.tr/">Google</a></li>
           <li><a target="_blank" href="https://www.youtube.com/?gl=TR">Youtube</a></li>
           <li><a target="_blank" href="http://www.yandex.com.tr/">Yandex</a></li>
           <li><a target="_blank" href="http://www.msn.com.tr/">MSN</a></li>
           <li><a target="_blank" href="http://www.mynet.com/">Mynet</a></li>
           <li><a target="_blank" href="http://www.bedava-sitem.com/editpage.php">Bedava-Sitem</a></li>
	</ul>
</li>
</ul>
</nav>
<p><b>Hazırlayan:</b> Sadet Sevinç</p>
</header>

</body>
</html>