AWS AWS 디딤 클라우드

알림톡 통합메시징(알림톡)

이니톡 결제 이니톡(알림톡) 결제!

일본결제지원 일본결제지원!

이전
목록
다음
미

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

미곰티
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 2008-04-26 (토) 06:16:52 · 3581 · 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 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
10-05-31 조회 2,884
10-04-17 조회 4,684
10-03-23 조회 5,834
10-02-26 조회 3,354
10-02-23 조회 3,318
10-02-11 조회 3,939
10-02-09 조회 3,002
10-01-26 조회 3,454
10-01-23 조회 6,781
10-01-19 조회 3,493
10-01-13 조회 3,697
09-12-06 조회 4,604
09-11-24 조회 4,175
09-11-19 조회 3,053
09-11-11 조회 3,651
09-08-30 조회 3,129
09-08-12 조회 3,131
09-07-21 조회 3,307
09-07-19 조회 3,189
09-07-11 조회 3,104
09-06-15 조회 2,880
09-05-29 조회 3,066
09-05-28 조회 3,494
09-05-05 조회 3,345
09-04-07 조회 3,565
09-02-23 조회 4,360
09-02-17 조회 3,101
09-02-17 조회 2,481
09-02-09 조회 2,584
09-01-23 조회 3,384
09-01-17 조회 4,222
09-01-08 조회 3,166
08-11-07 조회 4,427
08-11-01 조회 4,914
08-10-30 조회 3,508
08-10-16 조회 3,429
08-10-02 조회 2,565
08-09-22 조회 3,818
08-09-22 조회 2,887
08-09-20 조회 5,384
08-09-20 조회 4,441
08-09-20 조회 3,516
08-09-20 조회 2,890
08-09-20 조회 3,085
08-09-20 조회 4,069
08-09-20 조회 3,562
08-09-20 조회 3,145
08-09-18 조회 3,381
08-09-06 조회 2,990
08-09-06 조회 2,740
08-09-05 조회 3,394
08-09-05 조회 5,602
08-09-03 조회 4,407
08-09-03 조회 2,656
08-07-31 조회 3,145
08-07-18 조회 3,752
08-06-19 조회 3,095
08-06-15 조회 3,082
08-06-14 조회 3,539
08-05-23 조회 2,776
08-05-13 조회 2,683
08-04-22 조회 4,352
08-04-22 조회 5,056
08-04-22 조회 6,797
08-04-17 조회 2,976
08-04-17 조회 3,547
08-04-17 조회 3,656
08-04-17 조회 5,897
08-04-17 조회 3,097
08-04-17 조회 3,426
08-04-06 조회 3,515
08-04-05 조회 3,096
08-04-04 조회 7,152
08-04-04 조회 4,443
08-04-04 조회 3,797
08-04-04 조회 3,971
08-04-04 조회 2,850
08-04-04 조회 2,634
08-04-04 조회 2,684
08-04-04 조회 2,875
08-04-04 조회 2,627
08-04-04 조회 2,594
08-04-04 조회 4,110
08-04-03 조회 2,630
08-04-03 조회 3,844
08-04-02 조회 3,057
08-04-02 조회 2,809
08-03-25 조회 3,666
08-03-11 조회 3,429
08-03-11 조회 2,941
08-03-11 조회 2,899
08-03-11 조회 2,696
08-03-11 조회 2,471
08-03-11 조회 2,276
08-03-11 조회 2,331
08-03-07 조회 2,866
08-03-05 조회 2,609
08-02-27 조회 2,839
08-02-21 조회 2,723
08-02-21 조회 3,297
글쓰기