회원가입 css 에러 문제 > 그누보드5 팁자료실

그누보드5 팁자료실

회원가입 css 에러 문제 정보

회원가입 css 에러 문제

본문

회원가입 스킨에서 어여쁘게 나와야할것이

------------------------------------------------------------------------------------

2109074615_1550489783.2499.jpg

------------------------------------------------------------------------------------

이런식으로 회원가입 CSS 가 먹지 않은상태로 나오는경우가 있습니다.

 

그누보드 검색으로 검색해보니 각각 css가 깨지는 모양도 가지가지였습니다.

 

그이유는!

 

제가 오늘 탐구한 바로는 기본 그누보드5 설치로는 깨지지 않고 이쁘게 잘 나옵니다.

 

하지만 '테마'나 '빌더'를 설치할 경우 깨지는 경우가 있었습니다.

 

CSS 경로 문제가 아니라.

 

테마 안에 있는 해당 ../css/default.css  와 해당 기본 테마의 css/style.css 파일 안에 해당 CSS내용이 없어서 그렇더군요. (2개의 css)

 

기본 default.css [최상위 경로의 ../css/default.css 와 ../theme   또는 빌더의 ../tmpl/해당테마/skin/member/basic 해당 회원가입 스킨의 style.css]에 있는 내용이 해당 테마의 default.css와 style.css 에도 같은 내용이 있으면 되는데 비교해 보시면 내용이 없습니다.

 

그래서 저는 그런 내용을 복사해서 옮겨 주었습니다.

 

-------------------------------------------------------------------

default.css  에 있어야할 내용(기본에는 있는데 빌더와 테마에는 없는)

---------------------------------------------------------------------------------

 

ul, dl,dt,dd {margin:0;padding:0;list-style:none;}

 

/* 폼 테이블 */

.tbl_frm01 {margin:0 0 20px}

.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}

.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}

.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}

.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;

-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

}

.tbl_frm01 textarea {padding:2px 2px 3px}

.frm_input {height:40px;}

 

.full_input{width:100%}

.half_input{width:49.5%}

.tbl_frm01 textarea, .write_div textarea {width:100%;height:100px}

.tbl_frm01 a {text-decoration:none}

.tbl_frm01 .frm_file {display:block;margin-bottom:5px}

.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

 

/*기본 리스트*/

.list_01 li{border:1px solid #dbdbdb;background:#fff;border-radius:3px;margin:3px 0;padding:10px 15px;list-style:none;position:relative;}

.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}

.list_01 li:hover{background:#f9f9f9}

.list_01 li.empty_li{text-align:center;padding:20px 0;color:#666}

/*폼 리스트*/

.form_01 h2{margin:0 0 10px;font-size:1.167em}

.form_01 li{margin:10px 0}

.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}

.form_01 li .right_input{float:right}

.form_01 textarea{height:100px;width:100%}

.form_01 .frm_label{display:inline-block;width:130px}

 

/* 자료 없는 목록 */

.empty_table {padding:50px 0 !important;text-align:center}

.empty_list {padding:20px 0 !important;color:#666;text-align:center}

 

------------------------------------------------------------------

 

style.css 에 추가한 내용 (해당테마/skin/member/basic)

-----------------------------------------------------------------

 

/* 회원가입 입력 */

#register_form{background:#fff;padding:20px;margin-bottom:20px}

#fregisterform #msg_certify {margin:5px 0 0;padding:5px;border:1px solid #dbecff;background:#eaf4ff;text-align:center}

#fregisterform .frm_address {margin:5px 0 0}

#fregisterform #mb_addr3 {display:inline-block;margin:5px 0 0;vertical-align:middle}

#fregisterform #mb_addr_jibeon {display:block;margin:5px 0 0}

#fregisterform .btn_confirm{text-align:center}

#fregisterform .btn_confirm .btn_submit{height:45px;;padding:0 30px;font-weight:bold;font-size:1.083em}

#fregisterform .btn_confirm .btn_cancel{line-height:45px;height:45px;padding:0 30px;font-weight:bold;font-size:1.083em}

#fregisterform .frm_info{display:block;color:#3497d9;font-size:0.92em}

#fregisterform .form_01 div{margin: 0 0 50px}

#fregisterform .captcha{display:block;margin:5px 0 0}

#fregisterform .reg_mb_img_file img{max-width:100%;height:auto}

 

 

/* 회원가입 완료 */

#reg_result {padding:100px 0 40px;text-align:center;background:#fff}

#reg_result h2{font-size:2em;margin:0 0 20px}

#reg_result h2 strong{color:#ed6478}

#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em}

#reg_result #result_email span {display:inline-block;width:150px}

#reg_result #result_email strong {color:#e8180c;font-size:1.2em}

#reg_result p {line-height:1.8em}

#reg_result .btn_confirm {margin:50px 0}

#reg_result .reg_result_p{font-size:1.25em;margin:0 0 10px;}

#reg_result .reg_result_p strong{color:#3497d9}

#reg_result .btn_submit{padding: 0 30px;font-weight:bold;height:40px;line-height:40px;display:inline-block;margin:30px 0 0 ;font-size:1.083em}

-------------------------------------------------------------------

이런걸 쭈욱~ 긁어서 복사! 붙여넣기! 로 두곳에 추가했더니 잘 나오는것을 확인했습니다.

 

빌더나 테마가 오래되서 그런것 같습니다.

 

처음 만드실때 2016년도 쯤 만들고 이후 CSS부분만 수정없이 넘어가서 그런것이 아닌가 싶습니다.

 

참고하시기 바랍니다.

 

-------------------------------------------------------------------------------------

2109074615_1550489867.53.jpg

------------------------------------------------------------------------------------

[ 어여쁘게 나오는 회원가입 css ]

 

결론 : 최상위 '../css/default.css'와 기본테마의 '해당테마/skin/member/basic/style.css' 에서 회원가입에 해당하는 부분을 복사해서 테마 속의 '해당테마/css/default.css''해당테마/skin/member/basic/style.css' 에 추가해서 문제해결! ]

 

■ 이외에 더 좋은 해결방법을 알고 계신분은 댓글로 방법을 알려주시면 감사하겠습니다. *^^*

 

 

 

혹시나 도움이 되셨다면 아래의 '따봉'으로 저에게 힘을 보태주세요~! *^.^*

추천
4

댓글 6개

전체 2,412 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT