본문 바로가기

blog/xe

XE 홈페이지처럼 레이어로 로그인창 띄우기

xe_official_v2


위 그림과 같이 XE 공식 홈페이지처럼 레이어 로그인창을 띄우는 소스는 "xe_official_v2"에서 찾을 수 있습니다.

xe_official_v2 레이아웃 스킨 [다운로드]

"xe_official_v2" 레이아웃을 다운받아 그 안을 살펴보면 아래 그림과 같이 5개의 파일이 있습니다.

xe_official_v2


그중에 레이어 로그인창을 띄우는 소스는 "CSS"폴더의 "layout@official.css"와 "filter"폴더의 "login.xml","openid_login.xml"
그리고 "img"폴더의 "bgLoginText.gif","bgOpenidText.gif","buttonCloseX.gif","buttonLogin.gif","buttonLoginAction.gif","buttonLogout.gif"
마지막으로 "layout.html"파일입니다.

xe_official_v2


로그인폼을 그대로 사용하시려면 파일 수정하실 필요없이, 해당 파일을 지금 쓰고 있는 레이아웃에 덧붙여 주시면 됩니다.
수정을 하려면 위 그림의 파일을 수정하시면 됩니다.