From f2f8c012939d2b235b4c7b5dc5d46cc8d26498ab Mon Sep 17 00:00:00 2001 From: seeoya Date: Fri, 10 Sep 2021 14:14:15 +0900 Subject: [PATCH] =?UTF-8?q?#92=20=EC=86=8C=EC=85=9C=20=ED=9A=8C=EC=9B=90?= =?UTF-8?q?=EA=B0=80=EC=9E=85=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EC=88=98?= =?UTF-8?q?=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/default.css | 2 +- skin/member/basic/register_form.skin.php | 1 - skin/member/basic/style.css | 2 +- skin/social/img/chk.png | Bin 0 -> 1070 bytes skin/social/social_register_member.skin2.php | 364 +++++++++++++++++++ skin/social/style.css | 73 +++- theme/basic/css/default.css | 2 +- theme/basic/skin/member/basic/style.css | 2 +- 8 files changed, 434 insertions(+), 12 deletions(-) create mode 100644 skin/social/img/chk.png create mode 100644 skin/social/social_register_member.skin2.php diff --git a/css/default.css b/css/default.css index de81a1102..23aac5b1b 100644 --- a/css/default.css +++ b/css/default.css @@ -165,7 +165,7 @@ box-shadow:0 2px 5px rgba(0,0,0,0.2)} /* 중간 레이아웃 */ #wrapper {} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} -#container_wr {margin:0 auto;height:100%;zoom:1} +#container_wr {margin:0 auto;zoom:1} #aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px} #container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1} diff --git a/skin/member/basic/register_form.skin.php b/skin/member/basic/register_form.skin.php index dfdf7e27b..afdeba360 100644 --- a/skin/member/basic/register_form.skin.php +++ b/skin/member/basic/register_form.skin.php @@ -115,7 +115,6 @@ add_stylesheet('', - diff --git a/skin/member/basic/style.css b/skin/member/basic/style.css index 87dac23b1..63b7baffe 100644 --- a/skin/member/basic/style.css +++ b/skin/member/basic/style.css @@ -108,7 +108,7 @@ #fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em} #fregister_private {position:relative} #fregister_private div {padding:20px;background:#fff} -#fregister_private table {width:100%;border-collapse:collapse} +#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;} #fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden} #fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf} #fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0} diff --git a/skin/social/img/chk.png b/skin/social/img/chk.png new file mode 100644 index 0000000000000000000000000000000000000000..2841a67f35ff08993eeea940005cae936c288483 GIT binary patch literal 1070 zcmbVLPiWIn7>^W&jt!~|VZ*~CLvUb|ytGZ5u)3vvi7VJy+KN4hEKOe5uqH1iZ?@af zgKR_aB;rX?@Hh}Jf&)SD;6d~zcoaMfBIs?tbnWyob}%G)|GwYv_kG{{zU}Jr<;n4x zagO6A%S))n#tHVFIyuJvW3N6m*f33vCase;?O7q_bceJsD0|i_u3^jBxb+^-b6leB zHk!0qxuV&`6Rg-q=z9S}bKLwwKd|gIOhF5;x_*KG{`w6MT&KWa&sL;LP{JK|X*0z2 z&Elzi8bgjT2IMu9FL5YMIWQBCf zmLLR*BEU>mQQ$=&OHdXi_9`iu(Xxsr=fLpcnOf+ywHh*qT5MI|JCp{RDE4|ip_dj& zxGF+bRbviWPBDvAwBb{$pYo&G5d*@J9l8N^i4S5%t3}pnfoGl`gy030$|12I4HLyu zCibmBgn}e`UL4oJI-)iF*Nr2sqsB&n#Tt&tdT6uzXwQzoEO*BX#fHoq?P}<6$ z*y|qlX&DuGb|N^gqh$>_hw`e4RNXZ45UQDsgdohxvZ0y~=_8J#usI~bqG=S7lu;lw z^2KyMZOX-T5oS~', 11); +add_stylesheet('', 12); +add_stylesheet('', 13); +add_javascript('', 10); + +$email_msg = $is_exists_email ? '등록할 이메일이 중복되었습니다.다른 이메일을 입력해 주세요.' : ''; +?> + + +
+ +
+ +

회원가입약관 및 개인정보 수집 및 이용의 내용에 동의하셔야 회원가입 하실 수 있습니다.

+ +
+

회원가입약관

+ +
+ + +
+
+ +
+

개인정보 수집 및 이용

+
+ + + + + + + + + + + + + + + + + + + + + + +
개인정보 수집 및 이용
목적항목보유기간
이용자 식별 및 본인여부 확인아이디, 이름, 비밀번호회원 탈퇴 시까지
고객서비스 이용에 관한 통지,
CS대응을 위한 이용자 식별		연락처 (이메일, 휴대전화번호)회원 탈퇴 시까지
+
+ +
+ + +
+
+ +
+ + +
+ + + + + + + + + + + + + +
+
+

개인정보 입력

+
    +
  • + 토스 인증'.PHP_EOL; + echo ''.PHP_EOL; + echo ''.PHP_EOL; + echo ''.PHP_EOL; + // } + if($config['cf_cert_hp']) + echo ''.PHP_EOL; + if($config['cf_cert_ipin']) + echo ''.PHP_EOL; + + echo ''.PHP_EOL; + } + ?> + +
    + 본인확인 및 성인인증 완료 +
    + +
    • +
  • + + class="frm_input full_input " size="10" placeholder="이름"> +
    • + +
  • + + + + + +
    • + +
  • + + + + + +
    이미 등록된 이메일입니다. 이메일 주소를 변경해주세요.
    +
    • +
  • + + + + class="frm_input full_input " maxlength="20" placeholder="휴대폰번호"> + + + + +
    • +
+
+
+
+ 취소 + +
+
+
+ + + + +
+

혹시 기존 회원이신가요?

+ +
+ + + + + + \ No newline at end of file diff --git a/skin/social/style.css b/skin/social/style.css index 75f0951e8..9a5d2bdb4 100644 --- a/skin/social/style.css +++ b/skin/social/style.css @@ -82,7 +82,7 @@ /*회원가입 */ #sns_register {margin:0 0 10px;padding:0;text-align:center;border-radius:3px} #sns_register:after {display:block;visibility:hidden;clear:both;content:""} -#sns_register h2 {float:left;display:inline-block;text-align:left;width:50%;height:56px;line-height:56px;padding:0 20px;font-size:1.2em} +#sns_register h2 {float:left;display:inline-block;text-align:left;width:50%;height:56px;padding:0 20px;font-size:1.2em} #sns_register .sns-wrap {display:inline-block;float:left;width:50%;height:56px;line-height:53px;margin:0;text-align:right;padding:0 20px} #sns_register .sns-wrap:after {display:block;visibility:hidden;clear:both;content:""} #sns_register .sns-icon {display:inline-block;height:30px;line-height:30px;width:30px;margin:0 3px;text-align:right;color:#fff;border-radius:2px} @@ -95,6 +95,65 @@ #sns_register .sns-payco {background-color:#df0b00;background-position:0 0} #sns_register .txt {position:absolute;line-height:0;font-size:0;vertical-align:middle;overflow:hidden} +/* 회원가입 약관 */ +.register {margin:0 auto} +.register:after {display:block;visibility:hidden;clear:both;content:""} +.register .btn_confirm .btn_submit, +.register .btn_confirm .btn_close {float:left;height:50px !important;width:49.5%;font-weight:bold;font-size:1.083em} +.register .btn_confirm {text-align:left} +.register .btn_confirm .btn_submit {margin-left:1%} + +#fregister p {position:relative;text-align:center;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;border-radius:5px;font-weight:bold} +#fregister p:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453} +#fregister p i {font-size:1.2em;vertical-align:middle} +#fregister section {margin:10px auto 15px;border:1px solid #dde7e9;position:relative;border-radius:3px} +#fregister_chkall {position:relative;text-align:center;background:#f5f7fa;line-height:50px;border:1px solid #e5e9f0;border-radius:3px;margin-bottom:15px} +#fregister h2 {text-align:left;padding:20px;border-bottom:1px solid #dde7e9;font-size:1.2em} +#fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em} +#fregister .check {margin-top: 5px;} +#fregister_private {position:relative} +#fregister_private div {padding:20px;background:#fff} +#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;} +#fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden} +#fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf} +#fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0} + +.fregister_agree {position:absolute;top:0;right:0} +.fregister_agree input[type="checkbox"] + label {color:#676e70} +.fregister_agree input[type="checkbox"] + label:hover {color:#2172f8} +.fregister_agree input[type="checkbox"] + label span {position:absolute;top:20px;right:15px;width:17px;height:17px;display:block;background:#fff;border:1px solid #d0d4df;border-radius:3px} +.fregister_agree input[type="checkbox"]:checked + label {color:#000} +.fregister_agree input[type="checkbox"]:checked + label span {background:url('./img/chk.png') no-repeat 50% 50% #3a8afd;border-color:#1471f6;border-radius:3px} +.fregister_agree.chk_all input[type="checkbox"] + label span {top:18px} + +.chk_li {padding-left:20px} + +#sns_register .login-sns, +#sns_register h2 {border:0 !important} + +/* 회원가입 입력 */ +#register_form {background:#fff;margin-bottom:20px} +#register_form h2 {padding:20px;border-bottom:1px solid #dde7e9} +.register_form_inner {background:#f7f7f7;border:1px solid #dde7e9;border-radius:3px} +.register_form_inner ul {padding:20px} +.register_form_inner label {display:block;margin-bottom:10px;line-height:24px} +.register_form_inner label.inline {display:inline} + +#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 .form_01 div {margin:0 0 20px} +#fregisterform .captcha {display:block;margin:5px 0 0} +#fregisterform .reg_mb_img_file img {max-width:100%;height:auto} +#reg_mb_icon, #reg_mb_img {float:right} + +.tooltip_icon {display:inline-block;vertical-align:baseline;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer} +.tooltip_icon:hover {color:#448bf5} +.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:10px} +.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000} + /*기존 계정에 연결하기*/ /* Styles for Accordion */ @@ -109,7 +168,7 @@ .mbskin .toggle .toggle-title.active .right_i i {background:url("./img/plus_minus.png") 0 0 no-repeat} .mbskin .all_agree {position:relative;display:block;margin-bottom:6px;background:#fff;border:1px solid #c6cacc;border-top:0;padding:13px 15px;line-height:20px} -#register_member .sns_tbl {background:#fff;margin:10px 0;border:1px solid #c6cacc} +.sns_tbl {background:#fff;margin:10px 0;border:1px solid #c6cacc} .sns_tbl table {border:0} .sns_tbl caption {padding:0 20px;line-height:45px;font-size:1.083em;border-bottom:1px solid #e2e2e2;color:#253dbe;background:#fcfcfc} .sns_tbl th {width:100px;text-align:right;padding:10px} @@ -135,11 +194,11 @@ #sns-link-pnl .connect-fg .connect-desc {margin:0 0 10px;padding:15px;border:1px solid #d6e9c6;background:#dff0d8;color:#3c763d} #sns-link-pnl .connect-fg .connect-title {margin-top:25px;margin-bottom:10px;font-size:1.667em;font-weight:bold;text-align:center} -.mbskin .member_connect:after {display:block;visibility:hidden;clear:both;content:""} -.mbskin .member_connect {margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left} -.mbskin .member_connect .strong {font-size:1em;font-weight:bold;margin:0 0 10px} -.mbskin .member_connect button {color:#fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.91em} -.mbskin .member_connect button:hover {background:#6446e7} +.member_connect:after {display:block;visibility:hidden;clear:both;content:""} +.member_connect {margin-top:80px;background:#d9d9d9;border-radius:3px;padding:10px;text-align:left} +.member_connect .strong {font-size:1em;font-weight:bold;margin:0 0 10px} +.member_connect button {color:#fff;border:0;padding:6px 20px 7px;border:1px solid #6446e7;font-weight:bold;background:#6f50e7;border-radius:3px;font-size:0.91em} +.member_connect button:hover {background:#6446e7} html.remodal-is-locked {overflow-y:scroll !important} diff --git a/theme/basic/css/default.css b/theme/basic/css/default.css index 3933e8b0f..ea1ff09d6 100644 --- a/theme/basic/css/default.css +++ b/theme/basic/css/default.css @@ -166,7 +166,7 @@ box-shadow:0 2px 5px rgba(0,0,0,0.2)} /* 중간 레이아웃 */ #wrapper {} #container_wr:after {display:block;visibility:hidden;clear:both;content:""} -#container_wr {margin:0 auto;height:100%;zoom:1} +#container_wr {margin:0 auto;zoom:1} #aside {float:right;width:235px;padding:0;height:100%;margin:20px 0 20px 20px} #container {position:relative;float:left;min-height:500px;height:auto !important;margin:20px 0;height:500px;font-size:1em;width:930px;zoom:1} diff --git a/theme/basic/skin/member/basic/style.css b/theme/basic/skin/member/basic/style.css index 31a266753..4be20ce31 100644 --- a/theme/basic/skin/member/basic/style.css +++ b/theme/basic/skin/member/basic/style.css @@ -107,7 +107,7 @@ #fregister textarea {display:block;padding:20px;width:100%;height:150px;background:#fff;border:0;line-height:1.6em} #fregister_private {position:relative} #fregister_private div {padding:20px;background:#fff} -#fregister_private table {width:100%;border-collapse:collapse} +#fregister_private table {width:100%;border-collapse:collapse;font-size:1em;} #fregister_private table caption {position:absolute;font-size:0;line-height:0;overflow:hidden} #fregister_private table th {background:#f7f7f9;width:33.33%;color:#000;padding:10px;border:1px solid #d8dbdf} #fregister_private table td {border:1px solid #e7e9ec;padding:10px;border-top:0}