이전
목록
다음
미

네이버 콤보스타일 메뉴입니다.~

미곰티
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 · 2008-04-26 (토) 06:16:52 · 3646 · 2
<html>
<head>
    <title>http://www.naver.com</title>
<style>
    #bannerbox .oherpromotion {display:inline; position:relative; float:left; margin:3px 11px 0 0 ; }
    #bannerbox .oherpromotion h3 {float:left; width:188px; height:20px; background:url(http://imgshopping2.naver.com/2007/new/main/bg_oftenview.gif) no-repeat left top; color:#666; font-weight:normal; font-size:12px; text-align:left; letter-spacing:-1px}
    #bannerbox .oherpromotion h3 a {display:block; width:184px; height:16px; padding:4px 0 0 7px; color:#666; text-decoration:none;}
    #bannerbox .oherpromotionlist {position:absolute; left:0px; top:18px; width:188px; background:url(http://imgshopping2.naver.com/2007/new/main/bg_ranking_list_mid.gif) repeat-y left top; z-index:100;}
    #bannerbox .oherpromotioninner {background:url(http://imgshopping2.naver.com/2007/new/main/bg_ranking_list_bottom.gif) no-repeat left bottom;}
    #bannerbox .oherpromotionlist ul {width:158px; margin:0 8px; padding:3px 0; overflow:hidden;}
    #bannerbox .oherpromotionlist li {width:100%; padding:6px 0 4px 0; background:url(http://imgshopping2.naver.com/2007/new/rankingshop/dot_gray01.gif) repeat-x left top; font-size:12px; vertical-align:top; line-height:1em; letter-spacing:-1px; text-align:left;}
    #bannerbox .oherpromotionlist li a {padding-left:15px; background:url(http://imgshopping2.naver.com/2007/new/rankingshop/bu_arrow02.gif) no-repeat 3px top; color:#7f7f7f;}
    #bannerbox .oherpromotionlist li a:hover {color:#64a32f;}

</style>
<script>
function toggleView(target){
    var sTarget = target.href.split("#");
    var aTarget = document.getElementById(sTarget[sTarget.length-1]);
    if(aTarget.style.display == "none") aTarget.style.display = "block";
    else aTarget.style.display = "none";   
}
</script>
</head>
<body>
<div id="bannerbox">
    <div class="oherpromotion">
    <h3><a href="#oherpromotionview" onClick="toggleView(this); return false;" onfocus=this.blur()>네이버 콤보스타일 메뉴</a></h3>
        <div id="oherpromotionview" class="oherpromotionlist" style="display:none;">
            <div class="oherpromotioninner">
                <ul>
                    <li><A HREF="http://www.naver.com">네이버 1</A>
                    <li><A HREF="http://www.naver.com">네이버 2</A>
                    <li><A HREF="http://www.naver.com">네이버 3</A>                   
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>

자료출저 : www.naver.com

======================
스타일의 이미지가 링크방식이라..붙이셔 바로 사용하실 수 있으실겁니다.
[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]
#개발자팁 #개발자 #팁자료실 #기타
|

댓글 2개

미곰티
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2008-04-26 (토) 09:15:57
익스만 잘 보이는다는 글이 돌아다니네요 ㅡㅡ;;;;;
개가죽
프로필 보기게시판 작성글 보기전체 작성글 보기전체 댓글 보기
 2008-04-30 (수) 19:46:12
코드상으로는 표준인데... 익스만 보이나요?
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

8,188건
태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
07-07-16 조회 3,122
07-07-06 조회 3,006
07-07-06 조회 3,438
07-06-23 조회 3,267
07-06-16 조회 2,774
07-05-20 조회 4,282
07-05-09 조회 3,458
07-05-09 조회 6,097
07-05-04 조회 2,691
07-04-30 조회 9,829
07-04-27 조회 4,332
07-04-26 조회 3,443
07-04-25 조회 5,288
07-04-18 조회 7,785
07-04-13 조회 3,122
07-04-12 조회 6,632
07-04-12 조회 5,038
07-04-12 조회 3,349
07-04-11 조회 5,714
07-04-05 조회 6,357
07-03-24 조회 4,417
07-03-20 조회 3,738
07-03-18 조회 3,990
07-03-18 조회 4,737
07-03-17 조회 4,235
07-03-16 조회 4,129
07-03-15 조회 5,293
07-03-13 조회 5,400
07-03-13 조회 3,584
07-03-08 조회 4,495
07-03-08 조회 3,981
07-03-08 조회 3,291
07-03-08 조회 4,182
07-03-05 조회 4,432
07-03-04 조회 2,908
07-03-01 조회 5,943
07-02-28 조회 3,231
07-02-27 조회 4,405
07-02-26 조회 3,326
07-02-26 조회 3,032
07-02-23 조회 3,667
07-02-23 조회 3,634
07-02-22 조회 4,015
07-02-22 조회 3,823
07-02-19 조회 3,849
07-02-17 조회 4,865
07-02-14 조회 8,168
07-02-12 조회 3,940
07-02-10 조회 3,558
07-02-02 조회 3,808
07-01-31 조회 3,482
07-01-29 조회 3,339
07-01-25 조회 5,118
07-01-21 조회 3,262
07-01-19 조회 3,047
06-12-15 조회 4,056
06-12-15 조회 4,466
06-12-15 조회 2,950
06-12-15 조회 4,499
06-12-15 조회 3,389
06-12-15 조회 4,096
06-12-15 조회 3,040
06-12-15 조회 2,768
06-12-15 조회 4,633
06-12-15 조회 3,175
06-12-15 조회 3,281
06-12-07 조회 4,727
06-12-07 조회 4,015
06-12-04 조회 4,659
06-11-27 조회 3,704
06-11-21 조회 4,017
06-11-15 조회 3,445
06-11-04 조회 3,337
06-10-29 조회 3,995
06-10-13 조회 3,851
06-10-13 조회 4,221
06-10-13 조회 4,176
06-10-12 조회 5,369
06-10-12 조회 4,281
06-10-04 조회 3,780
06-10-02 조회 4,562
06-09-29 조회 3,050
06-09-26 조회 3,391
06-09-26 조회 3,651
06-09-26 조회 3,297
06-09-26 조회 3,445
06-09-26 조회 4,350
06-09-25 조회 4,654
06-09-22 조회 4,996
06-09-22 조회 3,560
06-09-21 조회 4,334
06-09-21 조회 4,338
06-09-21 조회 3,547
06-09-21 조회 5,195
06-09-21 조회 3,725
06-09-21 조회 3,457
06-09-20 조회 3,029
06-09-15 조회 3,155
06-09-13 조회 3,471
06-09-11 조회 3,284
글쓰기