menu.htm

메뉴 페이지 입니다-http://www.dbhs.co.kr/menu.htm

메뉴를 더 늘릴수도 줄일수도 있습니다

색상도 바꿀수가 있구요  아래 소스 복사해서 쓰세요...

<center><meta charset="utf-8" />

<title>menu</title>

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" />

<style>

@import url(https://fonts.googleapis.com/css?family=Roboto:400,700,500);

/* main Styles */

html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body {

 background: #fafafa;

font-family: "Roboto", sans-serif;

font-size: 14px;

 margin: 0;}

a { text-decoration: none; }

.container {

width: 800px;

margin: auto;}

h1 { text-align:center; margin-top:150px;}

/* Navigation Styles */

nav { background: #8A2BE2;/}

nav ul {

font-size: 0;

margin: 0;

padding: 0;}

nav ul li {

display: inline-block;

 position: relative;}

nav ul li a {

 color: #fff;

display: block;

 font-size: 14px;

 padding: 15px 14px;

transition: 0.3s linear;}

nav ul li:hover { background: #0000FF;/ }

nav ul li ul {

 border-bottom: 5px solid #4169E;

display: none;

 position: absolute;

 width: 150px;}

nav ul li ul li {

border-top: 1px solid #FF0000;

display: block;}

nav ul li ul li:first-child { border-top: none; }

nav ul li ul li a {

background: #0000CD;<--- 3수정>

 display: block;

padding: 10px 14px;}

nav ul li ul li a:hover { background: #008000; }

nav .fa.fa-angle-down { margin-left: 6px; }

</style><nav><div class="container"><ul>

<li class="sub-menu"> <a href="#">마이닝시티<em class="fa fa-angle-down"></em></a><ul>

<li><a href="https://miningcity.com" target="_blank">마이닝시티</a></li>

<li><a href="https://me.miningcity.com/referral-register/dk55022" target="_blank">마이닝가입</a</li>

<li><a href="https://t.me/joinchat/AAAAAE-rKn-igwjLrG1g5w" target="_blank">텔레그램</a></li>

<li><a href="https://bitcoinvault.global/ko.html" target="_blank">코인볼트홈</a></li>

 <li><a href="http://www.idambiz.com" target="_blank">아이담비즈</a></li>

<li><a href="https://www.facebook.com/IDAMbizKorea" target="_blank">페이스북</a></li></ul></li>

<li class="sub-menu"> <a href="#">아이담비즈<em class="fa fa-angle-down"></em></a><ul>

<li><a href="https://www.instagram.com/idam.biz" target="_blank">인스타그램</a></li>

<li><a href="https://twitter.com/idambiz" target="_blank">비즈트위터</a></li>

<li><a href="https://medium.com/@idambizz" target="_blank">비즈블러그</a></li>

<li><a href="https://www.linkedin.com/company/idam-korea" target="_blank">링크드인</a></li>

 <li><a href="http://pf.kakao.com/_nRWST" target="_blank">아이담카톡</a></li></ul></li>

<li class="sub-menu"> <a href="#">마이닝전산<em class="fa fa-angle-down"></em></a><ul>

<li><a href="https://youtu.be/RZGv6OFEjuY" target="_blank">시티즌트리</a></li>

<li><a href="https://youtu.be/ZOdJMsiSYt4" target="_blank">플랜구매</a></li>

<li><a href="https://youtu.be/NJn3PeG19hQ" target="_blank">대쉬보드</a></li>

<li><a href="https://youtu.be/SyNE8S8XBSE" target="_blank">구매내역</a></li>

<li><a href="https://www.youtube.com/channel/UCJh4WIH0ZK32mCdG3XxqH2g" 

target="_blank"아이담TV</a></li></ul></li>

<li class="sub-menu"> <a href="#">마이닝전산<em class="fa fa-angle-down"></em></a><ul>

<li><a href="https://youtu.be/1hodcFvKLRk" target="_blank">내파트너</a></li>

 <li><a href="https://youtu.be/w4UnxjNTbeM" target="_blank">재구매</a></li>

<li><a href="https://youtu.be/gDA4C1yJMo0" target="_blank">내지갑</a></li>

<li><a href="https://youtu.be/lFYFAaEWKqU" target="_blank">외부지갑</a></li>

<li><a href="https://youtu.be/C3oJn-lqI30" target="_blank">서포트티켙</a></li>

          </ul></li>

<li class="sub-menu"> <a href="#">마이닝전산<em class="fa fa-angle-down"></em></a><ul>

<li><a href="https://youtu.be/ApBZvhg_0fk" target="_blank">마케팅플랜</a></li>

<li><a href="https://youtu.be/bkYzqRPdFrY" target="_blank">고객지원</a></li>

<li><a href="https://youtu.be/C3oJn-lqI30" target="_blank">서포트티켙</a></li>

<li><a href="https://youtu.be/lFYFAaEWKqU" target="_blank">외부지갑</a></li>

<li><a href="https://youtu.be/QDkDTITCYAU" target="_blank">이중인증</a></li>

<li><a href="https://youtu.be/TEhsyte0Ee8" target="_blank">비번변경</a></li>

        </ul></li></ul> </li></ul></div></nav>

<script src="http://code.jquery.com/jquery-1.12.4.min.js"></script> 

<script>$('nav li').hover(function() {

 $('ul', this).stop().slideDown(200);},

function() {$('ul', this).stop().slideUp(200); });

</script></center>