Avgrund Modal 창을 이용한 로그인 스킨
Avgrund Modal 이라는 jQuery 플러그인( http://labs.voronianski.com/jquery.avgrund.js/ ) 을 아웃로그인 스킨에 적용해보았습니다.
아웃로그인 스킨 적용하시면, 그냥 LOG IN 이라는 링크만 나옵니다. 로그인 창은 링크를 클릭하면 나오구요.
로그인 후 정보 보는 창도 같은 방식입니다. 웹사이트 설정에서 포인트를 사용하지 않는 것으로 선택하면 포인트 부분이 출력되지 않게 손보았습니다.
불현듯 떠오른 걸 마구 코딩한거라 이미지도 거의 없고, 가지고 있는게 구닥다리 맥 뿐이라 윈도우즈 IE 에선 어떻게 보일런지 잘 모르겠네요.
그냥 아이디어라고 생각하시고 디자인 수정해서 사용해보시면 좋을 것 같아요.
아웃로그인 스킨 적용하시면, 그냥 LOG IN 이라는 링크만 나옵니다. 로그인 창은 링크를 클릭하면 나오구요.
로그인 후 정보 보는 창도 같은 방식입니다. 웹사이트 설정에서 포인트를 사용하지 않는 것으로 선택하면 포인트 부분이 출력되지 않게 손보았습니다.
불현듯 떠오른 걸 마구 코딩한거라 이미지도 거의 없고, 가지고 있는게 구닥다리 맥 뿐이라 윈도우즈 IE 에선 어떻게 보일런지 잘 모르겠네요.
그냥 아이디어라고 생각하시고 디자인 수정해서 사용해보시면 좋을 것 같아요.
첨부파일
|
댓글을 작성하시려면 로그인이 필요합니다.
로그인
댓글 11개
사용하고싶은데요ㅠㅠ.
적용하신 곳 소스나 스타일 시트를 봐야 알겠지만 body 에 백그라운드 칼라를 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>
을 삭제해보고 다시 시도해보세요.
스크립트에러는 여전히 나는데요.
구문오류 줄:2
코드:0 구문:1
확인해보니.
$(function() {
$('#login').avgrund({ <===이부분이 에러인거같은데요...구문오류라--;;
수고하세요.
그 부분이 에러가 난다는 건 같은 id 값을 가진 다른곳이 있어서 일 수 있어요. 그 쪽을 수정하거나 아니면 배포된 소스중 id="login" 이라고 되어 있는곳을 전부 다른 이름으로 수정해보는 방법을 써보시면 어떨까요?