CSS


게시글 '네이트(nate.com) 통합 검색바 small'에 대한 정보
네이트(nate.com) 통합 검색바 small
등록일 2009-09-13 조회 2,916


<style type="text/css">
#searchWrap { position:absolute; top:46px; right:0; width:100%; text-align:right; color:#555555; z-index:998; }
#searchWrap fieldset { position:relative; float:right; margin:0; padding:0; border:none; }
#searchWrap fieldset legend { display:none; }
#searchWrap fieldset input.mainSearch { float:left; width:227px; height:15px; margin:5px 0 0 15px; padding:2px 0 0 0; border:0; font-size:9pt; font-family:돋움, Dotum, Verdana, AppleGothic, sans-serif; color:#444; }
#searchWrap fieldset input.btn_search { float:right; width:27px; height:27px; margin:0; padding:0; border:0; background:url('http://mailimg.nate.com/mail/img/snb/btn_search.gif') no-repeat -3px -4px; cursor:pointer; }
#searchWrap fieldset input.btn_search_over { float:right; width:27px; height:27px; margin:0; padding:0; border:0; background:url('http://mailimg.nate.com/mail/img/snb/btn_search.gif') no-repeat -3px -39px; cursor:pointer; }
#searchWrap fieldset .bgWrapper { position:relative; float:left; width:285px; height:25px; background:url('http://mailimg.nate.com/mail/img/snb/bg_search_input.gif') no-repeat left top; }
#searchWrap fieldset .bgWrapper_select { position:relative; float:left; width:285px; height:25px; background:url('http://mailimg.nate.com/mail/img/snb/bg_search_input.gif') no-repeat 0 -30px; }
</style>

<!-- 검색창 영역 시작 -->
<div id="searchWrap">
<!-- 통합검색 -->
<form id="searcharea" name="searcharea" action="http://search.nate.com/search/all.html" target="_blank" method="get">
<fieldset>
<legend>통합검색영역</legend>
<div class="bgWrapper">
<input type="text" id="input_search" name="q" class="mainSearch" title="검색어 입력" onkeydown="this.parentNode.className='bgWrapper_select'" onfocus="this.parentNode.className='bgWrapper_select';if(this.value=='통합검색'){this.value=''}" onblur="this.parentNode.className='bgWrapper';if(this.value==''){this.value='통합검색'}" value="통합검색" />
<input type="button" class="btn_search" title="검색" onmouseover="this.className='btn_search_over';" onmouseout="this.className='btn_search';" onclick="searcharea.submit();" />
</div>
</fieldset>
</form>
<!-- 통합검색 : E -->
</div>
<!-- 검색창 영역 : E -->