input, textarea 필수 입력 표시용 별표 이미지 삭제 - 그누보드팁

본문 바로가기
전체검색

그누보드팁

그누보드, 영카트 초보 제작자분들을 위한 다양한 스킨 제작 활용 팁을 공유합니다.

input, textarea 필수 입력 표시용 별표 이미지 삭제

관리자 19-03-18 16:10

입력 폼 우측에 필수 입력을 의미하는 빨간색 별표 표시가 있는 항목들이 있습니다.

해당 표시를 삭제하는 방법입니다.


810d0308a7f8efe952b426dd80e7857a_1552892698_2884.gif 



수정 파일 : default.css

(테마 사용 중이면 테마 폴더에 있는 파일 수정)


/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important;}


그누보드 5.2 버전은

.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}


위 코드를 삭제하거나 이렇게 수정 (나중에 필요하면 다시 추가하세요.)

.required, textarea.required {}


아니면 css 파일은 그대로 두고 이미지를 편집하는 방법도 있습니다.


/img/require.png

810d0308a7f8efe952b426dd80e7857a_1552892913_1289.png


해당 이미지를 받아서 빨간색 부분을 삭제 후 다시 덮어씌우세요.

색상을 변경하고 싶거나 모양을 바꾸고 싶을 때도 위 이미지를 수정하면 됩니다.


그누보드 5.2 버전은

/img/wrest.gif 

0389579b1e53d7fa25bf0a8d10af818e_1574354417_4115.gif 


* 반영이 바로 안 된다면 브라우저 캐시 삭제 후 새로고침




위 내용들은 사이트 전체에 일괄적으로 적용하는 방법이고 특정 부분에만 적용하고 싶다면 class 에서 required 삭제.

class="frm_input required"


<input type="text" name="wr_name" value="<?php echo $name ?>" id="wr_name" required class="frm_input required" placeholder="이름">


로그인 후 댓글 작성 가능합니다.

로그인

로그인 후 글 작성 가능합니다.
그누스킨닷컴

그누스터디는 그누보드, 영카트를 이용하시는 초보 사용자를 위한 정보를 공유합니다.

E-MAIL : gnustudy@naver.com / 카카오톡 : gnustudy / 텔레그램 : gnustudy
제작 문의를 제외한 일반 문의는 QA 게시판을 이용해주세요.

Copyright gnustudy.com All rights reserved.