어제 만들었는데 쓰시려면 쓰세요
위치는
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 이하에서는 저거
텍스트에 글자 치기 전에 나오는 도움말이 나오지 않습니다.
댓글 9개
익명닉네임
10년 전
이쁘네요 ^_^ 좋아요 + 1
10년 전
감사합니다
10년 전
덕분에 아주 감사히 사용하고 있습니다.
아주 기초적인 질문이라 송구스럽지만
혹시 현재 로그인 페이지에서
배경사진만 좀 바꾸고 싶다면 어디에서 소스를 변경해야 하는지
알려주신다면 정말 감사 할것 같습니당..
충성
아주 기초적인 질문이라 송구스럽지만
혹시 현재 로그인 페이지에서
배경사진만 좀 바꾸고 싶다면 어디에서 소스를 변경해야 하는지
알려주신다면 정말 감사 할것 같습니당..
충성
Mentor
10년 전
배경 사진 그냥
default.css 백그라운드 그대로 나오는데요...
따로 추가 하시려면 현재 css 에서
그냥 body{background:}
이런식으로 따로 추가 하시거나 하셔야 될것 같습니다.
default.css 백그라운드 그대로 나오는데요...
따로 추가 하시려면 현재 css 에서
그냥 body{background:}
이런식으로 따로 추가 하시거나 하셔야 될것 같습니다.
ideaman
10년 전
ㅠㅠ 로그인창에 들어가서 아이디랑 비번을 치려고 하는데 자판이 안먹히는데 뭐가 잘못된걸까요 ㅠㅠ
9년 전
PC 전용 스킨이네요 ㅠㅠ
Mentor
9년 전
모바일로 수정 하셔도 될듯 하네요.
9년 전
로그인 부트스트랩 감사합니다
8년 전
모바일에서도 쓰고싶은데 어떻게써야하나요?
게시판 목록
그누보드5 스킨
좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 2708 | 레이아웃 | 3주 전 | 35 | ||
| 2707 | 최신글 |
GNUXNS
|
2개월 전 | 199 | |
| 2706 | 최신글 |
GNUXNS
|
2개월 전 | 340 | |
| 2705 | 최신글 |
GNUXNS
|
2개월 전 | 259 | |
| 2704 | 최신글 | 2개월 전 | 257 | ||
| 2703 | 레이아웃 |
비버팩토리
|
2개월 전 | 814 | |
| 2702 | 게시판 | 2개월 전 | 498 | ||
| 2701 | 게시판 |
|
2개월 전 | 329 | |
| 2700 | 최신글 | 2개월 전 | 353 | ||
| 2699 | 최신글 | 2개월 전 | 586 | ||
| 2698 | 게시판 | 2개월 전 | 449 | ||
| 2697 | 최신글 | 3개월 전 | 575 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기