레이아웃 스킨 만드는것과 동일하게 로컬에서 다 만드시고 난 후 해당 코드들을 입히시면 됩니다. 그렇다고 해서 디자인이 변형되진 않습니다. 코드를 입히고 나면 최신버전 1.7.7.2의 widgets/login_info/skins/default을 예로하면 login_form.html(로그인전 모습), login_info.html(로그인 후 모습)으로 저장하시면 됩니다.

또한 로그인 스킨만을 따로 타인과 공유하실 목적이 아니고 현재 레이아웃에서만 사용하실 목적이면 그냥 레이아웃 스킨에 포함시키시는게 더 간단할 수도 있습니다.

로그인 스킨 안에 filter폴더를 통째로 레이아웃스킨 폴더에 복사한 후 layout.html 상단에

<load target="filter/login.xml" />
<load target="filter/logout.xml" />
<load target="filter/openid_login.xml" />

넣어주시고 로그인 창이 들어갈 자리에는

<div cond="!$is_logged">

로그인 전 모습

</div>

<div cond="$is_logged">

로그인 후 모습

</div>

넣어주시면 됩니다.

가장 좋은 방법은 하드코딩이겠지만...

드림위버로 해야한다면 우선 스킨을 생각하지 마시고 제작을 합니다.

그리고 완성이 된다면 body 이후에 내용을

기존 위젯을 참고하여 xe 로그인 위젯 스킨에 맞게 변환작업을 해주시면 됩니다.

js와 css는

<load target="자바나css상대경로"/>

를 최상단에 삽입해주시면 되고

로그인 상황에 따른 규칙은

$is_logged로 구분하게 되는데

<!--@(!$is_logged)-->

로그인 화면

<!--@else-->

로그인 후 화면

<!--@end-->

이런식으로 구현 가능하며

mindpainter님께서 말씀하신 것처럼 cond=""라는 값을 사용하셔서 표현도 가능합니다.

cond는 그냥 if문이라고 생각하시면 됩니다.