위젯 스킨 자료실
글수 194
| 라이센스 | GPL2 |
|---|---|
| 기타 라이센스 | |
| 적용 버전 | 정식버전(1.0이후) |
웹미니 아쿠어 버전로그인 입니다.
XE 1.0 이후 버전에서 이용하시길 바랍니다.
기존에 http://www.zeroboard.com/15874425 를 다운받으신 분들은 새로 받으세요.

압축을 푸시면 webmini_login 폴더안에 색상별로 3개의 폴더가 있습니다. (레드,블루,블랙)
3개의 폴더를 widgets > login_info > skins 에 업로드 후 적용하시면 됩니다.
다운로드 받기 : webmini_login.zip
미리보기 : http://www.webmini.net/skin_test
본스킨은 IE6, IE7, Firefox, Opera, Safari 에서 테스트 했습니다.
감사합니다.
ps. 블랙버전을 사용하고 계시는 분들은 새로 다운받아서 덮어씌워주세요.. 로그인후 이름쪽 스타일 시트가 수정되었습니다.
XE 1.0 이후 버전에서 이용하시길 바랍니다.
기존에 http://www.zeroboard.com/15874425 를 다운받으신 분들은 새로 받으세요.

압축을 푸시면 webmini_login 폴더안에 색상별로 3개의 폴더가 있습니다. (레드,블루,블랙)
3개의 폴더를 widgets > login_info > skins 에 업로드 후 적용하시면 됩니다.
다운로드 받기 : webmini_login.zip
미리보기 : http://www.webmini.net/skin_test
본스킨은 IE6, IE7, Firefox, Opera, Safari 에서 테스트 했습니다.
감사합니다.
ps. 블랙버전을 사용하고 계시는 분들은 새로 다운받아서 덮어씌워주세요.. 로그인후 이름쪽 스타일 시트가 수정되었습니다.
"생생하게(vivid) 꿈꾸면(dream) 이루어진다.(realization)" R=VD
2008.03.18 07:59:12 (*.42.162.7)
멋진로그인폼 감사드립니다 한가지 이상이있어서 글올립니다
아래이미지처럼 하단쪽이 틈(여백)이생기더군요?
수정한것은 제가 어두운배경과밝은배경레이아웃을둘다쓰기때문에
그림파일을 투명 PNG파일로 바꾸볼까하고 여백배경부분을 오린것뿐이없읍니다
(전체그림사이즈는 변경없구요~)
일단은 로그인창을 그냥나둘께요 메인 화면쪽입니다 확인좀해주시겠읍니까? 개발자님...
아래이미지고 부라우져는 일단파폭에서만봣읍니다~

로그인창적용페이지입니다
http://gabriel2007.hosting.paran.com/zbxe/
아래이미지처럼 하단쪽이 틈(여백)이생기더군요?
수정한것은 제가 어두운배경과밝은배경레이아웃을둘다쓰기때문에
그림파일을 투명 PNG파일로 바꾸볼까하고 여백배경부분을 오린것뿐이없읍니다
(전체그림사이즈는 변경없구요~)
일단은 로그인창을 그냥나둘께요 메인 화면쪽입니다 확인좀해주시겠읍니까? 개발자님...
아래이미지고 부라우져는 일단파폭에서만봣읍니다~
로그인창적용페이지입니다
http://gabriel2007.hosting.paran.com/zbxe/
2008.03.18 09:14:48 (*.145.92.14)
http://www.webmini.net/skin_test 여기에서 보시면 블랙로그인창으로 적용해두었습니다.
파폭에서 확인한 결과 이상없이 보여집니다. css를 다시한번 살펴봐 주시겠어요?
2008.03.18 09:32:23 (*.42.162.7)
네~백짱구님 다시한번 살펴봣는데 파폭 (Mozilla Firefox 3 Beta 4) 에서 마찬가지고요~
제컴터는 윈도우 환경은 XP-2000입니다
그리고 아래 CSS커드는 변경없는 개발자님의 코드그대로입니다
이미지 아래에 코드복사해놓을께요
참!!! ie7에서는 오류없이정상으로나오더군요~
바쁘시더라도 한번다시살펴주시겠읍니까?

CSS코드
#login { width:200px; border:0; margin:0; position:relative; display:block;}
#login_after { width:180px; margin:0; background-color:#C77C6B; position:relative; display:block;}
*:first-child+html body #login { padding-top:2px;}
#login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
#login form { position:relative; background-image:url(../images/default/loginBG.png); padding:0px 9px 0px 11px; width:180px;}
#login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
#login form .idpw { float:left; width:110px; }
#login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
#login form .login { float:right;}
#login form p.save { clear:both; padding:.3em 0; letter-spacing:-1px; }
#login form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body #login form p input { margin:-3px; }
#login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#f3e9e7;}
#login form ul.help { border-top:1px solid #e4e4e4; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap;}
#login form ul.help li { float:left; display:block; padding:0 3px 0 7px; background:url(../images/default/vrType1.gif) no-repeat left center;}
#login form ul.help li.first-child { background:none; padding-left:0;}
#login form ul.help li a { color:#ffffff; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none; }
#login form ul.help li.first-child a { color:#ffffff; text-decoration:none;}
#login form ul.help li a:hover { text-decoration:underline; }
#login form .userName { _float:left; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:4px 6px 5px 4px; margin-top:-5px;}
#login form .userName strong { color:#282828; padding:4px 0 0 2px; font:bold .9em Tahoma;}
#login form .userName a { float:right;}
#login form ul.userMenu { padding:0 0 6px 4px; overflow:hidden; margin-top:10px; color:#F3E9E7; }
#login form ul.userMenu li { list-style:none; padding-left:10px; background:url(../images/default/bulletFF1A00.gif) no-repeat left 4px; height:18px; }
#login form ul.userMenu li a { color:#F3E9E7; text-decoration:none;}
#login form ul.userMenu li a:hover { text-decoration:underline;}
#login form p.latestLogin { color:#ffffff; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#login form p.latestLogin span { font:1em Tahoma;}
img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}
#openid_login { width:200px; border:0; margin:0; position:relative; display:block;}
*:first-child+html body #openid_login { padding-top:2px;}
#openid_login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
#openid_login form { position:relative; background-image:url(../images/default/loginBG.png); padding:0px 11px 0px 11px; width:178px;}
#openid_login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
#openid_login form .idpw { float:left;}
#openid_login form .idpw p { margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#ffffff; }
#openid_login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; }
#openid_login form .login { float:right;}
#openid_login form p.save { clear:both; padding:.3em 0;}
#openid_login form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body #openid_login form p input { margin:-3px; }
#openid_login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#F3E9E7;}
#topBG { height:36px; margin:0; background-image:url(../images/default/loginTop.png); }
#bottomBG { height:31px; margin:0; background-image:url(../images/default/loginBottom.png); }
제컴터는 윈도우 환경은 XP-2000입니다
그리고 아래 CSS커드는 변경없는 개발자님의 코드그대로입니다
이미지 아래에 코드복사해놓을께요
참!!! ie7에서는 오류없이정상으로나오더군요~
바쁘시더라도 한번다시살펴주시겠읍니까?

CSS코드
#login { width:200px; border:0; margin:0; position:relative; display:block;}
#login_after { width:180px; margin:0; background-color:#C77C6B; position:relative; display:block;}
*:first-child+html body #login { padding-top:2px;}
#login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
#login form { position:relative; background-image:url(../images/default/loginBG.png); padding:0px 9px 0px 11px; width:180px;}
#login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
#login form .idpw { float:left; width:110px; }
#login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma;}
#login form .login { float:right;}
#login form p.save { clear:both; padding:.3em 0; letter-spacing:-1px; }
#login form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body #login form p input { margin:-3px; }
#login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#f3e9e7;}
#login form ul.help { border-top:1px solid #e4e4e4; overflow:hidden; padding:.5em 0 0 0; white-space:nowrap;}
#login form ul.help li { float:left; display:block; padding:0 3px 0 7px; background:url(../images/default/vrType1.gif) no-repeat left center;}
#login form ul.help li.first-child { background:none; padding-left:0;}
#login form ul.help li a { color:#ffffff; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; white-space:nowrap; text-decoration:none; }
#login form ul.help li.first-child a { color:#ffffff; text-decoration:none;}
#login form ul.help li a:hover { text-decoration:underline; }
#login form .userName { _float:left; overflow:hidden; border-bottom:1px solid #e4e4e4; padding:4px 6px 5px 4px; margin-top:-5px;}
#login form .userName strong { color:#282828; padding:4px 0 0 2px; font:bold .9em Tahoma;}
#login form .userName a { float:right;}
#login form ul.userMenu { padding:0 0 6px 4px; overflow:hidden; margin-top:10px; color:#F3E9E7; }
#login form ul.userMenu li { list-style:none; padding-left:10px; background:url(../images/default/bulletFF1A00.gif) no-repeat left 4px; height:18px; }
#login form ul.userMenu li a { color:#F3E9E7; text-decoration:none;}
#login form ul.userMenu li a:hover { text-decoration:underline;}
#login form p.latestLogin { color:#ffffff; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#login form p.latestLogin span { font:1em Tahoma;}
img.login_mask { width:201px; height:5px; background:#ffffff; display:block;}
#openid_login { width:200px; border:0; margin:0; position:relative; display:block;}
*:first-child+html body #openid_login { padding-top:2px;}
#openid_login legend { display:block; width:0; height:0; overflow:hidden; font-size:0;}
#openid_login form { position:relative; background-image:url(../images/default/loginBG.png); padding:0px 11px 0px 11px; width:178px;}
#openid_login form .idpwWrap { overflow:hidden; clear:both; width:172px;}
#openid_login form .idpw { float:left;}
#openid_login form .idpw p { margin-bottom:5px; background: url(../images/openid_login_bg.gif) left no-repeat; padding-left:18px; font-size:.9em Tahoma;color:#ffffff; }
#openid_login form .idpw input { border:1px solid #c9c9c9; color:#282828; width:105px; background:#fbfbfb; padding:1px 5px; margin-bottom:2px; font:.9em Tahoma; }
#openid_login form .login { float:right;}
#openid_login form p.save { clear:both; padding:.3em 0;}
#openid_login form p.save input { vertical-align:middle; _margin:-3px;}
*:first-child+html body #openid_login form p input { margin:-3px; }
#openid_login form p.save label { font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#F3E9E7;}
#topBG { height:36px; margin:0; background-image:url(../images/default/loginTop.png); }
#bottomBG { height:31px; margin:0; background-image:url(../images/default/loginBottom.png); }
2008.03.18 09:53:16 (*.42.162.7)
원인을찼았읍니다 백장구님
혹시 백짱구님 테스트싸이트레이아웃에도 아래코드를 설정에서 추가하셨나요??
정식버전출범후에 레이아웃오류를 고치기위한응급처방중에
<style type="text/css"> * { margin:0; padding:0; } </style>
이코드아시죠?? 레이아웃 설정에서 헤더부분에 추가시키던.............
저갓은경우는 정식버전 기본 레이아웃을 수정해서 쓰던중이라
이코드를적용안하고 제가수정한부분들의 레이아웃 이이디값에 자체 에 CSS 코드에
margin:0; padding:0; 값을 주었거든요~~
아래갔은식으로요~
@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/
/* Black Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#gnb_sub { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
#footer { margin:0; padding:0; }
/* Site Layout - Body Wrap */
레이아웃의 위코드와갓은식으로요~
그래서 레이아웃 의어그러지던곳을수정하였기에
굳이 헤더추가를안했거든요~`
그부분에 혹시나하고 생각이들어 설정에서
<style type="text/css"> * { margin:0; padding:0; } </style>코드를 삽입하니 일단파폭에서도 정상
출력은되었지만은 글쎄요??? 이것이 올바른것인지 제가했깔리네요~^^::
혹시 백짱구님 테스트싸이트레이아웃에도 아래코드를 설정에서 추가하셨나요??
정식버전출범후에 레이아웃오류를 고치기위한응급처방중에
<style type="text/css"> * { margin:0; padding:0; } </style>
이코드아시죠?? 레이아웃 설정에서 헤더부분에 추가시키던.............
저갓은경우는 정식버전 기본 레이아웃을 수정해서 쓰던중이라
이코드를적용안하고 제가수정한부분들의 레이아웃 이이디값에 자체 에 CSS 코드에
margin:0; padding:0; 값을 주었거든요~~
아래갔은식으로요~
@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/
/* Black Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#gnb_sub { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }
#footer { margin:0; padding:0; }
/* Site Layout - Body Wrap */
레이아웃의 위코드와갓은식으로요~
그래서 레이아웃 의어그러지던곳을수정하였기에
굳이 헤더추가를안했거든요~`
그부분에 혹시나하고 생각이들어 설정에서
<style type="text/css"> * { margin:0; padding:0; } </style>코드를 삽입하니 일단파폭에서도 정상
출력은되었지만은 글쎄요??? 이것이 올바른것인지 제가했깔리네요~^^::
2008.03.18 10:19:29 (*.145.92.14)
저같은 경우는 사용중인 레이아웃 css 에 * { margin:0; padding:0; } 를 삽입했습니다.
즉 일일이 margin 과 padding 를 0 으로 주실필요없이 * { margin:0; padding:0; } 를 해당 레이아웃 css에 줌으로해서 모든 마진과 패딩값이 기본으로 0 됨을 뜻합니다. 물론 그후에 따로 값이 들어가는건 새로운 값을 주어야 겠지만요.
<style type="text/css"> * { margin:0; padding:0; } </style> 이렇게 내부에 주시지 마시고 사용중인 레이아웃 css 상단에 * { margin:0 padding:0 } 을 주시면 될듯합니다.
그리고 파일을 새로올렸으니 블랙버전 스타일시트를 다시 다운받아서 덮어씌워주세요.. 이름쪽이 블랙으로 나오네요.^^;
즉 일일이 margin 과 padding 를 0 으로 주실필요없이 * { margin:0; padding:0; } 를 해당 레이아웃 css에 줌으로해서 모든 마진과 패딩값이 기본으로 0 됨을 뜻합니다. 물론 그후에 따로 값이 들어가는건 새로운 값을 주어야 겠지만요.
<style type="text/css"> * { margin:0; padding:0; } </style> 이렇게 내부에 주시지 마시고 사용중인 레이아웃 css 상단에 * { margin:0 padding:0 } 을 주시면 될듯합니다.
그리고 파일을 새로올렸으니 블랙버전 스타일시트를 다시 다운받아서 덮어씌워주세요.. 이름쪽이 블랙으로 나오네요.^^;
2008.03.25 23:32:01 (*.180.158.174)
아쿠아 블랙로그인사용하여 이미지만 변경하여 사용 하고있읍니다.
그런데 아래 그림과같이 분홍색 처리된부분만큼 밀려서 표현이 되는군요.
달리 수정한 것은 없고 이미지 부분만 상단 하단 이미지를 수정하여,
사이즈는 변동 없이 아래와같은 모양으로 수정한거 밖에 없는데요.
로그인시 밀려서 표현 되는것은 어느곳을 수정하면 될까요.

2008.03.26 22:17:42 (*.180.158.174)
분홍색부분은 제가 임의로 그만큼의 갭이 생기는것을 말씀드리기 위해서 색을 입혔구요.
분홍색만큼 밀려서 회원정보보기 이하 레이아웃설정/편집까지 표현되는 것을 수정할 방법이 없는가 해서요..
1e7 , ie8 beta 에서 위의 그림같이 표현되는군요. 파폭3베타는 정상적으로 나오구요.







베타버전때 사용했었는데, 정식버전에 맞추어 나왔군요! 좋은자료 감사해요