프리랑 방명록 사이 ㅠㅠ
HTML은 이래
<body id="[##_body_id_##]" text="black" link="black" vlink="black" alink="black">
<s_t3>
<div id="container">
<div class="profile"><a href="/"><img src="./images/profile.jpg"></a></div>
<span>
<div class="category">[##_category_list_##]
<a href="/guestbook">방명록</a>
<a href="/admin/entry/post/">W</a>
</span>
<!-- 반응형 카테고리 입력 -->
<i class="fa fa-th"></i>
<div class="re_category">
<a href="/category/세븐틴/BOO">BOO</a>
<a href="/category/세븐틴/S.V.T">S.V.T</a>
<a href="/category/FREE/글">글</a>
<a href="/category/FREE/사진">사진</a>
<a href="/guestbook">방명록</a>
<a href="/admin/entry/post/">W</a>
</div>
<!-- 반응형 카테고리 끝 -->
</div>
css는 이래
.category ul, .category li { padding:0; margin:0; list-style-type:none; display:inline; }
.category li ul li {padding:0 20px;} /* 카테고리 사이 간격 *★/
<div class="category">[##_category_list_##]</div>
.category { line-height:40px; clear:both; overflow:hidden; }
.category a { text-decoration:center; color:#000; display:block; width:100px; text-align:center; } /* width로 상위카테고리 가로간격 설정 */
.category ul, .category li { padding:0; margin:0; list-style-type:none; overflow:hidden; }
.category > ul > li > a { display:none; } /* 분류전체보기 없애기 */
.category > ul > li > ul > li:hover { background-color:#fff; } /* 상위카테고리 마우스오버시 바뀌는 부분(스샷에서 핑크색배경) /
.category > ul > li > ul > li > a { font-weight:bold; color:red; font-style:italic; } /* 상위카테고리 글꼴 */
.category > ul > li > ul > li > a:hover { color:#000; } /* 상위카테고리 마우스오버시 글꼴 */
.category > ul > li > ul > li > a > span.c_cnt { display:none; } /* 상위카테고리 글 수 없애기 */
.category > ul > li > ul li:hover ul { display:block; ; }
.category > ul > li > ul > li > ul { display:none; }
.category > ul > li > ul > li > ul { border:1px solid #666; background-color:#fff; } /* 상위카테 마우스오버시 나타나는 하위카테고리 영역 꾸미는곳 */
.category > ul > li > ul > li > ul > li:hover { background-color:#fff; } /* 하위카테고리 마우스오버시 바뀌는 부분(스샷에서 회색배경) */
.category > ul > li > ul > li { float:left; }
.category ul li ul li li { clear:both; }
.category { display: table; margin-left: auto; margin-right: auto; }
.category > ul > li > a { display:none; }
.category > ul > li > ul > li > a > span.c_cnt { display:none; }
#searchlist { margin-bottom:10px; border-top:3px solid #191970; border-left:3px solid #191970; border-right:3px solid #FD0; border-bottom:3px solid #FD0; border-radius:10px; background:rgba(255, 255, 255, 0.8);}
.searchlist_category { border-bottom:2px dotted #DDD; padding:9px 20px; font-weight:bold; }
.searchlist_date { float:right; padding:2px 5px; font:10px calibri; color:#555; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
.searchlist_title { color:#777; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
#searchlist li { padding:9px 20px; border-bottom:2px dotted #ddd; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease; }
#searchlist li:hover .searchlist_title { color:#191970; }
#searchlist li:hover .searchlist_date { color:#FD0; }
#searchlist li:last-child { border-bottom:none; }
#searchlist li a { border:none; }
아는 딩 있을까? 제발 부탁해ㅠㅠㅠ
내가 마우스오버돼서 카테고리 펼쳐지는 게 너무 하고싶어서 이것저것하다보니,,