스킨은 h계열, v계열, l계열로 제공되며
h계열은 수평형으로 로그인창을 수평모양으로 사용하고자 할 경우 사용합니다.
v계열은 수직형으로 가장 일반적인 로그인창입니다.
l계열은 수평형보다 긴 형태로 페이지 폭을 전부 로그인창으로 사용하고자 할 때 사용합니다.
제품구입 초기시 기본은 vOrange라는 수직형 로그인창입니다.
1 <? ob_start(); ?>
2 <? include "$DOCUMENT_ROOT/AsaMember/index.php"; ?>
1은 각 페이지의 최상단에 복사하여 붙여 넣습니다. 반드시 해당 html 문서의 첫째 줄에 넣으셔야 합니다. 2는 실질적으로 로그인창이 나타날 곳에 붙여 넣습니다.
예 )
<? ob_start(); ?>
<html><head> ... </head>
<body>
<table><tr><td>
<? include "$DOCUMENT_ROOT/AsaMember/index.php"; ?> <!-- 여기에 로그인 창이 나타납니다. -->
</td>
<td> 이곳에 본문 내용이 들어갑니다. </td></tr></table>
</body>
</html>
이제 위 파일을 저장한 뒤 웹에 올리면 회원관리 로그인 창이 뜰 것입니다. 성공적으로 작동한다면, 아래 옵션 조정 및 환경설정 파일을 고쳐 자신의 홈페이지에 어울리는 모양으로 수정할 수 있습니다.
[주의사항] 아사멤버 회원관리 프로그램은 인터넷에 연결된 서버 컴퓨터에서만 작동하므로, 개인 PC에서는 테스트할 수 없습니다. 위 파일을 자신의 웹호스팅 또는 서버호스팅 계정에 올린 뒤 테스트하시기 바랍니다.
각종 옵션
로그인 창에 관한 옵션변수로 다음 3가지가 있습니다.
$asmLoginBoxStyle
$whereIsAsaMemer
$asmWidth
(1) 로그인 창의 모양 변경
먼저 $asmLoginBoxStyle는 로그인창의 모양을 정의하는 변수로 정의를 하지 않으시면 vOrange라는 값을 가지고 있습니다. 만약 다른 것으로 바꾸고 싶으시면 2번의 include 앞에 아래와 같이 써 주시면 됩니다.
$asmLoginBoxStyle = '스킨이름';
예 )
<?
$asmLoginBoxStyle = 'hViolet';
include "$DOCUMENT_ROOT/AsaMember/index.php";
?>
(2) 로그인 창의 가로폭 지정 $asmWidth는 로그인창의 폭을 지정하는 변수로 정의를 하지 않으시면 100%라는 값을 가지고 있습니다. 만약 다른 것으로 바꾸고 싶으시면 2번의 include 앞에 아래와 같이 써 주시면 됩니다.
$asmWidth = '가로폭';
예 )
<?
$asmWidth = '150px';
include "$DOCUMENT_ROOT/AsaMember/index.php";
?>
환경설정 파일
스킨과 관련된 세부 설정사항(색, 글자모양, 글꼴 등)을 변경하고자 하시면 스킨 디렉토리 내부의 'tpl.config'라는 파일을 수정하시면 됩니다. 아래 예제는 vOrange 스킨의 tpl.config 파일의 내용입니다.
<?
$mainColor_field = '#FFFFFF'; // 로그인창의 '로그인'이라 쓰여진 곳의 바탕색입니다.
$mainColor_input = '#FFFFFF'; // '입력박스'가 있는 곳의 바탕색입니다.
$sndColor = '#EEEEEE'; // '로그인 버튼'이 있는 곳의 바탕색입니다.
$optColor_1 = '#FFA939'; // '회원가입' 및 '암호분실'이라고 쓰여진 곳의 바탕색입니다.
$optColor_2 = '#E59834'; // '회원통계' 및 '회원목록'이라고 쓰여진 곳의 바탕색입니다.
?>
주의 : 스킨의 종류에 따라 아이디, 패스워드 부분이 텍스트가 아닌 이미지로 되어 있는 경우 그 부분은 변수를 바꾸어도 적용되지 않습니다.
사용방법
제품구입 초기시 기본은 vOrange라는 수직형 로그인창입니다.
