묻고답하기
이런 통합검색창 어떻게 다나요?
2009.01.09 03:03
지금 이 홈페이지 우측 상단에 있는 검색창은 달 줄 알겠는데;;
위와 같은 형태의 select가 가능한 검색창은 어떻게 달아야 하나요-.-;;
알려주시면 새해복 정말 많이 받도록 기도해드리겠~어요;
지금 이 홈페이지 우측 상단에 있는 검색창은 달 줄 알겠는데;;
위와 같은 형태의 select가 가능한 검색창은 어떻게 달아야 하나요-.-;;
알려주시면 새해복 정말 많이 받도록 기도해드리겠~어요;
#isSearch { position:absolute; top:60px; right:10px; _right:9px; width:265px; text-align:right; z-index:150; } #isSearch .searchOrder { display:none;} #isSearch .checked { position:absolute; left:0; top:0px; text-align:left; display:block; padding:3px 0 0 4px; _padding:4px 0 0 4px; width:66px; height:15px; _height:14px; border:1px solid #2345DD; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#2b2b2b; line-height:normal;} *:first-child+html #isSearch .checked { padding:4px 0 0 4px; height:14px; } #isSearch ul { display:none; position:absolute; left:0; top:7px; _top:19px; _left:-40px; padding:0; text-align:left; border:1px solid #2345DD; background:#ffffff;} *:first-child+html #isSearch ul { top:19px; left:-40px;} #isSearch ul li { width:70px; height:18px; list-style:none; } *:first-child+html #isSearch ul li { margin-bottom:-1px;} #isSearch ul li input { display:none;} #isSearch ul li label { display:block; padding:3px 0 0 4px; width:66px; height:15px; _padding:4px 0 0 4px; _height:14px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#000000;} *:first-child+html #isSearch ul li label { padding:4px 0 0 4px; height:14px; } #isSearch ul li label:hover { background:#e0e0e0; } #isSearch .inputText { vertical-align:middle; position:absolute; left:82px; top:0px; padding:2px 2px 0px 2px; width:122px; height:16px; _padding:3px 2px 0px 3px; _width:121px; _height:15px; color:#2b2b2b; font:12px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#2b2b2b; line-height:normal; border:1px solid #2345DD; background-color:#ffffff; } *:first-child+html #isSearch .inputText { padding:3px 2px 0px 3px; width:121px; height:15px; } #isSearch .inputText:focus { border:1px solid #2b2b2b; background-color:#eeeeee; } #isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;} *:first-child+html #isSearch .submit { position:relative; top:-1px;}레이아웃 자료실에서 저런 검색창으로 된 레이아웃 많습니다.
그거 다운받으셔서 css파일 복사해서 쓰셔도 됩니다.
참고로 위에것은 제가 사용중인 홈페이지에도 님이 올려주신 사진처럼 된 검색창인데요
제껄 기준으로 적어드린겁니다...