Şimdi Ara

Acılır Menu , Html , Css

Bu Konudaki Kullanıcılar:
1 Misafir - 1 Masaüstü
5 sn
1
Cevap
0
Favori
301
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • Renkleri siz düzeltirsiniz heralde

    <!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>







  • Yapay Zeka’dan İlgili Konular
    Daha Fazla Göster
    
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.