설정B 미리보기 화면입니다.

1. 폰트,테두리,메뉴 설정

• 폰트를 지정
• 메뉴 테두리의 크기 지정
• 상단메뉴의 배경을 지정 (준비중)

2. 색상 상세설정

• 배경색 상세 지정
• 폰트색 상세 지정
• 메뉴 배경, 폰트색 통합지정

기본컬러 설정에는 크게 2가지 옵션과 하부옵션으로 이루어져 있습니다.

1. 기본컬러

• 현재 8가지의 기본컬러가 있습니다.
• 원하시는 컬러를 선택하시면 됩니다.
• 기본적으로 기본아웃라인컬러, 테두리 색상, 글자 색상, 박스배경색 등이 표시됩니다.
• 자세히 보시면 알 수 있겠습니다만, 왼쪽 첫번째, 두번째는 투명스킨(?) 입니다.

2. 직접입력

• 6가지 색상입력폼이 있습니다.
• 전체아웃라인 : 블로그 전반적으로 기준이 되는 색상입니다.
• 박스테두리 : 메뉴, 박스 등의 테두리 색상을 의미합니다.
• 박스배경색상 : 포스트 박스의 배경색상을 의미합니다.(입력이 없으면 투명)
• 폰트메뉴색상 : 메뉴 및 타이틀에 적용될 색상
• 폰트내용색상 : 포스트 박스 및 최근현황 등에 적용될 폰트 색상
• 메뉴배경색상 : 최근현황, 카테고리 등에 적용될 배경 색상(입력이 없으면 투명)
• 색상 적용시 색상표를 이용하실 수 있습니다.

블로그 위치에는 2가지 옵션이 있습니다.

1. 기본정렬

• 왼쪽정렬 : 인터넷 브라우져의 좌측에 배열됩니다.
• 중앙정렬 : 인터넷 브라우져의 중앙에 배열됩니다.
• 오른쪽정렬 : 인터넷 브라우져의 우측에 배열됩니다.
• 화상도가 1024*768 이하인 경우 큰 효과를 볼 수 없습니다.(기본크기 :800px)

2. 직접정렬

• 왼쪽 : 좌측 여백을 픽셀 크기로 설정합니다
• 상단 : 위측 여백을 픽셀 크기로 설정합니다
• 미리보기 : 클릭시 설정한 정렬상황이 미리보기에 나타납니다.

배경스킨 설정에는 세가지 옵션(+1)이 있습니다.

1. 기본세트

• 상단배경 : 블로그의 상단 부분의 배경으로 표시됨
• 전체배경 : 상단 배경이 미치치 않는 곳의 배경으로 표시됨
• 차후 하단배경, 옆배경을 추가시킬 예정입니다.

2. 기본배경

• 기본적인 배경아이콘을 선택, 이용하실 수 있습니다.
• 배경아이콘은 계속 추가될 예정입니다.

3. 직접입력

• 배경색 직접입력을 누르시고 색상표를 선택하여 배경색을 정하실 수 있습니다.
• 직접 오른쪽 폼에 색상표를 입력하실 수 있습니다( # 빼고 입력 )

4. 상단베너 옵션

• 상단베너(메인베너)를 보이거나 숨기실 수 있습니다.
• 상단베너를 숨길 경우 베너가 들어가는 공간의 여백을 정하실 수 있습니다.

하단의 라디오버튼을 누르시면 미리보기를 통해 레이아웃이 변하는 것을 확인하실 수 있습니다.

5가지의 기본 레이아웃이 있습니다.

참고로 상단베너(banner1), 이름베너(banner3)가 들어가면 레이아웃이 약간 틀려집니다.

>>> DanA 스킨 다운로드 <<<

예전에 만들었던 건데...수정할 부분이 남아서 올리지 못했었습니다.
약간 수정을 한 후 지금 올리는건데...소스도 정리해야 하고, 추가해야 할 부분도 많고....
소스를 보시면 아시겠지만 많이 허접합니다...이해하시길...^^;;

-------------------------------------------------------------------------------------------
압축을 풀면 DanA 폴더가 있습니다.
그 안에 dana_func.php에서

$blog_path = "/home/아이디/html/blog"; //절대경로 입력
$bbs_path = "/home/아이디/html/bbs/data/session"; // 세션위치 절대경로
$blog_url = "http://thesimplog.com/blog"; //심플로그가 들어있는 폴더의 URL
$home_name = "심플로그"; //홈페이지 상위 이름

를 수정하신 후 심플로그 스킨폴더(_skin/)에 올리시면 되겠습니다.
-------------------------------------------------------------------------------------------

관리자(사용자)가 로그인 했을 경우 "관리 | 스킨" 메뉴가 나타납니다.
관리메뉴는 심플로그 블로그 디자인 수정으로 들어가게 되고...
스킨메뉴는 skin.php 를 불러와 DanA 스킨의 레이아웃, 배경, 위치, 색상등을 변경할 수 있게 됩니다.

레이아웃 변경을 위해, 색상, 위치등의 변경을 위해 스킨을 통째로 만들지 않고, 스킨하나로 변경할 수 있도록 한 것입니다.
블로그 사용자 입장에서 다른 블로그처럼 편하게 지정할 수 있었으면 하는게 나의 바램이었답니다.

참고로...미리보기를 아이프레임을 통해 실시간?으로 보게끔 했습니다. 이러면 서버에 무리가 갈 수도 있겠지만 미리보기가 너무 불편할 것 같아서....암튼, 의견을 듣고 난 후....후에 수정, 추가할 부분 고치면서....

좋은 하루 되세요...!!


ps: 스킨 이미지폴더 때문에 용량이 커져 링크시킵니다...링크1을 클릭하면 다운받으실 수 있습니다.
참고로....심플로그...참 잘 만들었는데....지금까지 내가 봐 온 소스중에 제일 어려웠던것 같습니다...
php 쪼금밖에 모르는 저로서는...ㅜ.ㅜ

--------------
소스구성
--------------
----------------------------------------------------------------------------
img 폴더 : 배경, 아이콘 스킨폴더입니다.
skin.php : DanA 스킨의 디자인 변경을 위한 파일.
skin_preview.php : 미리보기파일
dana_func.php : 기본경로 및 기본색상을 정리한 파일
dana.js : DanA 스킨을 위한 자바스크립트 파일
index.html : 심플로그 스킨파일
----------------------------------------------------------------------------