폼필드 부분을 그림파일로 표현하고 싶은데...

안녕하세요! 회원님께 도움 요청드립니다.
위쪽 그림 처럼 폼필드 부분을 그림파일로 표현하고 싶은데 어떻게 적용해야 할지 몰라서
이렇게 문의 드립니다.
소스를 분석해 보았는데 잘 안되네요.
한번 소스를 분석해 주셨으면 합니다.
그리고 어떻게 적용해야 할지 설명좀 부탁드립니다.
남은 오후 시간도 모든 회원님들께 행복이 가득하기를 바랍니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 8개
장점 : 이뿌다라는거...!!
.htc 에 대해서 조금 아셔야 합니다..
강좌 : http://www.taeyo.pe.kr/lecture/20_Tips/songHtc01.asp
저 소스는
http://www.donorscamp.org/js/bbs/select.htc
로 다운받아서 보신후 (불펌인가??? ) 여튼 공부하시구
하나 새로 만들어서.. 하십시요..
사실.. 조금.. 어렵습니다..
지난번에도 좋은 답변 주셔서 문제를 잘 해결했는데...
이번에는 쓰는데는 불변하지 않지만 게시판 검색 부분을 조금 예쁘게 표현해 보고 싶어서
질문했는데 글쎄 별거 아니겠지 했는데 아이고 큰일 났습니다.
질문해 놓고도 더 고민됩니다.
해결할 수 있으지 몰라서요. 아무튼 무식하게 한번 또 해보아야 겠네요.
아무튼 이렇게 좋은 답변 주셔서 감사드립니다.
행복하세요!!!
http://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=tipntech&wr_id=36650&sca=&sfl=wr_name%7C%7Csubject&stx=TarauS
다른싸이트 링크 올려서 죄송합니다만.. 다른분들께도 좋은 정보가 되지 않을까해서 올려봅니다.
동적셀렉트(DB연동) 시에 저는 약간의 오류가 발생하긴 합니다만..
다른페이지에서는 아주 이쁘게 나오고 있습니다..;
그나저나 한번 살펴보았는데 큰일 났습니다.
너무 어려워서 어떻게 해야 할지 모르겠네요.
아무튼 해결 할 수만 있다면 많은 회원님들께 큰 도움이 되지 않을까?
하는 생각이 들어서 시작해 보았는데 정말 큰 일입니다.
어떻게 도움좀 주세요.
제 실력으로는 몇칠 고민해야 해서요.
아무튼 감사~~ 감사~~
행복하세요.
압축 푸시면 중요 파일 1개 외 2개의 이미지 가 나옵니다. htc파일은 원하는 폴더에 넣어주시고 그림파일도 원하는 곳에 넣어주세요..
예를들어 htc파일을 /js폴더에 보관했다 하시고 그누보드의 스타일 시트를 그대로 사용중이시라면.. style.css 파일을 오픈하여 다음과 같이 수정해 주세요.(맨 첫줄에서 select를 삭제 후 라인 한줄 추가)
----------------------수정전---------
body, td, p, input, button, textarea, select, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }
-----------------------수정후--------
body, td, p, input, button, textarea, .c1 { font-family:Tahoma,굴림; font-size:9pt; color:#222222; }
select { behavior: url('./js/selectBox.htc');}
이렇게 해주신 후..
selectbox.htc파일을 오픈하여 69라인을 수정해 줍니다.
만약 이미지 파일을 /bbs/img 폴더에 a.gif라는 이름으로 넣어주셨다면..
----------------------수정전--------
69LINE : var arrow_image = "/inc/arrow_image2.gif";
----------------------수정후--------
69LINE : var arror_img = "/bbs/img/a.gif";
이렇게만 해주시면 모든 문서에서 열리는 셀렉트 박사는 스타일이 적용되어 나타납니다.
스타일의 적용은 기본으로 적용이 되며;;
각 셀렉트박스마다 배경을 바꾸신다든지(개별 스타일적용) 하시면 이쁘게 잘 포장 될겁니다. 다른부분은 딱히 만질 곳도 없어 보입니다 ^^;
감사~~ 감사~~
일단 한번 해보고 다시 글을 올리겠습니다.
경로나 설정은 잘 적용한 것 같은데...
그냥 아무 변화도 없네요. 어디가 잘 못 되었을지 모르겠네요.
설명해 주신 것 이외는 별로 설명해 주실 것이 없을 것 같은데...
아무튼 이 방법이 정답을 것 같은데...
왜 저는 안되는지 몰르겠네요.
혹시 제가 사용하고 있는 자비스크립트들 때문에 생기는 현생은 아니지..
아무튼 더 공부해 보아야 할 것 같네요.
여러가지로 친절하게 답변해 주셔서 감사드립니다.
하다가 안되면 다시 질문할께요.
그때 다시 한번 답변 부탁드립니다.
행복하세요!!!