ㆍ목차

1. 웹메일 디렉토리 구성 2. 디자인 레이아웃 구조 3. 도메인별 디자인 적용 방법 4. 이미지 경로 지정 방법 5. 디자인 수정시 참고사항

1. 웹메일 디렉토리 구성 [목차]

☞ 웹메일 소스 디렉토리 : = $G['LEVEL']['serveradmin'] ) { ?> '서버관리자'로 로그인했을때만 경로가 보입니다.
☞ 프로그램 관련 디렉토리

*.php | 프로그램 소스
addon/ | 추가 프로그램(웹에디터 등)
data/ | 게시판 첨부파일, 세션, 각종 임시파일저장
help/ | 도움말
include/ | 프로그램 라이브러리
sadmin/ | 관리자모드
skin/ | 스킨 디렉토리

☞ 디자인 관련 디렉토리

skin/main/ | 전체 레이아웃, 로그인, 첫화면 디자인
skin/board/ | 게시판 디자인
skin/member/ | 회원관련, 비밀번호찾기 디자인
skin/webmail/ | 편지읽기,주소록,일정관리,환경설정 디자인
skin/webhard/ | 웹하드 디자인

2. 디자인 레이아웃 구조 [목차]

[전체 레이아웃]
skin/main/basic/layout.inc.html (기본화면)
skin/main/basic/layout_window_open.inc.html (새창)

[왼쪽 메뉴] skin/main/basic/ layout_leftmenu.inc.html | [내용] skin/main/basic/index.html (메인화면) skin/member/basic/join.html (회원가입) skin/board/basic/list.html (게시판목록) skin/webmail/basic/mail_list.html (메일목록) ...

3. 도메인별 디자인 적용 방법 [목차]
[main]스킨인 '전체 레이아웃, 로그인, 첫화면 디자인'은 skin/main/ 디렉토리 아래에 파일이 있습니다. 기본으로 'basic' 1개의 스킨이 제공되고 있으므로 도메인마다 다르게 하려면 'basic' 디렉토리를 'basic2' 처럼 다른 이름으로 복사해서 수정하시면 됩니다. (복사해서 사용하는 이유는 기본제공되는 'basic' 스킨의 경우 차후 업데이트가 이루어질 가능성이 있기 때문입니다.) 이렇게 추가된 'basic2' 라는 스킨은 [메일서버관리 - 도메인관리]에서 도메인별로 지정할 수 있게 됩니다.

4. 이미지 경로 지정 방법 [목차]

웹메일 메인화면인 index.php 의 경우 'basic'스킨을 사용중일때는 skin/main/basic/index.html 파일을 보여주게 됩니다.
여기서 사용되는 이미지의 링크 방법과 실제 이미지의 위치는 다음과 같습니다.
이미지 링크) <img src="img/icon_mail.gif">
이미지 위치) skin/main/basic/img/icon_mail.gif
이처럼 전체 경로를 적지 않고 "img/"만 사용해도 되는 이유는 미리 <base>태그를 써서
기본 경로를 skin/main/basic/ 으로 지정해놓고 있기 때문입니다.
이로 인해 HTML에디터 등에서 보다 쉽게 스킨을 수정하실 수 있게 되었습니다.
단, 레이아웃 파일의 경우에는 다음처럼 절대경로용 PHP코드를 추가해야 합니다.
레이아웃 파일) layout.inc.html, layout_leftmenu.inc.html, layout_window_open.inc.html
이미지 링크) <img src="<?= nskindirroot('main') ?>/img/logo.gif">

5. 디자인 수정시 참고사항 [목차]
- 파일 확장자 프로그램 파일은 확장자가 .php로 끝나고, 디자인 파일은 .html로 끝납니다. 프로그램 파일은 차후 업데이트를 고려하여 가급적 수정하지 않는게 좋습니다. - 디자인 수정범위 일반적으로 skin/main/basic/ 에서 전체 레이아웃, 로그인, 첫화면 디자인만 수정하면 됩니다. - 디자인 파일의 보안조치 디자인 파일의 첫라인에는 다음 PHP코드가 들어가 있어서 비정상적인 접근을 방지하고있습니다. <? if ( !defined("_INCLUDED_GLOBAL") ) exit; // [Security]Allow_url_fopen = On ?>

1. 웹메일 디렉토리 구성

☞ 웹메일 서버 디렉토리 : = $G['LEVEL']['serveradmin'] ) { ?> '서버관리자'로 로그인했을때만 경로가 보입니다.
☞ 프로그램 관련 디렉토리

*.php | 프로그램 소스
addon/ | 추가 프로그램(웹에디터)
data/ | 게시판 첨부파일, 세션, 각종 임시파일저장
help/ | 도움말
include/ | 프로그램 라이브러리

☞ 디자인 관련 디렉토리

main_skin/ | 전체 레이아웃, 로그인, 첫화면 디자인
board_skin/ | 게시판 디자인
member_skin/ | 회원관련, 비밀번호찾기 디자인
webmail_skin/ | 편지읽기,주소록,일정관리,환경설정 디자인
sadmin_skin/ | 관리자모드 디자인
img/ | 아이콘, 버튼, 페이징 이미지 등.

2. 디자인 수정시 주의사항

- 파일 확장자
프로그램 파일은 확장자가 .php로 끝나고, 디자인 파일은 .html로 끝납니다.
프로그램 파일은 차후 업데이트를 고려하여 가급적 수정하지 않는게 좋습니다.
- 디자인 수정범위
일반적으로 main_skin/ 에서 전체 레이아웃, 로그인, 첫화면 디자인만 작업하고 계십니다.
- 테이블 디자인
스타일시트(main_skin/style.css)가 적용되어 있으므로 테이블을 직접 수정하는 것보단
css파일에서 색상,굵기,여백등을 지정하셔야 일관된 형태를 유지할 수 있습니다.
- 이미지 경로지정시 주의사항
index.php 의 경우 main_skin/index.html 파일을 내부적으로 읽어와서 화면상에 보여주게 됩니다.
이로 인해 main_skin/index.html 파일에서 이미지경로는 index.php 파일을 기준으로 지정해야 합니다.
ex) <img src="main_skin/index_main.gif">
ex) <img src="img/bar.gif">
- 디자인 파일의 보안조치
디자인 파일의 첫라인에는 다음 PHP코드가 들어가 있어서 비정상적인 접근을 방지하고있습니다.
<? if ( !defined("_INCLUDED_GLOBAL") ) exit; // [Security]Allow_url_fopen = On ?>

3. 전체 레이아웃 구조

main_skin/layout.inc.html

main_skin/ layout_leftmenu.inc.html | main_skin/index.html member_skin/join.html webmail_skin/mail_list.html sadmin_skin/admin.html ...