네이버 상단 메뉴 어떻게 한 거죠??? > 십년전오늘

십년전오늘

10년전 추억의 책장을 넘기며

네이버 상단 메뉴 어떻게 한 거죠??? 정보

네이버 상단 메뉴 어떻게 한 거죠???

본문

첨부파일을 보면, 이미지로 만든 것 같지는 않고,,,

그냥 텍스트로 한 것 같은데요,,,

그림자 효과도 그렇고,,,

참 신기하네요...


http://www.naver.com/

  • 복사

댓글 전체

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>
© SIRSOFT
현재 페이지 제일 처음으로