LNB

유형 1
(temp_lnb_type1)
유형 2
(temp_lnb_type2)
유형 3
(temp_lnb_type3)
유형 4
(temp_lnb_type4)

유형 1(코드명: temp_lnb_type1)

다운로드

특허분류코드

코드보기

지원 브라우저 : (7~10)

CSS Code

#main_header{top:0; left:0; width:944px; height:64px; overflow:hidden; margin:0 auto; padding-top:17px;}

h1.main_logo{float:left; margin:12px 0 12px 0; }

.main_gnbmenu{float:left; height:27px; margin:12px 0 12px 15px;}

.main_gnbmenu li{float:left; padding-top:10px;}

.main_gnbmenu a{display:block; height:16px; background-image:url('../image/temp/gnb_sc_menu.gif'); background-repeat:no-repeat; font-size:0px; line-height:0px; text-indent:-9999;}

.main_gnbmenu li.menu_basic a{width:113px; background-position:-10px -35px;}

.main_gnbmenu li.menu_num a{width:114px; background-position:-123px -35px;}

.main_gnbmenu li.menu_step a{width:114px; background-position:-237px -35px;}

.main_gnbmenu li.menu_combi a{width:114px; background-position:-351px -35px;}

.main_gnbmenu li.menu_basic a:hover{width:113px; background-position:-10px -10px;}

.main_gnbmenu li.menu_num a:hover{width:114px; background-position:-123px -10px;}

.main_gnbmenu li.menu_step a:hover{width:114px; background-position:-237px -10px;}

.main_gnbmenu li.menu_combi a:hover{width:114px; background-position:-351px -10px;}

.main_btn_paclassicode{float:left; margin:24px 22px 0 30px;}

.main_btn_paclassicode a{background:url('../image/temp/icon_sc_pacl.gif') no-repeat left center; padding-left:15px; color:#666666; font-size:11px; text-decoration:none;}

.main_topnav{float:left; width:231px; height:15px; margin:23px 0 12px 11px; background-image:url('../image/temp/gnb_ma_menu2.gif');}

.main_topnav li{float:left; }

.main_topnav a{display:block; height:15px; background-image:url('../image/temp/gnb_ma_menu2.gif'); background-repeat:no-repeat; font-size:0px; line-height:0px; text-indent:-9999;}

.main_topnav li.menu_search a{width:26px; padding-right:7px; background-position:0 0;}

.main_topnav li.menu_myfolder a{width:48px; padding-right:7px; background-position:-33px 0;}

.main_topnav li.menu_sdi a{width:26px; padding-right:7px; background-position:-88px 0;}

.main_topnav li.menu_mypage a{width:58px; padding-right:7px; background-position:-121px 0;}

.main_topnav li.menu_customer a{width:45px; background-position:-186px 0;}

HTML Code

<div id="main_header">

<h1 class="main_logo"><img src="../image/temp/logo_sc.gif" alt="wipson logo"></h1>

<div class="main_gnbmenu">

<ul>

<li class="menu_basic"><a href="#" target="_self">기본검색</a></li>

<li class="menu_num"><a href="#" target="_self">번호검색</a></li>

<li class="menu_step"><a href="#" target="_self">스텝검색</a></li>

<li class="menu_combi"><a href="#" target="_self">통합검색</a></li>

</ul>

</div>

<p class="main_btn_paclassicode"><a href="#" target="_blank">특허분류코드</a></p>

<div class="main_topnav">

<ul>

<li class="menu_search"><a href="#" target="_self">검색</a></li>

<li class="menu_myfolder"><a href="#" target="_blank">마이폴더</a></li>

<li class="menu_sdi"><a href="#" target="_blank">SDI</a></li>

<li class="menu_mypage"><a href="#" target="_blank">마이페이지</a></li>

<li class="menu_customer"><a href="#" target="_blank">고객센터</a></li>

</ul>

</div>

Image

logo_sc.gif
gnb_sc_menu.gif
icon_sc_pacl.gif
gnb_ma_menu2.gif

* 본 코드는 WIPS Markup Coding Convention을 100% 준수합니다.
* HTML 마크업 구조는 템플릿 형식에서 벗어나지 않도록 합니다.
* DTD는 HTML 4.01 Transitional(loose.dtd)기준 입니다.
* 디자인에 따른 해당 UI의 CSS는 서비스 별로 다르게 적용 가능합니다.