input폼 뒤에 있는 백그라운드 이미지 없애려면 어찌 해야 하나요? 정보
input폼 뒤에 있는 백그라운드 이미지 없애려면 어찌 해야 하나요?본문
그누보드를 보니 전체적으로 input폼 뒤에 백그라운드 형태로 조그만 삼각형 이미지가 우측에 있는데..
이거 모든 입력폼에서 다 없애는 쉬운 방법 없나요?
스킨형태로 제공하니, 해당 코드를 수정해 주면 될것 같은데..
혹 더 간단한 방법이 있는지 궁금합니다.
알려주시면 감사하겠습니다.. ^^;
댓글 전체
다음 링크 참고하세요.
http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=13217&sca=&sfl=wr_subject%7C%7Cwr_content&stx=wrest.js&sop=and
위의 링크는 소스를 주석처리하는 방법이고
이미지를 투명으로 만드셔서 올리는 방법도 가능합니다. ^^
다음 링크는 izen님께서 만들어주신 투명이미지...
http://www.sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=66917
http://www.sir.co.kr/bbs/board.php?bo_table=g4_qa&wr_id=13217&sca=&sfl=wr_subject%7C%7Cwr_content&stx=wrest.js&sop=and
위의 링크는 소스를 주석처리하는 방법이고
이미지를 투명으로 만드셔서 올리는 방법도 가능합니다. ^^
다음 링크는 izen님께서 만들어주신 투명이미지...
http://www.sir.co.kr/bbs/board.php?bo_table=cm_free&wr_id=66917
요기서 발목잡기.......^^
혹 투명이미지로 올리면 필요시 배경이미지가 깔리나요?.....예)로그인폼.....^^
혹 투명이미지로 올리면 필요시 배경이미지가 깔리나요?.....예)로그인폼.....^^
발목을 ........
다음에는 손잡아도 됩니다.
투명이지로 바꿈과 동시에 세모 이미지가 전체사이트에서 모두 없어집니다. ^^
다음에는 손잡아도 됩니다.
투명이지로 바꿈과 동시에 세모 이미지가 전체사이트에서 모두 없어집니다. ^^
전 로그인폼이나 검색창에 배경을 쓰기에 투명을 몬쓸듯 해서 여쭈어 본 것입니다.
참고로 전 주석처리를 했습니다...(문제발생은 없기에).....^^
참고로 전 주석처리를 했습니다...(문제발생은 없기에).....^^
전 로그인폼과 검색창에 배경을 사용해보지 않아서 패스 할려고 했는데...
투명이니깐 상관없지 않을까요?
투명이니깐 상관없지 않을까요?
투명이미지 + 이미지?.........ㅠ.ㅠ 가능한가용?....
로그인폼이나 검색창에 자신만의 배경을 설정하셨다면
그누에서 제공하는 wrest.gif를 로그인폼과 검색창에 사용하지 않는다는것으로 봐야 할것 같군요. ^^
만약 검색창과 로그인폼에 사용하는 배경이미지가 js/wrest.gif 라면 모든 사이트의 input에서 동일하게 나오게 됩니다. ^^
그누에서 제공하는 wrest.gif를 로그인폼과 검색창에 사용하지 않는다는것으로 봐야 할것 같군요. ^^
만약 검색창과 로그인폼에 사용하는 배경이미지가 js/wrest.gif 라면 모든 사이트의 input에서 동일하게 나오게 됩니다. ^^
해석하기가 어려워서 이쯤에서 발빼기....^^
주석처리하지 않고 사용시 지정한 이미지대신 삼각형이 뜨는것을 경험한 네잎클로버는 이만 가야겠습니다...^^
주석처리하지 않고 사용시 지정한 이미지대신 삼각형이 뜨는것을 경험한 네잎클로버는 이만 가야겠습니다...^^
음..
현재 그누보드에서 모든 input에 js/wrest.gif를 배경으로 사용하도록 되어있으므로...
로그인과 검색에서 사용하는 배경이미지가 그누에서 제공하는 이미지(세모)가 아니라면
js/wrest.gif를 사용하지 않고 다른것을 별도로 지정해서 사용하는것입니다.
그러므로 그누에서 제공하는 기본 wrest.gif(세모)를 투명으로 바꾸셔도
로그인과 검색의 배경 이미지에는 영향을 주지 않는것이 정상입니다.
ps. 영향을 준다면 어떻게 하신건지 그렇게 되는 방법좀 알려주세요.
현재 그누보드에서 모든 input에 js/wrest.gif를 배경으로 사용하도록 되어있으므로...
로그인과 검색에서 사용하는 배경이미지가 그누에서 제공하는 이미지(세모)가 아니라면
js/wrest.gif를 사용하지 않고 다른것을 별도로 지정해서 사용하는것입니다.
그러므로 그누에서 제공하는 기본 wrest.gif(세모)를 투명으로 바꾸셔도
로그인과 검색의 배경 이미지에는 영향을 주지 않는것이 정상입니다.
ps. 영향을 준다면 어떻게 하신건지 그렇게 되는 방법좀 알려주세요.
로그인 폼의
<input class=ed type="password" name="mb_password" size=13 maxlength=20 required itemname="패스워드" onkeydown="clrImg(this)" onmousedown="clrImg(this)" style="background:url(<?=$outlogin_skin_path?>/pass.gif);background-repeat:no-repeat;background-position:center;border:1px solid #cccccc;background-color:#FFFFFF; height:19px;">
스크립트 부분은 아래와 같습니다.
<script>
function clrImg(obj){obj.style.backgroundImage="";obj.onkeydown=obj.onmousedown=null;}
</script>
사용한 스킨을 G3를 지포로 변형해서 사용합니다.
http://www.sir.co.kr/bbs/board.php?bo_table=g3_skin&wr_id=2280&sca=%BE%C6%BF%F4%B7%CE%B1%D7%C0%CE&page=5
<input class=ed type="password" name="mb_password" size=13 maxlength=20 required itemname="패스워드" onkeydown="clrImg(this)" onmousedown="clrImg(this)" style="background:url(<?=$outlogin_skin_path?>/pass.gif);background-repeat:no-repeat;background-position:center;border:1px solid #cccccc;background-color:#FFFFFF; height:19px;">
스크립트 부분은 아래와 같습니다.
<script>
function clrImg(obj){obj.style.backgroundImage="";obj.onkeydown=obj.onmousedown=null;}
</script>
사용한 스킨을 G3를 지포로 변형해서 사용합니다.
http://www.sir.co.kr/bbs/board.php?bo_table=g3_skin&wr_id=2280&sca=%BE%C6%BF%F4%B7%CE%B1%D7%C0%CE&page=5
위소스를 보시면 input에서 백그라운드 이미지로 사용하는것이 js/wrest.gif가 아니고 pass.gif를 사용하고 계시군요.
style="background:url(<?=$outlogin_skin_path?>/pass.gif);
그렇기 때문에 js/wrest.gif를 투명으로 바꾸거나 이쁜 네잎클로버로 바꿔도 영향을 받지 않는것이 정상입니다. ^^
그누보드에서 제공하는 기본 스킨에는 다음처럼 js/wrest.gif를 사용하도록 되어있습니다.
<input style="background-image: url(./js/wrest.gif); background-position: right top; background-repeat: no-repeat;" size="12" maxlength="20" required="" itemname="패스워드" value="패스워드" onmouseover="chkReset(this.form);" onfocus="chkReset(this.form);" type="text">
style="background:url(<?=$outlogin_skin_path?>/pass.gif);
그렇기 때문에 js/wrest.gif를 투명으로 바꾸거나 이쁜 네잎클로버로 바꿔도 영향을 받지 않는것이 정상입니다. ^^
그누보드에서 제공하는 기본 스킨에는 다음처럼 js/wrest.gif를 사용하도록 되어있습니다.
<input style="background-image: url(./js/wrest.gif); background-position: right top; background-repeat: no-repeat;" size="12" maxlength="20" required="" itemname="패스워드" value="패스워드" onmouseover="chkReset(this.form);" onfocus="chkReset(this.form);" type="text">
wrest.js에서 해당부분을 주석처리 하지 않으면 로그인스킨에서 설정한 백그라운드 대신에 세모나 투명이미지가 나옵니다.....ㅠ.ㅠ
제가 아직 많이 부족해서 그런듯 합니다. 신경쓰게 해드려서 죄송합니다....
제가 아직 많이 부족해서 그런듯 합니다. 신경쓰게 해드려서 죄송합니다....
헉.........
js/wrest.js에서 required 일경우 무조건 js/wrest.gif 를 배경으로 설정하도록 하는군요.
// 필수 입력일 경우는 * 배경이미지를 준다.
if (document.forms[i].elements[j].getAttribute("required") != null)
{
//document.forms[i].elements[j].style.backgroundColor = wrestFldDefaultColor;
//document.forms[i].elements[j].className = "wrest_required";
document.forms[i].elements[j].style.backgroundImage = "url("+g4_path+"/js/wrest.gif)";
document.forms[i].elements[j].style.backgroundPosition = "top right";
document.forms[i].elements[j].style.backgroundRepeat = "no-repeat";
}
js/wrest.js에서 required 일경우 무조건 js/wrest.gif 를 배경으로 설정하도록 하는군요.
// 필수 입력일 경우는 * 배경이미지를 준다.
if (document.forms[i].elements[j].getAttribute("required") != null)
{
//document.forms[i].elements[j].style.backgroundColor = wrestFldDefaultColor;
//document.forms[i].elements[j].className = "wrest_required";
document.forms[i].elements[j].style.backgroundImage = "url("+g4_path+"/js/wrest.gif)";
document.forms[i].elements[j].style.backgroundPosition = "top right";
document.forms[i].elements[j].style.backgroundRepeat = "no-repeat";
}
죄송합니다.......^^
룰루랄라 더망갑니다....슈웅~~~!
룰루랄라 더망갑니다....슈웅~~~!
목덜미가 잡기에는 더 좋습니다^^
잘 알겠습니다....
그 첫번째 대상을 7쟁이님으로 해서 시간을 예약해 보겠습니다....^^
그 첫번째 대상을 7쟁이님으로 해서 시간을 예약해 보겠습니다....^^
어!
이게 아닌데...
이게 아닌데...
그럼 그게 무엇인지 좀 알려주세요?....^^
제가 오데로 갈지는 이미 아시리라 생각됩니다.....
제가 오데로 갈지는 이미 아시리라 생각됩니다.....
팁게시판에도 올라와 있는것이 있군요.
그누보드4 : 팁(tip) > 로그인 폼이나 글쓰기폼에 세모 없애기
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=2926
그누보드4 : 팁(tip) > 로그인 폼이나 글쓰기폼에 세모 없애기
http://www.sir.co.kr/bbs/board.php?bo_table=g4_tiptech&wr_id=2926
상세한 답변 감사합니다.