Avgrund Modal 창을 이용한 로그인 스킨 정보
외부로그인 Avgrund Modal 창을 이용한 로그인 스킨관련링크
첨부파일
본문
Avgrund Modal 이라는 jQuery 플러그인( http://labs.voronianski.com/jquery.avgrund.js/ ) 을 아웃로그인 스킨에 적용해보았습니다.
아웃로그인 스킨 적용하시면, 그냥 LOG IN 이라는 링크만 나옵니다. 로그인 창은 링크를 클릭하면 나오구요.
로그인 후 정보 보는 창도 같은 방식입니다. 웹사이트 설정에서 포인트를 사용하지 않는 것으로 선택하면 포인트 부분이 출력되지 않게 손보았습니다.
불현듯 떠오른 걸 마구 코딩한거라 이미지도 거의 없고, 가지고 있는게 구닥다리 맥 뿐이라 윈도우즈 IE 에선 어떻게 보일런지 잘 모르겠네요.
그냥 아이디어라고 생각하시고 디자인 수정해서 사용해보시면 좋을 것 같아요.
아웃로그인 스킨 적용하시면, 그냥 LOG IN 이라는 링크만 나옵니다. 로그인 창은 링크를 클릭하면 나오구요.
로그인 후 정보 보는 창도 같은 방식입니다. 웹사이트 설정에서 포인트를 사용하지 않는 것으로 선택하면 포인트 부분이 출력되지 않게 손보았습니다.
불현듯 떠오른 걸 마구 코딩한거라 이미지도 거의 없고, 가지고 있는게 구닥다리 맥 뿐이라 윈도우즈 IE 에선 어떻게 보일런지 잘 모르겠네요.
그냥 아이디어라고 생각하시고 디자인 수정해서 사용해보시면 좋을 것 같아요.
추천
4
4
댓글 전체
좋으네요.. 감사히 잘 쓸께요
good!!!
uft-8 에서 스크립트 에러나고 배경이 검정색으로 나오는데 원인이 뭔지좀 알려주세요?
사용하고싶은데요ㅠㅠ.
사용하고싶은데요ㅠㅠ.
검정 배경은… 아마도 플러그인 소스에 들어간 스타일시트때문일겁니다. 플러그인 안내 사이트에서 데모를 보시면 아시겠지만 html 에 검은 배경을 먼저 깔고 흰배경으로 body를 감싼 다음 jQuery 실행될때 모달창 이외의 요소들을 작게 만들면서 배경이 살짝 보이게하는 원리거든요.
적용하신 곳 소스나 스타일 시트를 봐야 알겠지만 body 에 백그라운드 칼라를 css로 지정만 해주셔도 해결이 될겁니다.
스크립트 에러는 진짜 소스를 봐야 알겠네요. ^^;;;;
적용하신 곳 소스나 스타일 시트를 봐야 알겠지만 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>
을 삭제해보고 다시 시도해보세요.
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({ <===이부분이 에러인거같은데요...구문오류라--;;
수고하세요.
스크립트에러는 여전히 나는데요.
구문오류 줄:2
코드:0 구문:1
확인해보니.
$(function() {
$('#login').avgrund({ <===이부분이 에러인거같은데요...구문오류라--;;
수고하세요.
음 그 부분은 원래의 플러그인에 포함된 #login 이라는 id 값을 지정하는 부분인데요;;;
그 부분이 에러가 난다는 건 같은 id 값을 가진 다른곳이 있어서 일 수 있어요. 그 쪽을 수정하거나 아니면 배포된 소스중 id="login" 이라고 되어 있는곳을 전부 다른 이름으로 수정해보는 방법을 써보시면 어떨까요?
그 부분이 에러가 난다는 건 같은 id 값을 가진 다른곳이 있어서 일 수 있어요. 그 쪽을 수정하거나 아니면 배포된 소스중 id="login" 이라고 되어 있는곳을 전부 다른 이름으로 수정해보는 방법을 써보시면 어떨까요?
수고 많으셨습니다~
수거하셧어요
그런데 스크립트를 많이 쓴 페이지에 넣고 하니까 기존 페이지와 충돌일으켜서 화면이 다 깨지네요 ㅠ