회원가입 css 에러 문제 정보
회원가입 css 에러 문제본문
회원가입 스킨에서 어여쁘게 나와야할것이
------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
이런식으로 회원가입 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부분만 수정없이 넘어가서 그런것이 아닌가 싶습니다.
참고하시기 바랍니다.
-------------------------------------------------------------------------------------
------------------------------------------------------------------------------------
[ 어여쁘게 나오는 회원가입 css ]
결론 : 최상위 '../css/default.css'와 기본테마의 '해당테마/skin/member/basic/style.css' 에서 회원가입에 해당하는 부분을 복사해서 테마 속의 '해당테마/css/default.css' 와 '해당테마/skin/member/basic/style.css' 에 추가해서 문제해결! ]
■ 이외에 더 좋은 해결방법을 알고 계신분은 댓글로 방법을 알려주시면 감사하겠습니다. *^^*
혹시나 도움이 되셨다면 아래의 '따봉'으로 저에게 힘을 보태주세요~! *^.^*
4