요런 검색폼 만들수 잇을까요? 정보
요런 검색폼 만들수 잇을까요?
본문
http://www.slrclub.com/bbs/zboard.php?id=equip_board
링크타고 들어가시면 밑에 검색 폼이 잇는데요. 정말 이쁘네요......
자바를 쓴건지 단순 css인지 모르겟는데 어떻게 한걸까요......;;
링크타고 들어가시면 밑에 검색 폼이 잇는데요. 정말 이쁘네요......
자바를 쓴건지 단순 css인지 모르겟는데 어떻게 한걸까요......;;
댓글 전체

<style>
.searchWrap .search {
position: absolute;
top: 4px;
right: 10px;
}
.searchWrap .search input.keyword {
float: left;
width: 240px;
height: 27px;
border: 2px solid #A8303C;
border-right: 0;
padding: 3px 10px 2px;
font-weight: bold;
font-size: 14px;
color: #444;
}
</style>
<div class="searchWrap">
<div class="search">
<form method="get" action="/service/search/" accept-charset="utf-8" onsubmit="if(this.keyword.value.length < 2) { alert('검색어를 2글자 이상 입력하여 주세요.'); return false; }">
<input type="text" name="keyword" class="keyword">
<input type="image" src="http://www.slrclub.com/images/2012/search/btn_search.gif" class="submit">
</form>
</div>
</div>
<table class="cmte">
<tbody><tr>
<td align="left"><input id="splno_4570" type="text" value="50" style="width:33px; height:19px; border:1px solid #B9C1D3; color:#000000;"></td>
<td align="left"><img src="http://www.slrclub.com/images/2010/equip/bt_listnum.gif" width="54" height="21" alt="출력수 설정" style="cursor:pointer;" onclick="javascript: chspl('4570');"></td>
<td align="center"><div style="border:1px solid #C1C1C9;"><input id="ksearch_4570" type="text" value="" style="width:100px; height:14px;border:0;" onkeypress="javascript: putevf('4570', event);"><img src="http://www.slrclub.com/images/2010/equip/bt_search01.gif" width="23" height="19" alt="댓글검색" style="cursor:pointer;" onclick="javascript: cpgo('4570', 1);"></div></td>
<td align="right"><img src="http://www.slrclub.com/images/2010/equip/bt_again.gif" width="70" height="21" alt="새로고침" style="cursor:pointer;" onclick="javascript: creload('4570');"></td>
</tr>
</tbody>
</table>
input box 가 두개 있는데 어느게 예쁘다고 하시는질 모르겠어서... 둘다 옮겨 놓습니다.
이대로만 ctrl+c, v 하시면 똑같이 보이십니다.
만... 이런 하찮은 디자인 하나라도 100% 똑같이 쓰시고 싶으시다면, 원 작성자 분에게 허락을 얻고 쓰시길 바랍니다. 별로 예쁜것 같진 않은데... 쿨럭.... 사람마다 뭐 취. 향이 다 다른거니까.... 예뻐 보일수도 있는거 겠죠.ㅎㅎ
.searchWrap .search {
position: absolute;
top: 4px;
right: 10px;
}
.searchWrap .search input.keyword {
float: left;
width: 240px;
height: 27px;
border: 2px solid #A8303C;
border-right: 0;
padding: 3px 10px 2px;
font-weight: bold;
font-size: 14px;
color: #444;
}
</style>
<div class="searchWrap">
<div class="search">
<form method="get" action="/service/search/" accept-charset="utf-8" onsubmit="if(this.keyword.value.length < 2) { alert('검색어를 2글자 이상 입력하여 주세요.'); return false; }">
<input type="text" name="keyword" class="keyword">
<input type="image" src="http://www.slrclub.com/images/2012/search/btn_search.gif" class="submit">
</form>
</div>
</div>
<table class="cmte">
<tbody><tr>
<td align="left"><input id="splno_4570" type="text" value="50" style="width:33px; height:19px; border:1px solid #B9C1D3; color:#000000;"></td>
<td align="left"><img src="http://www.slrclub.com/images/2010/equip/bt_listnum.gif" width="54" height="21" alt="출력수 설정" style="cursor:pointer;" onclick="javascript: chspl('4570');"></td>
<td align="center"><div style="border:1px solid #C1C1C9;"><input id="ksearch_4570" type="text" value="" style="width:100px; height:14px;border:0;" onkeypress="javascript: putevf('4570', event);"><img src="http://www.slrclub.com/images/2010/equip/bt_search01.gif" width="23" height="19" alt="댓글검색" style="cursor:pointer;" onclick="javascript: cpgo('4570', 1);"></div></td>
<td align="right"><img src="http://www.slrclub.com/images/2010/equip/bt_again.gif" width="70" height="21" alt="새로고침" style="cursor:pointer;" onclick="javascript: creload('4570');"></td>
</tr>
</tbody>
</table>
input box 가 두개 있는데 어느게 예쁘다고 하시는질 모르겠어서... 둘다 옮겨 놓습니다.
이대로만 ctrl+c, v 하시면 똑같이 보이십니다.
만... 이런 하찮은 디자인 하나라도 100% 똑같이 쓰시고 싶으시다면, 원 작성자 분에게 허락을 얻고 쓰시길 바랍니다. 별로 예쁜것 같진 않은데... 쿨럭.... 사람마다 뭐 취. 향이 다 다른거니까.... 예뻐 보일수도 있는거 겠죠.ㅎㅎ

답변 감사합니다........하지만 제가 이쁘다고 한 폼이 아니네요 ^^;;;;;;