Avgrund Modal 창을 이용한 로그인 스킨 > 그누4 스킨

그누4 스킨

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다.
스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y
그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

Avgrund Modal 창을 이용한 로그인 스킨 정보

외부로그인 Avgrund Modal 창을 이용한 로그인 스킨

첨부파일

avgrund_zeze.zip (10.1K) 408회 다운로드 2012-10-10 03:29:29

본문

Avgrund Modal 이라는 jQuery 플러그인( http://labs.voronianski.com/jquery.avgrund.js/ ) 을 아웃로그인 스킨에 적용해보았습니다.

아웃로그인 스킨 적용하시면, 그냥 LOG IN 이라는 링크만 나옵니다. 로그인 창은 링크를 클릭하면 나오구요.
로그인 후 정보 보는 창도 같은 방식입니다. 웹사이트 설정에서 포인트를 사용하지 않는 것으로 선택하면 포인트 부분이 출력되지 않게 손보았습니다.


불현듯 떠오른 걸 마구 코딩한거라 이미지도 거의 없고, 가지고 있는게 구닥다리 맥 뿐이라 윈도우즈 IE 에선 어떻게 보일런지 잘 모르겠네요.
그냥 아이디어라고 생각하시고 디자인 수정해서 사용해보시면 좋을 것 같아요.
추천
4

댓글 전체

검정 배경은… 아마도 플러그인 소스에 들어간 스타일시트때문일겁니다. 플러그인 안내 사이트에서 데모를 보시면 아시겠지만 html 에 검은 배경을 먼저 깔고 흰배경으로 body를 감싼 다음 jQuery 실행될때 모달창 이외의 요소들을 작게 만들면서 배경이 살짝 보이게하는 원리거든요.
적용하신 곳 소스나 스타일 시트를 봐야 알겠지만 body 에 백그라운드 칼라를 css로 지정만 해주셔도 해결이 될겁니다.
스크립트 에러는 진짜 소스를 봐야 알겠네요. ^^;;;;
배경이 검정색으로 나오는 건, 설치된 아웃로그인 스킨의 style/avgrund.css 에서
6번줄에 있는
html {
    background: url(../img/dark_dotted.png) repeat #222;
}
를 삭제하거나,
그 밑에
body {
background: #fff;
}
같은 식으로 body 쪽에 배경색을 지정해주면 해결하실 수 있을 겁니다.

스크립트 에러는… 혹시 모르니까, outlogin.skin.1.php 와 outlogin.skin.2.php 의 소스 중

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

을 삭제해보고 다시 시도해보세요.
zeze님 백그라운드는 스타일고쳐서 해결은됐는데요.
스크립트에러는 여전히 나는데요.
구문오류 줄:2
코드:0    구문:1
확인해보니.
$(function() {
    $('#login').avgrund({  <===이부분이 에러인거같은데요...구문오류라--;;
수고하세요.
음 그 부분은 원래의 플러그인에 포함된 #login 이라는 id 값을 지정하는 부분인데요;;;
그 부분이 에러가 난다는 건 같은 id 값을 가진 다른곳이 있어서 일 수 있어요. 그 쪽을 수정하거나 아니면 배포된 소스중 id="login" 이라고 되어 있는곳을 전부 다른 이름으로 수정해보는 방법을 써보시면 어떨까요?
전체 5,853 |RSS
그누4 스킨 내용 검색

회원로그인

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