노이미지 로그인 페이지 > 그누보드5 스킨

그누보드5 스킨

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

노이미지 로그인 페이지 정보

외부로그인 노이미지 로그인 페이지

첨부파일

login.skin.php (2.1K) 336회 다운로드 2015-06-11 16:56:04
jquery.placeholder.min.js (2.6K) 30회 다운로드 2015-06-11 16:56:04
boot.zip (126.0K) 86회 다운로드 2015-06-11 16:56:04

본문

어제 만들었는데 쓰시려면 쓰세요


위치는

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

댓글 전체

덕분에 아주 감사히 사용하고 있습니다.
아주 기초적인 질문이라 송구스럽지만

혹시 현재 로그인 페이지에서
배경사진만 좀 바꾸고 싶다면 어디에서 소스를 변경해야 하는지
알려주신다면 정말 감사 할것 같습니당..

충성
배경 사진 그냥

default.css 백그라운드 그대로 나오는데요...

따로 추가 하시려면 현재 css 에서

그냥 body{background:}

이런식으로 따로 추가 하시거나 하셔야 될것 같습니다.
전체 7 |RSS
그누보드5 스킨 내용 검색

회원로그인

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