Teknoloji Haberleri
Aşağı Git
Tüm Forumlar
Web Tasarım - Programlama
Tasarım ve grafik
Web Tasarım ve Hazır Kodlar
Acılır Menu , Html , Css
Bu konudaki kullanıcılar: 1 misafir
0
Cevap 379
Tıklama 0
Öne Çıkarma
Cevap 379
Tıklama 0
Öne Çıkarma
1. sayfa
-
Acılır Menu , Html , Css
1. sayfa
<!DOCTYPE HTML>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
body,*{margin:0;padding:0;}
li{list-style:none;}
a{text-decoration:none;display:block;color:#fff;}
/*menu*/
.nav_kapsayan{width:100%;height:70px;background:#365;}
ul.menu_kapsayan{width:980px;height:70px;margin:0 auto;}
ul.menu_kapsayan>li{float:left;position:relative;}
ul.menu_kapsayan>li>a{padding:0 10px;background:#456;font-size:18px;height:70px;line-height:70px;border-right:1px solid #fff;}
ul.menu_kapsayan>li:last-child>a{border-right:none;}
ul.menu_kapsayan>li>a:hover{background:#455;}
ul.menu_kapsayan>li>ul{display:none;position:absolute;width:100px;background:#365;z-index:9;}
ul.menu_kapsayan>li:hover>ul{display:block;}
ul.menu_kapsayan>li>ul>li{width:100%;text-align:center;}
ul.menu_kapsayan>li>ul>li>a{width:100%;background:#456;font-size:15px;height:50px;line-height:50px;border-bottom:1px solid #fff;}
ul.menu_kapsayan>li>ul>li>a:hover{background:#455;}
</style>
</head>
<body>
<nav class="nav_kapsayan">
<ul class="menu_kapsayan">
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">menu 1</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">menu 2</a>
<ul>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">alt menu 1</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">alt menu 2</a></li>
</ul>
</li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">menu 3</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">menu 4</a>
<ul>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">alt menu 1</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">alt menu 2</a></li>
</ul>
</li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">menu 5</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">menu 6</a>
<ul>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">alt menu 1</a></li>
<li><a data-test="test" rel="nofollow" style="word-wrap: break-word; text-decoration: underline;" target="_blank" onclick="return dhExternalLinkRedirect(this)" href="/ExternalLinkRedirect?module=pgdcode&messageId=97915487&url=#" data-href="#">alt menu 2</a></li>
</ul>
</li>
</ul>
</nav>
</body>
</html>