네이버 상단 메뉴 어떻게 한 거죠??? 정보
네이버 상단 메뉴 어떻게 한 거죠???본문
추천
0
0
관련링크
http://www.naver.com/
92회 연결
댓글 3개

ie 전용 filter 를 이용한 것 입니다.
http://o.oo.co.kr/op/tag.php 에서 아래의 소스를 확인해 보세요
<style>
#us_list {width:550px; padding:20px; margin:31px 0 0 22px; text-align:center; background:#7BC731}
#us_list li {filter:DropShadow(Color="#69A928",OffX="1",OffY="1",Positive="1") ; list-style:none; float:left; padding:0 8px 0 6px; letter-spacing:-1px; font-size:12px; font-weight:bold; font-family:gulim; background:url(http://wstatic.naver.com/w7/green_line_02.gif) 100% 1px no-repeat; }
a {color:#fff; text-decoration:none;}
</style>
<div id="us_list">
<ul>
<li><a href="javascript:click(4);">지식iN</a></li>
<li><a href="javascript:click(5);">전문자료</a></li>
<li><a href="javascript:click(20);">책</a></li>
<li><a href="javascript:click(9);">사전</a></li>
<li><a href="javascript:click(19);">지역</a></li>
<li><a href="javascript:click(18);">뉴스</a></li>
<li><a href="javascript:click(21);">쇼핑</a></li>
<li><a href="javascript:click(2);">사이트</a></li>
<li><a href="javascript:click(15);">이미지</a></li>
<li class="last"><a href="javascript:click(22);">내PC</a></li>
</ul>
</div>
http://o.oo.co.kr/op/tag.php 에서 아래의 소스를 확인해 보세요
<style>
#us_list {width:550px; padding:20px; margin:31px 0 0 22px; text-align:center; background:#7BC731}
#us_list li {filter:DropShadow(Color="#69A928",OffX="1",OffY="1",Positive="1") ; list-style:none; float:left; padding:0 8px 0 6px; letter-spacing:-1px; font-size:12px; font-weight:bold; font-family:gulim; background:url(http://wstatic.naver.com/w7/green_line_02.gif) 100% 1px no-repeat; }
a {color:#fff; text-decoration:none;}
</style>
<div id="us_list">
<ul>
<li><a href="javascript:click(4);">지식iN</a></li>
<li><a href="javascript:click(5);">전문자료</a></li>
<li><a href="javascript:click(20);">책</a></li>
<li><a href="javascript:click(9);">사전</a></li>
<li><a href="javascript:click(19);">지역</a></li>
<li><a href="javascript:click(18);">뉴스</a></li>
<li><a href="javascript:click(21);">쇼핑</a></li>
<li><a href="javascript:click(2);">사이트</a></li>
<li><a href="javascript:click(15);">이미지</a></li>
<li class="last"><a href="javascript:click(22);">내PC</a></li>
</ul>
</div>
오옷....
고맙습니다..ㅎ
고맙습니다..ㅎ

우아 예쁘네요 ^^ 덕분에 감사합니다~~~~~~