노이미지 로그인 페이지 정보
외부로그인 노이미지 로그인 페이지관련링크
첨부파일
본문
어제 만들었는데 쓰시려면 쓰세요
위치는
skin/member/사용스킨/login.skin.php
skin/member/사용스킨/style.css 에 추가 하실거
/* 로그인 */
#mb_login {margin:0 auto;padding:100px 0;width:500px}
#mb_login h1 {margin:0 0 20px;font-size:30px;text-align:center;font-family:sans-serif}
#mb_login #login_fs {margin:0;padding:25px 25px 5px;border:1px solid #ccc;border-bottom:0;background:#fafafa}
#mb_login #login_fs legend {margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs .frm_input {width:419px;padding:10px;border:1px solid #ddd;background:#fff;margin-bottom:20px}
#mb_login #login_info {border:1px solid #ccc;padding:15px 25px;background:#f2f2f2}
#mb_login #login_info .login_auto_login{float:left;padding-top:5px}
#mb_login #login_info .sd_login{float:right;padding:7px 10px;border:1px solid #366790;white-space:nowrap;background:#3176b1;color:#fff}
#mb_login #login_info:after {display:block;clear:both;content:""}
#mb_login .btn_confirm {padding-top:15px;line-height:2;font-family:sans-serif;font-weight:bold}
#mb_login .btn_confirm a{font-size:18px;color:#333}
아 그리고
부트스트랩 사용 안 하시는 분들은
부트스트랩 css 도 추가 하셔야 되네요...
일단 bootstrap 에서 여기 활용 된 부분만 압축 해서 올려 드리고요.
있고 없고 차이는 로그인 아이콘 차이라 크게 지장 없습니다.
placeholder 는 ie 8 이하에서 활용 하려고 올려 드렸습니다
/js/ 폴더에 넣어 주시면 될거 같습니다.
없으면 ie8 이하에서는 저거
텍스트에 글자 치기 전에 나오는 도움말이 나오지 않습니다.
위치는
skin/member/사용스킨/login.skin.php
skin/member/사용스킨/style.css 에 추가 하실거
/* 로그인 */
#mb_login {margin:0 auto;padding:100px 0;width:500px}
#mb_login h1 {margin:0 0 20px;font-size:30px;text-align:center;font-family:sans-serif}
#mb_login #login_fs {margin:0;padding:25px 25px 5px;border:1px solid #ccc;border-bottom:0;background:#fafafa}
#mb_login #login_fs legend {margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#mb_login #login_fs .frm_input {width:419px;padding:10px;border:1px solid #ddd;background:#fff;margin-bottom:20px}
#mb_login #login_info {border:1px solid #ccc;padding:15px 25px;background:#f2f2f2}
#mb_login #login_info .login_auto_login{float:left;padding-top:5px}
#mb_login #login_info .sd_login{float:right;padding:7px 10px;border:1px solid #366790;white-space:nowrap;background:#3176b1;color:#fff}
#mb_login #login_info:after {display:block;clear:both;content:""}
#mb_login .btn_confirm {padding-top:15px;line-height:2;font-family:sans-serif;font-weight:bold}
#mb_login .btn_confirm a{font-size:18px;color:#333}
아 그리고
부트스트랩 사용 안 하시는 분들은
부트스트랩 css 도 추가 하셔야 되네요...
일단 bootstrap 에서 여기 활용 된 부분만 압축 해서 올려 드리고요.
있고 없고 차이는 로그인 아이콘 차이라 크게 지장 없습니다.
placeholder 는 ie 8 이하에서 활용 하려고 올려 드렸습니다
/js/ 폴더에 넣어 주시면 될거 같습니다.
없으면 ie8 이하에서는 저거
텍스트에 글자 치기 전에 나오는 도움말이 나오지 않습니다.
추천
5
5
댓글 전체
이쁘네요 ^_^ 좋아요 + 1
감사합니다
덕분에 아주 감사히 사용하고 있습니다.
아주 기초적인 질문이라 송구스럽지만
혹시 현재 로그인 페이지에서
배경사진만 좀 바꾸고 싶다면 어디에서 소스를 변경해야 하는지
알려주신다면 정말 감사 할것 같습니당..
충성
아주 기초적인 질문이라 송구스럽지만
혹시 현재 로그인 페이지에서
배경사진만 좀 바꾸고 싶다면 어디에서 소스를 변경해야 하는지
알려주신다면 정말 감사 할것 같습니당..
충성
배경 사진 그냥
default.css 백그라운드 그대로 나오는데요...
따로 추가 하시려면 현재 css 에서
그냥 body{background:}
이런식으로 따로 추가 하시거나 하셔야 될것 같습니다.
default.css 백그라운드 그대로 나오는데요...
따로 추가 하시려면 현재 css 에서
그냥 body{background:}
이런식으로 따로 추가 하시거나 하셔야 될것 같습니다.
ㅠㅠ 로그인창에 들어가서 아이디랑 비번을 치려고 하는데 자판이 안먹히는데 뭐가 잘못된걸까요 ㅠㅠ
PC 전용 스킨이네요 ㅠㅠ
모바일로 수정 하셔도 될듯 하네요.
로그인 부트스트랩 감사합니다
모바일에서도 쓰고싶은데 어떻게써야하나요?