서브메뉴

Textcube : 44개의 컨텐츠

  1. 2008/04/03 Textcube 스킨 제작 매뉴얼 - 5. 마무리 (index.xml)
  2. 2008/04/03 Textcube 스킨 제작 매뉴얼 - 4. 스타일 (style.css)
  3. 2008/04/03 Textcube 스킨 제작 매뉴얼 - 3. 치환자 (skin.html)
  4. 2008/04/03 Textcube 스킨 제작 매뉴얼 - 2. 스킨의 구조
  5. 2008/04/03 Textcube 스킨 제작 매뉴얼 - 1. 디자인 구상
  6. 2008/04/03 Textcube 스킨 제작 매뉴얼 - 첫페이지
  7. 2008/03/03 Textcube 스킨 태그 정리
  8. 2008/03/01 Textcube 시스템 정보
  9. 2008/03/01 Textcube 사용자 제어판
  10. 2008/03/01 Textcube 블로그 제어판
  11. 2008/03/01 Textcube 오픈아이디
  12. 2008/03/01 Textcube 데이터 관리
  13. 2008/03/01 Textcube 스팸 필터
  14. 2008/03/01 Textcube 팀블로그 설정
  15. 2008/03/01 Textcube 팀블로그
  16. 2008/03/01 Textcube 계정 정보
  17. 2008/03/01 Textcube 글 작성 설정
  18. 2008/03/01 Textcube 블로그 설정
  19. 2008/03/01 Textcube 플러그인 설정 관리
  20. 2008/03/01 Textcube 플러그인
  21. 2008/03/01 Textcube 사이드바
  22. 2008/03/01 Textcube 출력 설정
  23. 2008/03/01 Textcube 스킨 편집
  24. 2008/03/01 Textcube 스킨매니저
  25. 2008/03/01 Textcube 스킨 선택
  26. 2008/03/01 Textcube 리더
  27. 2008/03/01 Textcube 친구 링크 관리
  28. 2008/03/01 Textcube 링크
  29. 2008/03/01 Textcube 휴지통
  30. 2008/03/01 Textcube 분류 관리

스킨 제작 매뉴얼 - 5. 마무리 (index.xml)

Step05 : 마무리 (index.xml)

스킨을 제작했다면 다음 상황을 점검해 봐야 합니다.

  • 스킨의 미리보기 이미지파일인 preview.gif (size : 150 X 150)이 있는지...
  • 스킨의 디자인에 맞춘 출력을 설정해주는 index.xml 파일을 생성 했는지...

이 두가지 파일이 없어도 스킨의 구성에는 크게 문제는 없지만, 자신이 제작한 스킨의 완성도롤 높이려면 꼭 필요한 파일입니다.

스킨 정보 파일 설명

information : 스킨 관련 정보
  • name : 스킨 이름
  • version : 스킨 버전
  • description : 스킨에 대한 설명
  • license : 스킨의 저작권
author : 제작자 정보
  • name : 제작자 이름
  • homepage : 제작자 홈페이지
  • email : 제작자 이메일
default : 스킨에 맞춘 기본 출력값
  • recentEntries : 사이드바의 최근글 표시 갯수
  • recentComments : 사이드바의 최근 댓글 표시 갯수
  • recentTrackbacks : 사이드바의 최근 트랙백 표시 갯수
  • itemsOnGuestbook : 한페이지에 표시될 방명록 갯수 ***
  • tagsInCloud : 사이드바에 표시될 태그 갯수
  • sortInCloud : 태그 클라우드 표현 방식 (1:인기도순, 2:이름순, 3:랜덤)
  • expandComment : 댓글영역 표현 방식 (0:감추기, 1:펼치기)
  • expandTrackback : 트랙백영역 표현 방식 (0:감추기, 1:펼치기)
  • lengthOfRecentNotice : 최근 공지 표현될 글자수
  • lengthOfRecentEntry : 최근 글 표현될 글자수
  • lengthOfRecentComment : 최근 댓글에 표현될 글자수
  • lengthOfRecentTrackback : 최근 트랙백에 표현될 글자수
  • lengthOfLink : 링크에 표현될 글자수
  • showListOnCategory : 카테고리 클릭시 리스트 표현(0:숨김, 1:보임)
  • showListOnArchive : 글보관함 클릭시 리스트 표현(0:숨김, 1:보임)
  • commentMessage : 댓글 표현 방법
    • none : 댓글이 하나도 없을때
    • single : 댓글이 하나 있을때
  • trackbackMessage : 트랙백 표현 방법
    • none : 트랙백이 하나도 없을때
    • single : 댓글이 하나 있을때
  • tree : 카테고리
    • color : 카테고리 글자색
    • bgColor : 카테고리 배경색
    • activeColor : 선택시 글자색
    • activeBgColor : 선택시 배경색
    • labelLength : 표현될 카테고리 글자 수
    • showValue : 카테고리 글 수 표현(0:숨김, 1:보임)
  • contentWidth : 컨텐츠영역 가로 사이즈, 이 사이즈에 맞춰 에디터의 위지윅이 제대로 구현된다.

샘플 보기 : 티스토리 기본 스킨의 예

<?xml version="1.0" encoding="utf-8"?>
<skin>
<information>
<name>기본 스킨</name>
<version>1.1</version>
<description>
<![CDATA[ 웹표준을 준수한 XHTML 기반의 Tistory 기본 스킨입니다.
시맨틱한 웹을 유지하기 위해 디자인 부분을 style.css 파일에 독립시켜 적용하였으며
자유롭게 디자인을 수정하실 수 있습니다.
블로그 이미지 사이즈 190px, 컨텐츠의 가로 사이즈 500px에 최적화되어 있습니다.
]]>
</description>
<license>
<![CDATA[자유롭게 수정이 가능하며, 저작권 표시하에 재배포 가능합니다.]]>
</license>
</information>
<author>
<name>leezche</name>
<homepage>http://www.plyfly.net</homepage>
<email>leezche@gmail.com</email>
</author>
<default>
<recentEntries>5</recentEntries>
<recentComments>5</recentComments>
<recentTrackbacks>5</recentTrackbacks>
<itemsOnGuestbook>10</itemsOnGuestbook>
<tagsInCloud>30</tagsInCloud>
<sortInCloud>3</sortInCloud>
<expandComment>0</expandComment>
<expandTrackback>0</expandTrackback>
<lengthOfRecentNotice>25</lengthOfRecentNotice>
<lengthOfRecentEntry>27</lengthOfRecentEntry>
<lengthOfRecentComment>30</lengthOfRecentComment>
<lengthOfRecentTrackback>30</lengthOfRecentTrackback>
<lengthOfLink>30</lengthOfLink>
<showListOnCategory>1</showListOnCategory>
<showListOnArchive>1</showListOnArchive>
<commentMessage>
<none>댓글이 없습니다.</none>
<single>댓글 &lt;span class="cnt"&gt;하나&lt;/span&gt; 달렸습니다.</single>
</commentMessage>
<trackbackMessage>
<none>받은 트랙백이 없고</none>
<single>트랙백은 &lt;span class="cnt"&gt;하나&lt;/span&gt;</single>
</trackbackMessage>
<tree>
<color>000000</color>
<bgColor>ffffff</bgColor>
<activeColor>000000</activeColor>
<activeBgColor>eeeeee</activeBgColor>
<labelLength>27</labelLength>
<showValue>1</showValue>
</tree>
<contentWidth>500</contentWidth>
</default>
</skin>

참고 : 이미지로 보기

스킨정보파일 설명 이미지로 보기
2008/04/03 18:57 2008/04/03 18:57
46개의 걸린 글 과    0개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/manual/rss/response/78

스킨 제작 매뉴얼 - 4. 스타일 (style.css)

Step04 : 스타일 (style.css)

태터툴즈는 페이징이나 카테고리, 달력등 기본으로 정의 되어야 하는 스타일이 존재합니다.

페이징

  1. 현재 선택된 있는 페이지 스타일

    클래스명
    .selected { }
    이미지 보기
    현재 선택되어 있는 페이지
    사용 예
    .selected
    {
    text-align:center;
    border-right:1px solid #ccc;
    padding-right:10px;
    margin-right:10px;
    font-weight:bold;
    color:#f30;
    }
  2. 첫페이지 또는 마지막 페이지 선택시 이전페이지, 다음 페이지 스타일

    클래스명
    .no-more-prev { }
    .no-more-next { }
    이미지 보기
    더이상 페이지가 없음
    사용 예
    .no-more-prev,
    .no-more-next
    {
    color:#ccc;
    }

카테고리

  1. 카테고리의 폴더이미지를 포함하고 있는 셀의 스타일 (td 영역)

    클래스 명
    .ib { }
    이미지 보기
    카테고리
    사용 예
    .ib
    {
    cursor:pointer;
    }
  2. 카테고리의 텍스트를 포함하고 있는 셀의 스타일 (td 영역)

    클래스 명
    .branch3 { }
    이미지 보기
    카테고리의 텍스트를 포함하고 있는 셀
    사용 예
    .branch3
    {
    cursor:pointer;
    }
  3. 카테고리옆 갯수를 나타내는 숫자의 스타일

    클래스 명
    .c_cnt { }
    이미지 보기
    카테고리에 포함된 글의 갯수
    사용 예
    .c_cnt
    {
    font:0.75em Tahoma; color:#f30;
    }

달력

  1. 달력의 년월일, 이전달, 다음달을 표시하는 스타일

    클래스 명
    .cal_month { }
    이미지 보기
    달력의 년월일
    사용 예
    .cal_month
    {
    font-size:0.85em;
    height:18px;
    font-weight:bold;
    }
  2. 달력의 요일명을 표시하는 스타일 (th 영역)

    클래스 명
    .cal_week1 { }
    이미지 보기
    달력의 요일명
    사용 예
    .cal_week1
    {
    font:0.95em dotum;
    height:18px;
    font-weight:normal;
    }
  3. 일요일이라는 요일명을 표시하는 스타일 (th 영역)

    클래스 명
    .cal_week2 { }
    이미지 보기
    달력의 일요일이라는 요일명
    사용 예
    .cal_week2
    {
    font:0.95em dotum;
    color:#f30;
    }
  4. 달력의 주(Week) 단위를 표시하는 스타일 (tr 영역)

    클래스 명
    .cal_week { }
    이미지 보기
    달력의 주단위
    사용 예
    a.cal_week
    {
    background-color:#fff;
    }
  5. 달력의 현재 주(Current Week)를 표시하는 스타일 (tr 영역)

    클래스 명
    .cal_current_week { }
    이미지 보기
    달력의 현재 주
    사용 예
    .cal_current_week
    {
    background-color:#eee;
    }
  6. 현재 달을 포함하는 전체 날짜(Day)의 스타일 전체 (td 영역)

    클래스 명
    .cal_day { }
    이미지 보기
    달력의 전체 날짜
    사용 예
    .cal_day
    {
    font-size:0.85em;
    color:#999;
    text-align:center;
    }
  7. 현재 달을 포함하는 전체 날짜의 일요일 스타일 (td 영역)

    클래스 명
    .cal_day_sunday { }
    이미지 보기
    달력의 일요일
    사용 예
    .cal_day_sunday { }
    {
    color:#f30 !important;
    }
    .cal_day_sunday a{ }
    {
    color:#f30 !important;
    }
  8. 해당 달력에서 이전달 날짜를 표시하는 스타일(td 영역) - 현재 이전달 날짜가 출력되고 있지 않습니다

    클래스 명
    .cal_day1 { }
    이미지 보기
    달력의 이전달 날짜
    사용 예
    .cal_day1
    {
    color:#ccc;
    }
  9. 해당 달력에서 다음달 날짜를 표시하는 스타일(td 영역) - 현재 다음달 날짜가 출력되고 있지 않습니다

    클래스 명
    .cal_day2 { }
    이미지 보기
    달력의 다음달 날짜
    사용 예
    .cal_day2
    {
    color:#ccc;
    }
  10. 현재 달력의 이번달 날짜를 표시하는 스타일 (td 영역)

    클래스 명
    .cal_day3 { }
    이미지 보기
    달력의 이번달 날짜
    사용 예
    .cal_day3
    {
    color:#666;
    }
  11. 오늘 날짜를 표시하는 스타일 (td 영역)

    클래스 명
    .cal_day4 { }
    이미지 보기
    오늘 날짜를 표시하는 스타일
    사용 예
    .cal_day4
    {
    color:#000;
    text-decoration:underline;
    }
  12. 글을 작성한 날의 링크 스타일

    클래스 명
    a.cal_click { }
    이미지 보기
    작성한 날의 링크
    사용 예
    a.cal_click:link { color:#333; font-weight:bold;}
    a.cal_click:visited { color:#333; font-weight:bold;}
    a.cal_click:hover { color:#f30; font-weight:bold;}

코멘트, 방명록

  1. 일반 댓글 [##_rp_rep_class_##]

    클래스 명
    .rp_general {}
    이미지 보기
    일반댓글
    사용 예
    .rp_general
    {
    }
  2. 관리자가 올린 댓글 [##_rp_rep_class_##]

    클래스 명
    .rp_admin {}
    이미지 보기
    관리자의 댓글
    사용 예
    .rp_admin
    {
    background:url(images/iconAdmin.gif) no-repeat;
    padding-left:20px;
    }
  3. 비밀 댓글 [##_rp_rep_class_##]

    클래스 명
    .rp_secret {}
    이미지 보기
    비밀 댓글
    사용 예
    .rp_secret
    {
    color:#f30;
    font-weight:bold;
    }
  4. 비밀 댓글(로그인 하지 않았을 경우)

    클래스 명
    .hiddenComment { }
    이미지 보기
    로그아웃시 비밀댓글
    사용 예
    .hiddenComment
    {
    background:url(images/iconSecret.gif) no-repeat;
    padding-left:20px;
    font-weight:normal;
    }
  5. 일반 방명록 글 [##_guest_rep_class_##]

    클래스 명
    .guest_general {}
    이미지 보기
    일반 방명록 글
    사용 예
    .guest_general
    {
     
    }
  6. 관리자가 올린 댓글 [##_guest_rep_class_##]

    클래스 명
    .guest_admin {}
    이미지 보기
    관리자의 방명록 글
    사용 예
    .guest_admin
    {
    background:url(images/iconAdmin.gif) no-repeat;
    padding-left:20px;
    }

그림 표시

  1. 이미지 아래 캡션 스타일

    클래스 명
    .cap1
    이미지 보기
    이미지 아래 캡션
    사용 예
    .cap1
    {
    color:#999;
    text-align:center;
    }
  2. 이미지 블럭

    클래스 명
    .imageblock {}
    이미지 보기
    이미지블럭
    사용 예
    .imageblock {}
    {
    border:1px solid #ddd;
    padding:5px;
    margin:5px 0;
    }
  3. 이미지 왼쪽 정렬

    클래스 명
    .left {}
    사용 예
    .left {}
    {
     
    }
  4. 이미지 가운데 정렬

    클래스 명
    .center {}
    사용 예
    .center {}
    {
     
    }
  5. 이미지 오른쪽 정렬

    클래스 명
    .right {}
    사용 예
    .right {}
    {
     
    }
  6. 그림 2개 배치

    클래스 명
    .dual {}
    이미지 보기
    이미지가 두개 일때 이미지블럭
    사용 예
    .dual {}
    {
    background-color:#eee;
    margin-bottom:5px;
    }
  7. 그림 3개 배치

    클래스 명
    .triple {}
    이미지 보기
    이미지가 세개일때 이미지블럭
    사용 예
    .triple {}
    {
    background-color:#eee;
    margin-bottom:5px;
    }

본문

  1. 더 보기 - more

    클래스 명
    .moreless_fold {}
    이미지 보기
    더보기
    사용 예
    .moreless_fold {}
    {
    background:url(images/iconMore.gif) top left no-repeat;
    padding-left:20px;
    color:#000;
    }
  2. 그만보기 - less

    클래스 명
    .moreless_top {}
    이미지 보기
    그만보기 - 상단
    사용 예
    .moreless_top {}
    {
    background:url(images/iconLess.gif) top left no-repeat;
    padding-left:20px;
    color:#000;
    }
  3. more/less 본문 내용

    클래스 명
    .moreless_body {}
    이미지 보기
    더보기의 내용
    사용 예
    .moreless_Body {}
    {
     
    }
  4. 그만보기 - less

    클래스 명
    .moreless_bottom {}
    이미지 보기
    그만보기 - 하단
    사용 예
    .moreless_bottom {}
    {
    background:url(images/iconLess.gif) top right no-repeat;
    padding-right:20px;
    color:#999;
    text-align:right;
    }
2008/04/03 18:56 2008/04/03 18:56
39개의 걸린 글 과    0개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/manual/rss/response/77

스킨 제작 매뉴얼 - 3. 치환자 (skin.html)

Step03 : 치환자 (skin.html)

시작하기전에

  • 브라우저에 블로그 타이틀과 현재 보고 있는 페이지 제목을 나타내 주려면 다음과 같은 코드를 <head></head> 태그 안에 넣어 주면 됩니다.
    <title>[##_title_##] :: [##_page_title_##]</title>
  • 브라우저에 RSS 버튼을 활성화시키기 위해서는 다음과 같은 코드를 <head></head> 태그 안에 넣어 주면 됩니다.
    <link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]" />
  • 자바스크립트를 지정해줄 영역을 선언하기 위해서 <body>안에 <s_t3></s_t3>를 넣어줘야 합니다

header 영역

해당영역
<div id="header"> ... </div>
이미지 보기
header
  1. 블로그 제목

    사용 치환자
    [##_blog_link_##] : 블로그 주소
    [##_title_##] : '관리자 > 환경설정 > 기본설정'에서 입력된 블로그 제목
    사용예
    <h1><a href="[##_blog_link_##]">[##_title_##]</a></h1>
  2. 블로그 메뉴

    사용 치환자
    [##_localog_link_##] : 위치로그로 이동할 수 있는 주소
    [##_taglog_link_##] : 태그로그로 이동할 수 있는 주소
    [##_guestbook_link_##] : 방명록으로 이동할 수 있는 주소
    사용예
    <div class="blogMenu">
    <ul>
    <li class="tab_localog"><a href="[##_localog_link_##]">위치로그</a> </li>
    <li class="tab_taglog" ><a href="[##_taglog_link_##]">태그</a></li>
    <li class="tab_guestbook" ><a href="[##_guestbook_link_##]">방명록</a></li>
    </ul>
    </div>

content 영역

해당영역
<div id="content"> ... </div>
  1. 검색 결과 리스트

    이미지 보기
    search
    사용 치환자
    <s_list>, </s_list> : 검색시 보여줄 글목록을 출력할 영역입니다
    <s_list_rep>, </s_list_rep> : 글목록을 반복하여 출력하는 기능을 수행합니다
    [##_list_conform_##] : 검색어
    [##_list_count_##] : 검색된 글의 갯수
    [##_list_rep_link_##] : 글의 고유 주소
    [##_list_rep_regdate_##] : 글이 작성된 날짜
    [##_list_rep_title_##] : 글의 제목
    [##_list_rep_rp_cnt_##] : 댓글 수
    [##_list_rep_author_##] : 작성장 이름 (*팀블로그용 치환자)
    사용예
    <s_list>
    <div class="searchList">
    <h3>'[##_list_conform_##]'에 해당되는 글 [##_list_count_##]건</h3>
    <ol>
    <s_list_rep>
    <li>
    <span class="date">[##_list_rep_regdate_##]</span>
    <a href="[##_list_rep_link_##]">[##_list_rep_title_##]</a>
    <span class="cnt">[##_list_rep_rp_cnt_##]</span>
    </li>
    </s_list_rep>
    </ol>
    </div>
    </s_list>
  2. 검색 결과 댓글 리스트

    이미지 보기
    search reply
    사용 치환자
    <s_rplist>, </s_rplist> : 검색시 보여줄 댓글목록을 출력할 영역입니다
    <s_rplist_rep>, </s_rplist_rep> : 글목록을 반복하여 출력하는 기능을 수행합니다
    [##_rplist_conform_##] : 검색어
    [##_rplist_count_##] : 검색된 댓글의 갯수
    [##_rplist_rep_link_##] : 댓글의 고유 주소
    [##_rplist_rep_regdate_##] : 댓글이 달린 날짜
    [##_rplist_rep_body_##] : 댓글 내용의 일부
    [##_rplist_rep_name_##] : 댓글을 쓴 사람의 이름
    사용예
    <s_rplist>
    <div class="searchRplist">
    <h3>'[##_rplist_conform_##]'에 해당되는 댓글 [##_rplist_count_##]건</h3>
    <ol>
    <s_rplist_rep>
    <li>
    <span class="date">[##_rplist_rep_regdate_##]</span>
    <a href="[##_rplist_rep_link_##]">[##_rplist_rep_body_##]</a>
    <span class="cnt">[##_rplist_rep_rp_cnt_##]</span>
    <span class="name">[##_rplist_rep_name_##]</span>
    </li>
    </s_rplist_rep>
    </ol>
    </div>
    </s_rplist>
  3. 위치 로그

    이미지 보기
    local log
    사용 치환자
    <s_local>, </s_local> : '위치로그'메뉴를 클릭시 보여줄 위치로그를 출력할 영역입니다
    <s_local_spot_rep>, </s_local_spot_rep> : '위치로그'의 위치 반복열입니다
    [##_local_spot_depth_##] : 왼쪽부터의 깊이
    [##_local_spot_##] : 장소 이름
    <s_local_info_rep>, </s_local_info_rep> : '위치로그'의 글의 반복열입니다
    [##_local_info_depth_##] : 왼쪽으로부터의 깊이
    [##_local_info_link_##] : 글의 고유 주소
    [##_local_info_title_##] : 글의 제목
    [##_local_info_author_##] : 작성자 이름 (* 팀블로그용 치환자)
    사용예
    <s_local>
    <div class="localog">
    <h3>위치로그</h3>
    <s_local_spot_rep>
    <div class="spot" style="margin-left: [##_local_spot_depth_##]px">
    [##_local_spot_##]
    </div>
    </s_local_spot_rep>
    <s_local_info_rep>
    <div class="info" style="margin-left: [##_local_info_depth_##]px">
    <a href="[##_local_info_link_##]">[##_local_info_title_##]</a>
    </div>
    </s_local_info_rep>
    </div>
    </s_local>
  4. 태그 클라우드

    이미지 보기
    tag log
    사용 치환자
    <s_tag>, </s_tag> : '태그'메뉴를 클릭시 보여줄 태그를 출력할 영역입니다
    <s_tag_rep>, </s_tag_rep> : '태그'의 반복열입니다
    [##_tag_link_##] : 개별 Tag 들에 관련된 글을 출력하기 위한 URL
    [##_tag_class_##] : Tag Cloud 의 크기나 색깔을 설정할 수 있도록 해줍니다. 총 5단계의 레벨을 가지고 있으며, cloud1 ~ cloud5 까지 큰 것에서 작은 순서를 나타냅니다. 이 기능을 가지고 style 을 조정하시여 원하시는 스타일의 Tag Cloud 를 만드실 수 있습니다
    [##_tag_name_##] : 태그의 이름
    사용예
    <s_tag>
    <div class="taglog">
    <h3>태그</h3>
    <ul>
    <s_tag_rep>
    <li>
    <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a>
    </li>
    </s_tag_rep>
    </ul>
    </div>
    </s_tag>
  5. 방명록

    해당영역
    <div class="guestbook"></div>
    이미지 보기
    guestbook
    사용 치환자
    <s_guest>, </s_guest> : '방명록'메뉴를 클릭시 보여줄 방명록을 출력할 영역입니다
    사용예
    <s_guest>
    <div class="guestbook">
    <h3>방명록</h3>
    <div class="guestWrite">15-1 글쓰기</div>
    <div class="guestList">15-2 리스트 </div>
    </div>
    </s_guest>
    15-1. 방명록 글쓰기
    사용 치환자
    <s_guest_input_form>, </s_guest_input_form> :
    <s_guest_member>, </s_guest_member> :
    <s_guest_form>, </s_guest_form> :
    [##_guest_input_name_##] : 이름입력 박스 이름
    [##_guest_name_##] : 이름
    [##_guest_input_password_##] : 비밀번호 입력 박스 이름
    [##_guest_password_##] : 비밀번호
    [##_guest_input_homepage_##] : 홈페이지 입력 박스 이름
    [##_guest_homepage_##] : 홈페이지
    [##_guest_textarea_body_##] : 글 내용 입력박스 이름
    [##_guest_onclick_submit_##] : 입력 완료 온클릭 이벤트
    사용예
    <s_guest_input_form>
    <div class="guestWrite">
    <s_guest_member>
    <s_guest_form>
    <p>
    <input type="text" name="[##_guest_input_name_##]" value="[##_guest_name_##]" /> <label for="name"> : 이름 </label>
    </p>
    <p>
    <input type="password" maxlength="8" name="[##_guest_input_password_##]" value="[##_guest_password_##]" /> <label for="password"> : 패스워드 </label>
    </p>
    <p>
    <input type="text" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" /> <label for="homepage"> : 홈페이지 </label>
    </p>
    </s_guest_form>
    </s_guest_member>
    <p>
    <textarea name="[##_guest_textarea_body_##]" cols="50" rows="6"></textarea>
    </p>
    <p>
    <input type="submit" value="안부 남기기" onclick="[##_guest_onclick_submit_##]"/>
    </p>
    </div>
    </s_guest_input_form>
    15-2. 방명록 리스트
    사용 치환자
    <s_guest_container>, </s_guest_container> : 등록된 '방명록' 리스트를 출력할 영역입니다
    <s_guest_rep>, </s_guest_rep> : '방명록' 리스트의 반복열입니다
    <s_guest_reply_container>, </s_guest_reply_container> : '방명록'의 댓글 리스트를 출력할 영역입니다.
    <s_guest_reply_rep>, </s_guest_reply_rep> : '방명록' 댓글 리스트의 반복열입니다
    [##_guest_rep_id_##] :
    [##_guest_rep_class_##] :
    [##_guest_rep_name_##] : 글쓴사람 이름
    [##_guest_rep_date_##] : 글쓴 날짜
    [##_guest_rep_desc_##] : 글 내용
    [##_guest_rep_onclick_delete_##] : 답글 삭제 온클릭 이벤트
    [##_guest_rep_onclick_reply_##] : 답글 수정 온클릭 이벤트
    사용예
    <s_guest_container>
    <div class="guestList">
    <ol>
    <s_guest_rep>
    <li id='[##_guest_rep_id_##]'>
    <div class="[##_guest_rep_class_##]">
    <span class="name">[##_guest_rep_name_##]</span>
    <span class="date"> [##_guest_rep_date_##]</span>
    <span class="control">
    <a href="#" onclick="[##_guest_rep_onclick_delete_##]">MODIFY/DELETE</a>
    <a href="#" onclick="[##_guest_rep_onclick_reply_##]">REPLY</a>
    </span>
    <p>[##_guest_rep_desc_##]</p>
    </div>
    <s_guest_reply_container>
    <ul>
    <s_guest_reply_rep>
    <li id='[##_guest_rep_id_##]'>
    <div class="[##_guest_rep_class_##]">
    <span class="name">[##_guest_rep_name_##]</span>
    <span class="date"> [##_guest_rep_date_##]</span>
    <span class="control">
    <a href="#" onclick="[##_guest_rep_onclick_delete_##]">
    MODIFY/DELETE </a>
    </span>
    <p>[##_guest_rep_desc_##]</p>
    </div>
    </li>
    </s_guest_reply_rep>
    </ul>
    </s_guest_reply_container>
    </li>
    </s_guest_rep>
    </ol>
    </div>
    </s_guest_container>
  6. 공지사항 글

    이미지 보기
    notice
    사용 치환자
    <s_notice_rep>, </s_notice_rep> : '공지사항'이 출력되는 영역입니다
    [##_notice_rep_link_##] : '공지사항'에 등록된 글의 고유 주소
    [##_notice_rep_title_##] : 글 제목
    [##_notice_rep_date_##] : 글쓴 날짜
    [##_notice_rep_desc_##] : 본문 내용
    [##_notice_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
    사용예
    <s_notice_rep>
    <div class="entryNotice">
    <div class="titleWrap">
    <h2><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></h2>
    <span class="date"> [##_notice_rep_date_##]</span>
    </div>
    <div class="article">
    [##_notice_rep_desc_##]
    </div>
    </div>
    </s_notice_rep>
  7. 보호 글

    이미지 보기
    protected
    사용 치환자
    <s_article_protected>, </s_article_protected> : '보호글'이 출력되는 영역입니다
    [##_article_rep_link_##] : 보호글의 고유 주소
    [##_article_rep_title_##] : 보호글의 제목
    [##_article_rep_date_##] : 글쓴 날짜
    [##_article_password_##] :
    [##_article_dissolve_##] :
    [##_article_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
    사용예
    <s_article_protected>
    <div class="entryProtected">
    <h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
    <span class="date">[##_article_rep_date_##]</span>
    <p>보호되어 있는 글입니다. 내용을 보시려면 비밀번호를 입력하세요.</p>
    <p><label for="password">비밀번호 ::</label>
    <input type="password" maxlength="16" id="password" name="[##_article_password_##]" value="" onkeydown="if (event.keyCode == 13)[##_article_dissolve_##]" />
    <input type="button" class="submit" value="submit" onclick="[##_article_dissolve_##]" />
    </p>
    </div>
    </s_article_protected>
  8. 해당영역
    <div class="entry"></div>
    사용 치환자
    <s_article_rep>, </s_article_rep> : 블로그 글이 출력되는 영역입니다
    사용예
    <s_article_rep>
    <div class="entry"> 18. 글
    <div class="titleWrap">18-1. 글 제목 | 카테고리 | 작성일 | 글 관리 </div>
    <div class="article">18-2. 본문 </div>
    <div class="tagTrail">18-3. 글 관련 태그 </div>
    <div class="actionTrail">18-4. 트랙백 | 댓글 </div>
    <div class="trackback">18-5. 트랙백 리스트 </div>
    <div class="comment">18-6. 댓글
    <div class="commentList">18-6-1. 댓글 리스트 </div>
    <div class="commentWrite">18-6-2. 댓글 쓰기 </div>
    </div>
    </div>
    </s_article_rep>
    18-1. 글 관련 정보 : 글제목, 카테고리, 날짜, 관리자
    이미지 보기
    title
    사용 치환자
    [##_article_rep_link_##] : 블로그 글의 고유 주소
    [##_article_rep_title_##] : 블로그 제목
    [##_article_rep_category_link_##] : 카테고리 링크
    [##_article_rep_category_##] : 카테고리 명
    [##_article_rep_date_##] : 글쓴 날짜
    [##_article_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
    <s_ad_div>, </s_ad_div> : 관리자 로그인시 글 관리 메뉴가 출력되는 영역입니다.
    [##_s_ad_m_link_##] : 수정
    [##_s_ad_m_onclick_##] : 수정 온클릭 이벤트
    [##_s_ad_s1_label_##] : 글의 현재 상태
    [##_s_ad_s2_onclick_##] : 상태 변경 온클릭 이벤트
    [##_s_ad_s2_label_##] : 이후 상태
    [##_s_ad_t_onclick_##] : 트랙백 온클릭 이벤트
    [##_s_ad_d_onclick_##] : 삭제 온클릭 이벤트
    사용예
    <div class="titleWrap">
    <h2><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></h2>
    <div class="category"><a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a> </div>
    <div class="date">[##_article_rep_date_##]</div>
    <s_ad_div>
    <div class="admin">
    <a href="[##_s_ad_m_link_##]">수정</a> :
    <a href="#" onclick="[##_s_ad_m_onclick_##]">수정(창으로)</a> |
    ([##_s_ad_s1_label_##])→<a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a> |
    <a href="#" onclick="[##_s_ad_t_onclick_##]">관련글(트랙백)</a> |
    <a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a>
    </div>
    </s_ad_div>
    </div>
    18-2. 블로그 글
    이미지 보기
    article
    사용 치환자
    [##_article_rep_desc_##] : 블로그 본문 내용
    사용예
    <div class="article">
    [##_article_rep_desc_##]
    </div>
    18-3. 글 관련 태그
    이미지 보기
    tag
    사용 치환자
    <s_tag_label>, </s_tag_label> : 글과 관련된 태그가 출력되는 영역입니다.
    [##_tag_label_rep_##] : 태그 반복 출력
    사용예
    <s_tag_label>
    <div class="tagTrail">
    <span class="tagText">TAG </span> [##_tag_label_rep_##]
    </div>
    </s_tag_label>
    18-4. 트랙백과 댓글 보이기/감추기
    이미지 보기
    article
    사용 치환자
    <s_tb_count>, </s_tb_count> : 트랙백의 갯수를 출력하는 영역
    <s_rp_count>, </s_rp_count> : 댓글의 갯수를 출력하는 영역
    [##_article_rep_tb_link_##] : 트랙백을 열고 닫는 온클릭 이벤트
    [##_article_rep_tb_cnt_##] : 도착한 트랙백 수
    [##_article_rep_rp_link_##] : 댓글을 열고 닫는 온클릭 이벤트
    [##_article_rep_rp_cnt_##] : 답글 수
    사용예
    <div class="actionTrail">
    <a href="#tb" onclick="[##_article_rep_tb_link_##]">
    <s_tb_count>
    트랙백 <span class="cnt">[##_article_rep_tb_cnt_##]</span>개
    </s_tb_count>
    </a>
    ,
    <a href="#rp" onclick="[##_article_rep_rp_link_##]">
    <s_rp_count>
    댓글 <span class="cnt">[##_article_rep_rp_cnt_##]</span>개가 달렸습니다.
    </s_rp_count>
    </a>
    </div>
    18-5. 트랙백
    이미지 보기
    trackback
    사용 치환자
    <s_tb>, </s_tb> : 받은 트랙백이 출력되는 영역입니다
    [##_tb_address_##] : 이 글의 트랙백 주소
    <s_tb_container>, </s_tb_container> :
    <s_tb_rep>, </s_tb_rep> : 받은 트랙백을 반복 출력합니다
    [##_tb_rep_id_##] :
    [##_tb_rep_url_##] : 보낸 트랙백 글의 고유 주소
    [##_tb_rep_title_##] : 트랙백 제목
    [##_tb_rep_site_##] : 트랙백 보낸 블로그 주소
    [##_tb_rep_date_##] : 트랙백 보낸 시간
    [##_tb_rep_onclick_delete_##] : 트랙백 삭제 온클릭 이벤트
    [##_tb_rep_desc_##] : 트랙백 본문의 일부
    사용예
    <s_tb>
    <div class="trackback">
    <h3>Trackback Address :: [##_tb_address_##]</h3>
    <s_tb_container>
    <ol>
    <s_tb_rep>
    <li id="[##_tb_rep_id_##]">
    <h4>Subject: <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false" rel="external nofollow">[##_tb_rep_title_##]</a></h4>
    <span class="from">Tracked from <span class="name"> [##_tb_rep_site_##] </span> </span>
    <span class="date">[##_tb_rep_date_##]</span>
    <a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false" class="delete">&nbsp;<span>삭제</span></a>
    <p>[##_tb_rep_desc_##]</p>
    </li>
    </s_tb_rep>
    </ol>
    </s_tb_container>
    </div>
    </s_tb>
    18-6. 댓글
    이미지 보기
    comment
    사용 치환자
    <s_rp>, </s_rp> : 달린 댓글이 출력되는 영역입니다
    사용예
    <s_rp>
    <div class="comment">
    <h3>댓글을 달아 주세요 </h3>
    <div class="commentList">18-6-1 리스트 </div>
    <div class="commentWrite">18-6-2 글쓰기 </div>
    </div>
    </s_rp>
    18-6-1. 댓글 리스트
    사용 치환자
    <s_rp_container> , </s_rp_container> : 달린 댓글이 출력되는 영역입니다
    <s_rp_rep>, </s_rp_rep> : 댓글이 반복 출력됩니다
    <s_rp2_container>, </s_rp2_container> : 댓글에 댓글이 출력되는 영역
    <s_rp2_rep>, </s_rp2_rep> : 댓글에 댓글이 반복 출력됩니다
    [##_rp_rep_id_##] : 전체 코멘트영역을 가리키는 아이디 - (최신 댓글을 클릭했을때 이 위치로 이동)
    [##_rp_rep_class_##] : 비밀글, 관리자, 일반글에 따른 스타일을 지정하기 위한 치환자
    [##_rp_rep_name_##] : 댓글 단 사람 이름
    [##_rp_rep_date_##] : 댓글이 달린 날짜
    [##_rp_rep_desc_##] : 댓글 내용
    [##_rp_rep_link_##] : 댓글 주소
    [##_rp_rep_onclick_delete_##] : 댓글 수정/삭제 온클릭 이벤트
    [##_rp_rep_onclick_reply_##] : 댓글에 댓글 달기 온클릭 이벤트
    사용예
    <div class="commentList">
    <s_rp_container>
    <ol>
    <s_rp_rep>
    <li id='[##_rp_rep_id_##]'>
    <div class="[##_rp_rep_class_##]">
    <span class="name">[##_rp_rep_name_##]</span>
    <span class="date"> [##_rp_rep_date_##]</span>
    <span class="control">
    <a href="[##_rp_rep_link_##]" class="address">&nbsp;<span>댓글주소</span></a>
    <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">&nbsp;<span>수정/삭제</span></a>
    <a href="#" onclick="[##_rp_rep_onclick_reply_##]" class="write">&nbsp;<span>댓글쓰기</span></a>
    </span>
    <p>[##_rp_rep_desc_##]</p>
    </div>
    <s_rp2_container>
    <ul>
    <s_rp2_rep>
    <li id='[##_rp_rep_id_##]'>
    <div class="[##_rp_rep_class_##]">
    <span class="name">[##_rp_rep_name_##]</span>
    <span class="date"> [##_rp_rep_date_##]</span>
    <span class="control">
    <a href="[##_rp_rep_link_##]" class="address">&nbsp;<span>댓글주소</span> </a>
    <a href="#" onclick="[##_rp_rep_onclick_delete_##]" class="modify">&nbsp;<span>수정/삭제</span></a>
    </span>
    <p>[##_rp_rep_desc_##]</p>
    </div>
    </li>
    </s_rp2_rep>
    </ul>
    </s_rp2_container>
    </li>
    </s_rp_rep>
    </ol>
    </s_rp_container>
    </div>
    18-6-2. 댓글 쓰기
    사용 치환자
    <s_rp_input_form>, </s_rp_input_form> : 댓글을 달기 위한 입력폼을 출력합니다
    <s_rp_member>, </s_rp_member> : 로그인을 하지 않았거나 블로그 소유자가 아닌경우 보여지는 영역
    <s_rp_guest>, </s_rp_guest> : 로그인을 하지 않았을경우 보여지는 영역
    [##_article_rep_id_##] :
    [##_rp_input_name_##] : 이름 입력 박스 이름
    [##_guest_name_##] : 이름 입력
    [##_rp_input_password_##] : 비밀번호 입력 박스 이름
    [##_rp_admin_check_##] :
    [##_rp_input_homepage_##] : 홈페이지 입력 박스 이름
    [##_guest_homepage_##] : 홈페이지 입력
    [##_rp_input_is_secret_##] : 비밀글 체크박스 이름
    [##_rp_input_comment_##] : 댓글 입력 박스 이름
    [##_rp_onclick_submit_##] : 댓글 입력 온클릭 이벤트
    사용예
    <s_rp_input_form>
    <div class="commentWrite">
    <s_rp_member>
    <s_rp_guest>
    <p>
    <input type="text" name="[##_rp_input_name_##]" value="[##_guest_name_##]" />
    <label for="name"> : 이름 </label>
    </p>
    <p>
    <input type="password" maxlength="8" name="[##_rp_input_password_##]" value="[##_rp_admin_check_##]" />
    <label for="password"> : 패스워드 </label>
    </p>
    <p>
    <input type="text" class="homepage" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]"/>
    <label for="homepage"> : 홈페이지 </label>
    </p>
    </s_rp_guest>
    <p class="secretWrap">
    <input type="checkbox" name="[##_rp_input_is_secret_##]" class="checkbox" />
    <label for="secret"> 비밀글 </label>
    </p>
    </s_rp_member>
    <p>
    <textarea name="[##_rp_input_comment_##]" rows="10" cols="50"></textarea>
    </p>
    <p>
    <input type="submit" value="댓글 달기" onclick="[##_rp_onclick_submit_##]" />
    </p>
    </div>
    </s_rp_input_form>
  9. 페이지

    이미지 보기
    paging
    사용 치환자
    <s_paging>, </s_paging> : 페이지가 출력되는 영역입니다
    <s_paging_rep>, </s_paging_rep> : 페이지가 반복 출력됩니다
    [##_prev_page_##] : 이전 페이지 링크
    [##_paging_rep_link_##] : 페이지 링크
    [##_paging_rep_link_num_##] : 페이지 번호
    [##_next_page_##] : 다음 페이지 링크
    사용예
    <s_paging>
    <div class="paging">
    <a [##_prev_page_##] class="[##_no_more_prev_##]">◀ PREV </a>
    <span class="numbox">
    <s_paging_rep>
    <a [##_paging_rep_link_##] class="num">[[##_paging_rep_link_num_##]]</a>
    </s_paging_rep>
    </span>
    <a [##_next_page_##] class="[##_no_more_next_##]">NEXT ▶</a>
    </div>
    </s_paging>

sidebar 영역

해당영역
<div id="sidebar"> </div>
사용 치환자
<s_sidebar>, </s_sidebar> : 사이드바 영역을 나타냅니다
<s_sidebar_element>, </s_sidebar_element> : 관리자 페이지에서 블로그의 사이드바을 드래그앤 드랍으로 구성할수 있도록 각 엘리먼트를 인식시켜주는 역할을 합니다.
<!-- --> : 해당 사이드바나 사이드바 앨리먼트의 제목을 지정합니다. 이 주석은 관리자 페이지에서 각 사이드바나 사이드바 앨리먼트의 타이틀로 표현됩니다.
사용예
<div id="sidebar">
<s_sidebar>
<!-- 오른쪽 사이드바 -->
<s_sidebar_element><!-- 카테고리 --> ... <s_sidebar_element>
<s_sidebar_element><!--최근에 올라온 글 --> ... <s_sidebar_element>
.
.
.
<s_sidebar_element><!-- 카운터 -->... <s_sidebar_element>
</s_sidebar>
<s_sidebar>
<!-- 배너 삽입 사이드바 -->
<s_sidebar_element><!-- 배너 모듈 - 태터툴즈 --> ... <s_sidebar_element>
<s_sidebar_element><!-- 배너모듈 - 올린 --> ... <s_sidebar_element>
<s_sidebar_element><!-- 배너모듈 - RSS Feed -->... <s_sidebar_element>
</s_sidebar>
</div>


  1. 블로그 이미지 와 블로그 설명

    이미지 보기
    blog information
    사용 치환자
    [##_image_##] : "관리자 > 환경설정 > 기본설정"의 프로필 이미지를 출력
    [##_desc_##] : "관리자 > 환경설정 > 기본설정"의 블로그 설명을 출력
    [##_blogger_##] : "관리자 > 환경설정 > 계정정보"의 필명을 출력
    사용예
    <s_sidebar_element>
    <!-- 블로그 정보 -->
    <div class="blogImage">
    <div class="blogImage"><img src="[##_image_##]" alt="" /></div>
    <div class="blogDesc">[##_desc_##] <span class="userID">[##_blogger_##]</span></div>
    </div>
    </s_sidebar_element>
  2. 공지사항 리스트

    이미지 보기
    notice
    사용 치환자
    <s_rct_notice>, </s_rct_notice> : 공지사항 리스트를 출력할 영역입니다
    <s_rct_notice_rep>, </s_rct_notice_rep> : 공지사항 리스트를 반복 출력합니다
    [##_notice_rep_link_##] : 공지사항의 고유 주소
    [##_notice_rep_title_##] : 공지사항의 글 제목
    사용예
    <s_sidebar_element>
    <!-- 공지사항 -->
    <s_rct_notice>
    <div class="notice">
    <ul>
    <s_rct_notice_rep>
    <li><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </li>
    </s_rct_notice_rep>
    </ul>
    </div>
    </s_rct_notice>
    </s_sidebar_element>
  3. 관리자 메뉴

    이미지 보기
    notice
    사용 치환자
    [##_owner_url_##] : 관리자 페이지 주소
    사용예
    <s_sidebar_element>
    <!-- 관리자 메뉴 -->
    <div class="adminMenu">
    <ul>
    <li class="tab_admin"><a href="[##_owner_url_##]">관리자</a></li>
    <li class="tab_write"><a href="[##_owner_url_##]/entry/post">글쓰기</a></li>
    </ul>
    </div>
    </s_sidebar_element>
  4. 검색

    이미지 보기
    search
    사용 치환자
    <s_search>, </s_search> : 검색 입력폼을 출력할 영역입니다
    [##_search_name_##] : 검색어 입력 박스 이름
    [##_search_text_##] : 검색어
    [##_search_onclick_submit_##] : 검색 온클릭 이벤트
    사용예
    <s_sidebar_element>
    <!-- 검색 -->
    <div class="search">
    <s_search>
    <input type="text" name="[##_search_name_##]" value="[##_search_text_##]" onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }"/>
    <input value="검색" type="button" onclick="[##_search_onclick_submit_##]" class="submit"/>
    </s_search>
    </div>
    </s_sidebar_element>
  5. 카테고리

    이미지 보기
    category
    사용 치환자
    [##_category_##] : 폴더 형식의 카테고리
    [##_category_list_##] : 리스트 형식의 카테고리
    사용예
    <s_sidebar_element>
    <!-- 카테고리 -->
    <div class="category">
    <h3>카테고리</h3>
    [##_category_##]
    </div>
    or.............................
    <div class="category">
    <h3>카테고리</h3>
    [##_category_list_##]
    </div>
    </s_sidebar_element>
  6. 태그박스

    이미지 보기
    tag
    사용 치환자
    <s_random_tags>, </s_random_tags> : 태그를 반복 출력합니다
    [##_tag_link_##] : 태그에 해당되는 주소
    [##_tag_class_##] : Tag Cloud 의 크기나 색깔을 설정 (총 5단계의 레벨을 가지고 있으며, cloud1 ~ cloud5 까지 큰 것에서 작은 순서를 나타냅니다. 이 기능을 가지고 style 을 조정하시여 원하시는 스타일의 Tag Cloud 를 만드실 수 있습니다)
    [##_tag_name_##] : 태그의 이름
    사용예
    <s_sidebar_element>
    <!-- 태그 클라우드 -->
    <div class="tagbox">
    <h3>태그목록</h3>
    <ul>
    <s_random_tags>
    <li> <a href="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</a></li>
    </s_random_tags>
    </ul>
    </div>
    </s_sidebar_element>
  7. 최근에 올라온 글

    이미지 보기
    recent posts
    사용 치환자
    <s_rctps_rep>, </s_rctps_rep> : 최근에 올라온 글을 반복 출력합니다
    [##_rctps_rep_link_##] : 최근글로 이동할 주소
    [##_rctps_rep_title_##] : 최근글의 제목
    [##_rctps_rep_rp_cnt_##] : 최근글에 달린 댓글 갯수
    [##_rctps_rep_author_##] : 작성자 이름 (*팀블로그용 치환자)
    사용예
    <s_sidebar_element>
    <!-- 최근에 올라온 글 -->
    <div class="recentPost">
    <h3>최근에 올라온 글 </h3>
    <ul>
    <s_rctps_rep>
    <li>
    <a href="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##].</a>
    <span class="cnt">[##_rctps_rep_rp_cnt_##]</span>
    </li>
    </s_rctps_rep>
    </ul>
    </div>
    </s_sidebar_element>
  8. 최근에 달린 댓글

    이미지 보기
    recent comment
    사용 치환자
    <s_rctrp_rep>, </s_rctrp_rep> : 댓글을 반복 출력합니다
    [##_rctrp_rep_link_##] : 댓글로 이동할 주소
    [##_rctrp_rep_desc_##] : 댓글의 본문 일부
    [##_rctrp_rep_name_##] : 댓글을 쓴 사람 이름
    [##_rctrp_rep_time_##] : 댓글을 쓴 시간
    사용예
    <s_sidebar_element>
    <!-- 최근에 달린 댓글 -->
    <div class="recentComment">
    <h3>최근에 달린 댓글</h3>
    <ul id="recentComments">
    <s_rctrp_rep>
    <li>
    <a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a>
    <span class="info_wrap">
    <span class="name">[##_rctrp_rep_name_##]</span>
    <span class="date">[##_rctrp_rep_time_##]</span>
    </span>
    </li>
    </s_rctrp_rep>
    </ul>
    </div>
    </s_sidebar_element>
  9. 최근에 받은 트랙백

    이미지 보기
    recent trackback
    사용 치환자
    <s_rcttb_rep>, </s_rcttb_rep> : 최근에 받는 트랙백을 반복 출력합니다
    [##_rcttb_rep_link_##] : 트랙백 주소
    [##_rcttb_rep_desc_##] : 보내온 트랙백의 본문 일부
    [##_rcttb_rep_name_##] : 트랙백을 보내온 사이트 이름
    [##_rcttb_rep_time_##] : 트랙백 보낸 시간
    사용예
    <s_sidebar_element>
    <!-- 최근에 받은 트랙백 -->
    <div class="recentTrackback">
    <h3>최근에 받은 트랙백</h3>
    <ul>
    <s_rcttb_rep>
    <li>
    <a href="[##_rcttb_rep_link_##]">[##_rcttb_rep_desc_##].</a>
    <span class="info_wrap">
    <span class="name">[##_rcttb_rep_name_##]</span>
    <span class="date">[##_rcttb_rep_time_##]</span>
    </span>
    </li>
    </s_rcttb_rep>
    </ul>
    </div>
    </s_sidebar_element>
  10. 글 보관함

    이미지 보기
    archive
    사용 치환자
    <s_archive_rep>, </s_archive_rep> : 월별 글 보관함을 출력합니다
    [##_archive_rep_link_##] : 각 월별 보관함으로 이동할 주소
    [##_archive_rep_date_##] : 년과 월을출력
    [##_archive_rep_count_##] : 각 월별에 속한 글의 갯수
    사용예
    <s_sidebar_element>
    <!-- 글 보관함 -->
    <div class="archive">
    <h3>글 보관함</h3>
    <ul>
    <s_archive_rep>
    <li>
    <a href="[##_archive_rep_link_##]">[##_archive_rep_date_##] </a>
    <span class="cnt">([##_archive_rep_count_##])</span>
    </li>
    </s_archive_rep>
    </ul>
    </div>
    </s_sidebar_element>
  11. 달력

    이미지 보기
    Calender
    사용 치환자
    [##_calendar_##] : 달력 출력
    사용예
    <s_sidebar_element>
    <!-- 달력 -->
    <div class="calender">
    <h3>달력</h3>
    [##_calendar_##]
    </div>
    </s_sidebar_element>
  12. 링크

    이미지 보기
    link
    사용 치환자
    <s_link_rep>, </s_link_rep> : 링크가 반복 출력됩니다
    [##_link_url_##] : 사이트로 이동할 주소
    [##_link_site_##] : 사이트 이름
    사용예
    <s_sidebar_element>
    <!-- 링크 -->
    <div class="link">
    <h3>링크</h3>
    <ul>
    <s_link_rep>
    <li>
    <a href="[##_link_url_##]" onclick="window.open(this.href); return false"> [##_link_site_##].</a>
    </li>
    </s_link_rep>
    </ul>
    </div>
    </s_sidebar_element>
  13. 방문자 수

    이미지 보기
    counter
    사용 치환자
    [##_count_total_##] : 총 방문자수
    [##_count_today_##] : 오늘 방문자수
    [##_count_yesterday_##] : 어제 방문자수
    사용예
    <s_sidebar_element>
    <!-- 방문자수 -->
    <div class="counter">
    <span class="total">Total : [##_count_total_##] </span>
    <span class="today">Today : [##_count_today_##]</span>
    <span class="yesterday">Yesterday : [##_count_yesterday_##]</span>
    </div>
    </s_sidebar_element>
  14. 기타 배너들

    이미지 보기
    etc
    사용 치환자
    [##_rss_url_##] : rss feed 주소
    사용예
    <s_sidebar_element>
    <!-- 배너모듈 - 태터툴즈 -->
    <div class="botton">
    <a href="http://www.tattertools.com" onclick="window.open(this.href); return false">
    <img src="./images/tattertools.gif" alt="Tattertools" /> </a>
    </div>
    </s_sidebar_element>
    <s_sidebar_element>
    <!-- 배너모듈 - 이올린 -->
    <div class="botton">
    <a href="http://www.eolin.com" onclick="window.open(this.href); return false">
    <img src="http://tattertools.com/images/logo_eolin.gif" alt="Eolin" /> </a>
    </div>
    </s_sidebar_element>
    <s_sidebar_element>
    <!-- 배너모듈 - Rss Feed-->
    <div class="botton">
    <a href="[##_rss_url_##]" onclick="window.open(this.href); return false">
    <img src="./images/rss.gif" alt="rss"/> </a>
    </div>
    </s_sidebar_element>

footer 영역

해당영역
<div id="footer"></div>
  1. 메뉴

    이미지 보기
    footer
    사용 치환자
    [##_localog_link_##] : 지역로그 주소
    [##_taglog_link_##] : 태그로그 주소
    [##_guestbook_link_##] : 방명록 주소
    [##_owner_url_##] : 관리자 주소
    사용예
    <div class="menu">
    <a href="[##_localog_link_##]">위치로그</a>
    <a href="[##_taglog_link_##]">태그</a>
    <a href="[##_guestbook_link_##]">방명록</a>
    <a href="[##_owner_url_##]">관리자</a>
    </div>
  2. 저작권

    사용 치환자
    [##_tattertools_name_##] : 태터툴즈 명
    [##_tattertools_version_##] : 태터툴즈의 버전
    [##_blog_link_##] : 블로그 주소
    [##_blogger_##] : "관리자 > 환경설정 > 계정 정보"의 필명을 출력
    사용예
    <div class="copyright">
    <a href="[##_blog_link_##]"> [##_blogger_##]</a>’s Blog is powered by <a href="http://tattertools.com" onclick="window.open(this.href); return false">[##_tattertools_name_##] [##_tattertools_version_##]</a> /
    Designed by <a href="http://plyfly.net" onclick="window.open(this.href); return false">plyfly.net</a>
    </div>
2008/04/03 18:53 2008/04/03 18:53
1953개의 걸린 글 과    0개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/manual/rss/response/76