1

주제: 1.06스킨 -> 1.1 호환 문제

1.06버전의 스킨이 1.1에서도 호환이 완벽하게 안되는 거 같던데...
이게 일부 스킨의 문제가 아니라 시스템의 차이인 거 같은데...맞나요?

데이지님의 1.06용 스킨에서는 작동되던 비밀글 기능이
1.1버전에 씌우면 비밀글 기능이 아예 실행이 안되는 현상이 있습니다.
근데 다른 스킨들도 요전에 안되는 것들이 간혹 있었는데....
호환이 완벽하게 안되는 문제인가 싶어서 여쭙습니다.

비밀글 기능이 혹시 바뀐 점이 있다면, 어떻게 수정을 해줘야 하는지...
제가 수정을 할 수 있는 문제인지 좀 알려주세요.
1.06스킨이 마음에 드는 것이 많은데...호환이 된다고 알고 있었거든요.
그렇게 말씀하신 것으로도 알고 있고...
혹시 버그 고치시면서 변경된 부분이라도 있는 것인지...
제작자분께서 매번 버전 업글해주시기를 기대하는 것도 참 죄송한 일이고..;
암튼 코멘트 비밀글 기능이 안되는 이유를 정확하게 모르겠어서요.

스킨에 대한 문제는 스킨 게시판에 qa를 올려놓고 제작자분께도 여쭙긴 했는데...
버전 호환의 문제라면 여기에서도 답변을 들을 수 있겠다 싶어서 글 올립니다.



+ 그리고 위지윅 모드에서 줄간격이 너무 다닥다닥해서 거의 겹쳐져 보일 정도라 눈이 좀 아픈데,
혹시 이 글쓰기 모드에서 줄간격을 좀 떨어뜨려놓을 수 있는 방법이 없을까요?
스킨의 index파일에서 창 너비 조절은 가능하다고 알고 있습니다만...줄간까지 조절할 수는 없을 거 같고 말이죠..;

citta (2006-12-06 20:17:06)에 의해 마지막으로 수정

2

답글: 1.06스킨 -> 1.1 호환 문제

citta 작성:

1.06버전의 스킨이 1.1에서도 호환이 완벽하게 안되는 거 같던데...
이게 일부 스킨의 문제가 아니라 시스템의 차이인 거 같은데...맞나요?

데이지님의 1.06용 스킨에서는 작동되던 비밀글 기능이
1.1버전에 씌우면 비밀글 기능이 아예 실행이 안되는 현상이 있습니다.
근데 다른 스킨들도 요전에 안되는 것들이 간혹 있었는데....
호환이 완벽하게 안되는 문제인가 싶어서 여쭙습니다.

비밀글 기능이 혹시 바뀐 점이 있다면, 어떻게 수정을 해줘야 하는지...
제가 수정을 할 수 있는 문제인지 좀 알려주세요.
1.06스킨이 마음에 드는 것이 많은데...호환이 된다고 알고 있었거든요.
그렇게 말씀하신 것으로도 알고 있고...
혹시 버그 고치시면서 변경된 부분이라도 있는 것인지...
제작자분께서 매번 버전 업글해주시기를 기대하는 것도 참 죄송한 일이고..;
암튼 코멘트 비밀글 기능이 안되는 이유를 정확하게 모르겠어서요.

스킨에 대한 문제는 스킨 게시판에 qa를 올려놓고 제작자분께도 여쭙긴 했는데...
버전 호환의 문제라면 여기에서도 답변을 들을 수 있겠다 싶어서 글 올립니다.



+ 그리고 위지윅 모드에서 줄간격이 너무 다닥다닥해서 거의 겹쳐져 보일 정도라 눈이 좀 아픈데,
혹시 이 글쓰기 모드에서 줄간격을 좀 떨어뜨려놓을 수 있는 방법이 없을까요?
스킨의 index파일에서 창 너비 조절은 가능하다고 알고 있습니다만...줄간까지 조절할 수는 없을 거 같고 말이죠..;

스킨 호환성!!

단호히 말씀 드리겠습니다. 호환 됩니다!! 왜 몰라주나아아아... 사실 태터툴즈 개발하면서 가장 우선 생각하는 것이 과거 버전과의 호환성입니다. 이번에도 호환문제 때문에 gendoh님이 내쳐버리신 멋진 기능이 꽤 많습니다.

그럼에도 불구하고 실제로 비호환 문제에 부딪히고 있는 유저가 발생하고 있는 점은 왜인가...? 그건... 스킨을 잘못 만들어서 그렇습니다.ㅡㅡ... 아주 난감합니다... 제대로 만들어 주시면... 1.0.6 스킨도 1.1에서 잘 돌아가고 1.1 스킨도 1.0.6에서 잘 돌아갑니다. 뭐, 기타 댓글 버그 때문에 "완벽 호환"이라는 말이 무색한 상황이 발생하고 말았지만 어쨌든 "완벽 호환" 된다고요... T_T

이런 문제와 관련된 것이 깔끔한 스킨 제작 문서가 없다는 것이리라 짐작합니다. "제대로 만드는 법"을 알려준 적이 없으니 제대로 만드실 리가 없지요... 추진 중인 "태터툴즈 온라인 레퍼런스" 사이트에서는 각종 자료를 만나 보실 수 있도록 준비하겠습니다. 꾸벅.

에디터 부분의 글간격이요?

조절 되죠! 왜 안 되겠어요! 흑흑... 1.1에는 에디터/블로그 wysiwyg이라는 멋진 기능이 있습니다. 맛 보고 싶으시다고요!? 지금 사용중이신 스킨 폴더에 wysiwyg.css 파일을 만드시고

body { line-height : 20px; background-color: #FFF;}

라고 적어보세요. 줄간격 팍팍 늘어났죠? 1.1에서는 에디터 창의 디자인도 변경할 수 있도록 지원하고 있습니다. 여태까지 주욱 보아왔던 그 노란 박스들을 이제는 안 만나도 된다는 거죠. 흑흑흑... 근데 이 기능 묻혔어요... T_T 예제가 없어서 다들 이런 기능이 있는 줄 모르고 있죠...

이건 주저리였고요... 원하시는 줄간격 효과를 얻으시려면 style/default-wysiwyg.css에서 body 부분에 위처럼 "line-height"를 추가하시고 원하시는 간격을 적으시면 됩니다.

PS. 비밀글 문제는 직접 소스를 봐야 도움을 드릴 수 있을 것 같아요.:)

graphittie (2006-12-06 22:04:36)에 의해 마지막으로 수정

3

답글: 1.06스킨 -> 1.1 호환 문제

graphittie님 답변에서 눈물이 뚝뚝 떨어지는 것 같아 참으로 송구합니다-0-
답변 정말 감사드립니다. 에디터 줄간격이 뚝뚝 늘어나는군요. 진작 여쭐 걸;;;

그리고, 제가 질문드리려던 스킨 소스는 simpleWhite_Daisy 스킨이었습니다.
비밀체크박스가 ff나 기타 브라우저에서는 보이는데 ie에서 안보이더라구요.
1.06 스킨 때까지는 비밀체크박스가 보였던 기억이 나는데, 아마도 1.1버전 갈아타면서 비밀글 버튼이 감춰지는 현상이 있었어요.

그래서 css쪽에서 마진으로 위치를 조절했더니 ff에서 엉뚱한 곳에 붙어버려서 난감해지고..ㅎㅎ;
또, 위치는 둘째치고, 이 스킨에서 비밀글을 작성하려고 체크하고 댓글 달면, 댓글 창이 꿈쩍도 하지 않는 현상이 있어요.
그래서 저는 1.06버전과 1.1의 스킨 구조의 호환 문제가 생겼는가, 라든가, 뭐 그런 생각을 했던 것이죠.

말씀하신 스킨레퍼런스가 공개되면 저처럼 어깨너머로 찔끔찔끔 배웠던 사람이 기존의 스킨을 수정해서 사용할 수 있을지 모르겠네요.
faido님 스킨도 참 좋은데 이상하게도 댓글 기능 자체가 에러나는 경우도 있어서;;;;

아무튼 데이지님의 스킨인simpleWhite_Daisy의 스킨파일과 css를 같이 올려놓겠습니다.
시간 괜찮으실 때 한번 봐주세요.^^

skin.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>[##_title_##] - [##_page_title_##]</title>
<link rel="alternate" type="application/rss+xml" title="[##_title_##]" href="[##_rss_url_##]">
<link href="./style.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="[##_blog_link_##]favicon.ico" />
<script language="JavaScript">
function allblur() {
  for (i = 0; i < document.links.length; i++) {
    var obj = document.links[i];
    if(obj.addEventListener) obj.addEventListener("focus", oneblur, false);
    else if(obj.attachEvent) obj.attachEvent("onfocus", oneblur);
  }
}

function oneblur(e) {
  var evt = e ? e : window.event;
  if(evt.target) evt.target.blur();
  else if(evt.srcElement) evt.srcElement.blur();
}
function clickshow(num){
        menu = document.getElementById("block"+num);
        if( menu != null && typeof menu != "undefined" )
                {
                        if (menu.style.display=="block"){
                        menu.style.display="none"; //닫고
                }
        else{
                menu.style.display="block";//하위메뉴를 펼친다.
                }
        }
}
</script>
</head>
<body onload="allblur()">
<s_t3>
  <!-- #### Container Start #### -->
  <div id="container">
    <!-- #### Header Start #### -->
    <div id="header">
      <div class="header_title"><a href="[##_blog_link_##]"><!--img src="./images/topLogo.gif" alt="[##_title_##]" /-->[##_title_##]
        </a></div>
      <div class="blog_info">[##_desc_##]</div>
      <div class="top_menu"><a href="[##_localog_link_##]">Location</a> | <a href="[##_taglog_link_##]">Tag</a> | <a href="[##_guestbook_link_##]"><font color="#FF6600">Guest Book</font></a>  ||  <a href="[##_owner_url_##]"><font color="#000000">A</font></a> | <a href="[##_blog_link_##]owner/entry/post"><font color="#0066CC">P</font></a></div>
    </div>
    <!-- #### Header End #### -->
    <!-- #### Side Start #### -->
    <div id="side">
      <!-- Blog infomation -->
      <div class="blog_img"><img src="[##_image_##]" alt="BLOG main image" /></div>
      <div class="s_search">
        <s_search>
          <input type="text" class="search_input" name="[##_search_name_##]" value="[##_search_text_##]"  onkeypress="if (event.keyCode == 13) { [##_search_onclick_submit_##] }"/>
          <input value="Search" type="button" onclick="[##_search_onclick_submit_##]" class="submit"/>
        </s_search>
      </div>
      <!-- Notice        -->
      <div class="sidebar_title" onclick=clickshow(1)>Notice</div>
      <div class="notice" id="block1" style="display:block;">
        <s_rct_notice>
          <s_rct_notice_rep>
            <div><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a></div>
          </s_rct_notice_rep>
        </s_rct_notice>
      </div>
      <div class="sidebar_title" onclick="clickshow(2)">CATEGORY</div>
      <div class="td_info" id="block2" style="display:block;">
        <div>[##_category_##]</div>
      </div>
      <div class="sidebar_title" onclick="clickshow(3)">TAGS</div>
      <div class="td_info" id="block3" style="display:block;">
        <s_random_tags> <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a> </s_random_tags>
      </div>
      <div class="sidebar_title" onclick="clickshow(4)">Recent Entries</div>
      <div class="td_info" id="block4" style="display:block;">
        <s_rctps_rep> <a href="[##_rctps_rep_link_##]" class="info_link"> [##_rctps_rep_title_##]</a> <font class="ps_cnt">[##_rctps_rep_rp_cnt_##]</font><br>
        </s_rctps_rep>
      </div>
      <div class="sidebar_title" onclick="clickshow(5)">Recent Comments</div>
      <div class="td_info" id="block5" style="display:block;">
        <div id="recentComments">
          <s_rctrp_rep> <a href="[##_rctrp_rep_link_##]" class="info_link"> [##_rctrp_rep_desc_##]</a><br>
            <span class="f11 gray3">[##_rctrp_rep_time_##] - [##_rctrp_rep_name_##]</span><br>
          </s_rctrp_rep>
        </div>
      </div>
      <div class="sidebar_title" onclick="clickshow(6)">Recent Trackbacks</div>
      <div class="td_info" id="block6" style="display:block;">
        <div id="recentTrackbacks">
          <s_rcttb_rep> <a href="[##_rcttb_rep_link_##]" class="info_link"> [##_rcttb_rep_desc_##]</a><br>
            <span class="f11 gray3">[##_rcttb_rep_name_##]</span><br>
          </s_rcttb_rep>
        </div>
      </div>
      <div class="sidebar_title" onclick="clickshow(7)">Calendar</div>
      <div id="block7" align="center" style="display:none;"> [##_calendar_##]</div>
      <div class="sidebar_title" onclick="clickshow(8)">Archive</div>
      <div class="td_info" id="block8" style="display:none;">
        <s_archive_rep> <a href="[##_archive_rep_link_##]" style="letter-spacing:0px;" class="info_link"> [##_archive_rep_date_##]</a><br>
        </s_archive_rep>
      </div>
      <div class="sidebar_title" onclick="clickshow(9)">Link Site</div>
      <div class="td_info" id="block9" style="display:none;">
        <s_link_rep> <a href="[##_link_url_##]" target="_blank" class="info_link"> [##_link_site_##]</a><br>
        </s_link_rep>
      </div>
      <!-- Connect Statistics        -->
      <div class="side_counter"><font color="#3675B3">[##_count_total_##]</font> Visitors up to today!<br />
        Today <font color="#9E9E9E">[##_count_today_##]</font> hit, Yesterday <font color="#9E9E9E">[##_count_yesterday_##]</font> hit </div>
      <div class="side_button"><a href="http://tattertools.com" onclick="window.open(this.href); return false"><img src="./images/bt_TT.gif" border="0" /></a> <a href="http://daisy.pe.kr" onclick="window.open(this.href); return false"><img src="./images/bt_Daisy.gif" border="0" /></a> <a href="[##_rss_url_##]" onclick="window.open(this.href); return false"><img src="./images/bt_Feed.gif" border="0" /></a></div>
    </div>
    <!-- #### Side End #### -->
    <!-- #### Main Start #### -->
    <div id="contents">
      <div id="mainShadow">
        <div id="main">
          <div class="mainInsideBox">
            <!-- tag -->
            <s_tag>
              <div class="head_title tagHead">태그 목록</div>
              <div class="tag_cloud">
                <s_tag_rep> <a href="[##_tag_link_##]" class="[##_tag_class_##]">[##_tag_name_##]</a> </s_tag_rep>
              </div>
              </div>
            </s_tag>
            <!-- search list -->
            <s_list>
              <div class="head_title">'[##_list_conform_##]'에 해당되는 글 [##_list_count_##]건</div>
              <div class="list_box">
                <s_list_rep>
                  <div class="list"><a href="[##_list_rep_link_##]">[##_list_rep_title_##] <span class="date">[##_list_rep_rp_cnt_##] | [##_list_rep_regdate_##]</span></a></div>
                </s_list_rep>
              </div>
            </s_list>
            <!-- search reply list -->
            <s_rplist>
              <div class="head_title">'[##_rplist_conform_##]'에 해당되는 댓글 [##_rplist_count_##]건</div>
              <s_rplist_rep>
                <div class="rplist_box">
                  <div class="name"><a href="[##_rplist_rep_link_##]">[##_rplist_rep_name_##]</a> <span class="date">| [##_rplist_rep_regdate_##]</span></div>
                  <div class="rplist"><a href="[##_rplist_rep_link_##]">[##_rplist_rep_body_##]</a></div>
                </div>
              </s_rplist_rep>
            </s_rplist>
            <!-- location -->
            <s_local>
              <div class="head_title localHead">위치 로그</div>
              <div id="location">
                <s_local_spot_rep>
                  <div class="location_spot" style="margin-left: [##_local_spot_depth_##]px">ㆍ[##_local_spot_##]
                    <s_local_info_rep>
                      <div class="location_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_spot_rep>
              </div>
            </s_local>
            <!-- guestbook -->
            <s_guest>
              <div class="head_title guestHead">그대가 던지는 사랑의 그물... </div>
              <div class="guestbook_form_box">
                <s_guest_member>
                  <s_guest_form>
                    <input type="text" id="guestName" name="[##_guest_input_name_##]" value="[##_guest_name_##]" class="form_input" style="width:160px;" />
                    Name<br />
                    <input type="password" maxlength="8" id="guestPassword" name="[##_guest_input_password_##]" value="[##_guest_password_##]" class="form_input" style="width:160px;" />
                    Password <br />
                    <input type="text" id="guestHomepage" name="[##_guest_input_homepage_##]" value="[##_guest_homepage_##]" class="form_input" style="width:300px;" />
                    Homepage </s_guest_form>
                  <br />
                  <div class="secret">
                    <input type="checkbox" id="[##_guest_input_is_secret_##]" align="absmiddle" />
                    Secret</div>
                </s_guest_member>
                <textarea cols="60" rows="6" id="guestBody" name="[##_guest_textarea_body_##]" class="form_textarea"></textarea>
                <input type="button" value=" Save a Comment " onclick="[##_EmailAction_##][##_guest_onclick_submit_##]" class="form_submit" />
              </div>
              <!-- guestbook list -->
              <s_guest_rep>
                <div class="box"> <span class="name">[##_guest_rep_name_##]</span> <span class="opt">| [##_guest_rep_date_##] | <a href="#" onclick="[##_guest_rep_onclick_delete_##]">EDIT/DEL</a> | <a href="#" onclick="[##_guest_rep_onclick_reply_##]">REPLY</a></span></span><br />
                  <div class="desc">[##_guest_rep_desc_##]</div>
                  <s_guest_reply_rep>
                    <div class="reply_box"> <span class="name">[##_guest_rep_name_##]</span> <span class="opt">| [##_guest_rep_date_##] | <a href="#" onclick="[##_guest_rep_onclick_delete_##]">EDIT/DEL</a></span><br />
                      <div class="desc">[##_guest_rep_desc_##]</div>
                    </div>
                  </s_guest_reply_rep>
                </div>
              </s_guest_rep>
            </s_guest>
            <!-- notice -->
            <s_notice_rep>
              <div class="head_title noticeHead"><a href="[##_notice_rep_link_##]">[##_notice_rep_title_##]</a> </div>
              <div class="notice_date">[##_notice_rep_date_##]</div>
              <div class="article">[##_notice_rep_desc_##]</div>
            </s_notice_rep>
            <!-- pretected entries -->
            <s_article_protected>
              <div class="head_title articleHead">[##_article_rep_title_##]</div>
              <div class="info">[보호되어 있는 글입니다. 비밀번호를 입력해 주세요.]</div>
              <p align="center" class="tb_name">Secret Entry! Enter Password <br />
                <input type="password" maxlength="16" id="[##_article_password_##]" name="[##_article_password_##]" value="" onkeydown="if (event.keyCode == 13) [##_article_dissolve_##]" class="form_input" style="width:120px;" />
                <input type="button" class="form_submit" style="width:80px;height:18px;" value=" Submit " onclick="[##_article_dissolve_##]" />
              </p>
              <br />
              <br />
            </s_article_protected>
            <!-- entries -->
            <s_article_rep>
              <div class="head_title articleHead"><a href="[##_article_rep_link_##]">[##_article_rep_title_##]</a></div>
              <div class="date">[##_article_rep_date_##]</div>
              <div class="info">[<a href="[##_article_rep_category_link_##]">[##_article_rep_category_##]</a>]</div>
              <s_ad_div>
                <div class="owner"><a href="[##_s_ad_m_link_##]">수정</a> : <a href="#" onclick="[##_s_ad_m_onclick_##]">수정(창으로)</a> / <a href="#" onclick="[##_s_ad_d_onclick_##]">삭제</a> / <a href="#" onclick="[##_s_ad_t_onclick_##]">트랙백 등록</a> / <a href="#" onclick="[##_s_ad_s2_onclick_##]">[##_s_ad_s2_label_##]</a></div>
              </s_ad_div>
              <div class="article">[##_article_rep_desc_##]</div>
              <!-- tag label, trackback, comment -->
<div class="article_bottom">
                <s_tag_label>
                  <div class="tag_box">[##_tag_label_rep_##]</div>
                </s_tag_label>
                <div class="tb_cmt_btn"><a href="#tb" onclick="[##_article_rep_tb_link_##]">Trackback[##_article_rep_tb_cnt_##]</a> : <a href="#rp" onclick="[##_article_rep_rp_link_##]">Comment<font class="sthm">[##_article_rep_rp_cnt_##]</font></a></div>
              </div>
              <!-- trackback -->
              <s_tb>
                <div class="tb_address">Trackback Address :: [##_tb_address_##]</div>
                <s_tb_rep>
                  <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                      <td class="tb_list_box"><div class="tb_title"><a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false">[##_tb_rep_title_##]</a></div>
                        <div class="opt"><span class="tb_name">Tracked from <a href="[##_tb_rep_url_##]" onclick="window.open(this.href); return false">[##_tb_rep_site_##]</a></span> | [##_tb_rep_date_##] | <a href="#" onclick="[##_tb_rep_onclick_delete_##]; return false">DEL</a></div>
                        <div class="desc">[##_tb_rep_desc_##]</div></td>
                    </tr>
                  </table>
                </s_tb_rep>
              </s_tb>
              <!-- comment -->
              <s_rp>
                <div class="cmt_box">
                  <s_rp_rep>
                    <div class="box"> <span class="name">[##_rp_rep_name_##]</span> <span class="opt">| [##_rp_rep_date_##] | <a href="[##_rp_rep_link_##]">PERMALINK</a> | <a href="#" onclick="[##_rp_rep_onclick_delete_##]">EDIT/DEL</a> | <a href="#" onclick="[##_rp_rep_onclick_reply_##]">REPLY</a></span><br />
                      <div class="desc">[##_rp_rep_desc_##]</div>
                      <s_rp2_rep>
                        <div class="reply_box"> <span class="name">[##_rp_rep_name_##]</span> <span class="opt">| [##_rp_rep_date_##] | <a href="[##_rp_rep_link_##]">PERMALINK</a> | <a href="#" onclick="[##_rp_rep_onclick_delete_##]">EDIT/DEL</a></span><br />
                          <div class="desc">[##_rp_rep_desc_##]</div>
                        </div>
                      </s_rp2_rep>
                    </div>
                  </s_rp_rep>
                </div>
                <!-- comment write-->
                <div class="cmt_form_box">
                  <s_rp_member>
                    <s_rp_guest>
                      <input type="text" id="name_[##_article_rep_id_##]" name="[##_rp_input_name_##]" value="[##_guest_name_##]" class="form_input" style="width:160px;" />
                      Name<br />
                      <input type="password" maxlength="8" id="password_[##_article_rep_id_##]" name="[##_rp_input_password_##]" value="[##_rp_admin_check_##]" class="form_input" style="width:160px;" />
                      Password <br />
                      <input type="text" id="homepage_[##_article_rep_id_##]" name="[##_rp_input_homepage_##]" value="[##_guest_homepage_##]" class="form_input" style="width:300px;" />
                      Homepage</s_rp_guest>
                    <br />
                    <div class="secret">
                      <input type="checkbox" id="secret_[##_article_rep_id_##]" name="[##_rp_input_is_secret_##]" align="absmiddle" />
                      Secret</div>
                  </s_rp_member>
                  <textarea cols="100%" rows="6" id="comment_[##_article_rep_id_##]" name="[##_rp_input_comment_##]" class="form_textarea"></textarea>
                  <input type="button" value=" Save a Comment " onclick="[##_EmailAction_##][##_rp_onclick_submit_##]" class="form_submit" />
                </div>
              </s_rp>
            </s_article_rep>
            <!-- paging -->
            <s_paging>
              <div class="paging"> <a [##_prev_page_##]><img src="./images/page_prev.gif" width="36" height="8" border="0"></a>
                <s_paging_rep> <a [##_paging_rep_link_##]>#[##_paging_rep_link_num_##]</a> </s_paging_rep>
                <a [##_next_page_##]><img src="./images/page_next.gif" width="38" height="8" border="0"></a> </div>
            </s_paging>
          </div>
        </div>
      </div>
      <!-- #### Main End #### -->
      <div id="footer">
        <div class="menu"><a href="[##_localog_link_##]">Location</a> : <a href="[##_taglog_link_##]">Tag</a> : <a href="[##_guestbook_link_##]">GuestBook</a> : <a href="[##_owner_url_##]">Admin</a> </div>
        <div class="copy">Powered by <a href="http://tattertools.com" onclick="window.open(this.href); return false">Tattertools.com </a> /
          Designed by <a href="http://daisy.pe.kr" onclick="window.open(this.href); return false">Daisy</a></div>
      </div>
    </div>
  </div>
  <!-- #### Container End #### -->
</s_t3>
</body>
</html>

style.css

@charset "utf-8";
/* 반드시 들어가야 하는 스타일 시작 */


/* 1. 본문 전체  */
    body, table, td, input, textarea {
        font:12px verdana;
        color:#555;
        margin:0px;
      line-height:170%;
      letter-spacing:-1px;
      background:url(./images/bg.gif) 0 0 no repeat;
    }
/* 2. 기본 링크 */
    a:link, a:visited { color : #000000; text-decoration: none; }
    a:hover { color : #369;    text-decoration: underline;    }

/* 3. 이미지 */
    img { border-width: 0px; }
   
/* 4. 이미지 버튼 */
    .ib { cursor: pointer; }

/* 5. 입력 텍스트 */
    .text { border:1px solid #999; }

/* 6. 트리 테이블 */
    .branch2 {    }
   
/* 7. 트리 셀 */
    .branch3 { cursor: pointer;    height: 10px; }

/* 8. 달력 월 표시 */
    .cal_month { font-size : 11px; height: 18px; }

/* 9. 달력 요일 표시 */
    .cal_week1 { font-size : 11px; height:18px; }

/* 10. 달력 일요일 표시 */
    .cal_week2 { color: #f30; font-size:12px; text-align: center; }

/* 11. 달력 지난 달 날짜 표시 */
    .cal_day1 {    color: #000; font-size:12px; text-align:center; }

/* 12. 달력 다음 달 날짜 표시 */
    .cal_day2 {    color: #000; font-size : 11px; text-align: center; }

/* 13. 달력 이번 달 날짜 표시 */
    .cal_day3 {    font-size : 11px; text-align: center; }

/* 14. 달력 오늘 날짜 표시 */
    .cal_day4 {
    text-align: center;
    font-size: 11px;
    border-bottom:1px solid #777;
    font-weight:bold;
    color: #0066CC;
}

/* 15. 달력 글쓴 날 링크 스타일 */
    a.cal_click:link, a.cal_click:visited {    color : #777; font-weight: bold; }
    a.cal_click:hover {    color : #369; font-weight: bold; }

/* 16. 이미지 아래 캡션 스타일 */
    .cap1 {
    color: #666666;
    text-align: center;
    font: 11px "verdana", "verdana";
}

/* 17. 키워드 스타일 */
    .key1 {    cursor: pointer; border-bottom: 1px solid #ccc; }

/* 18. 카테고리 옆 개수 스타일 */
    .c_cnt { font:9px verdana; color : #666; }

/* 19. 최신글 옆 개수 스타일 */
    .ps_cnt { font:10px verdana;    color : #B4B4B4; }


/* 반드시 들어가야하는 스타일 끝 - 이 아래는 자유롭게 추가, 삭제 가능 */

/* body 설정 */
body {
    margin:20;
    }

/* container 설정 */
#container {
    width:864px;
    margin:40px auto 0px;
    text-align: left;
    padding-bottom: 10px;
    }

/* header 설정 */
#header {
    padding-bottom: 10px;
    padding-left: 16px;
    }
.header_title a, .header_title a:hover {
    font: bold 20px "verdana";
    color: #000000;
}
#header .blog_info {
    font-family:verdana;
    font-size:11px;
    color:#999;
    text-align:left;
    }

/* Side 설정 */

#side {
    float:right;
    width:190px;
    overflow:hidden;
    margin-left: 10px;
  line-height:150%;
    letter-spacing:-1px;
    text-align:justify;
    }

/* 사이드 리스트 박스 설정 */
.side_list_box {
    padding-left:6px;
    }

/* 사이드 리스트 설정 */
.side_list {
    font:12px verdana;
    color:#777;
    word-break:break-all;
    padding-left:6px;
    padding-bottom:8px;
    background:url("./images/bul.gif") no-repeat 0px 4px;
    }
    #side A:link, #side A:visited { color:#666666; text-decoration:none;}
    #side A:hover { text-decoration:underline;}


/* 사이드 태그 설정 */
.side_tagbox { text-align: justify; word-break:break-all; line-height:20px; }
.side_tagbox a { letter-spacing:-1px; }   
/* 태그 클라우드 스타일 */
.cloud1 {
    font-family:verdana;
    font-weight: bold;
    font-size :12px;
    color :#CC3300!important ;
    }
   
.cloud2 {
    font-family:verdana;
    font-weight: bold;
    font-size :11px;
    color :#FF6600!important ;
    }

.cloud3 {
    font-family:verdana;
    font-size :11px;
    color :#0099CC!important ;
    }

.cloud4 {
    font-family:verdana;
    font-size :11px;
    color :#009966!important ;
    }
   
.cloud5 {
    font-family:verdana;
    font-size :11px;
    color :#999 !important ;
    }
.side_tagbox a:hover{
    background-color:#5B4F4A;
    color:#999;
    }
.side_tagbox a:visited {color:#777}


/* 검색폼 설정 */

.search {
    width: 180px;
    margin:0px;
    text-align: center;
    }

.search_input {
    width:100px;
    height:18px;
    color:#999;
    font-size: 11px;
    padding-left: 4px;
    background: #F0F0F0;
    border-top: 1px solid #999999;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #999999;

    }
.submit {
    border:1px solid #999999;
    font:bold 7pt Verdana;
    color:#FFFFFF;
    width:50px;
    height:18px;
    background: #999999;
    cursor: pointer;
    text-transform: uppercase;
    }


/* 카운트 설정 */
.side_counter {
    font:11px/16px verdana;
    padding: 8px;
    border: 1px solid #CCCCCC;
    margin-top: 20px;
    background: #f5f5f5;
    color: #666666;
    margin-bottom: 20px;
    text-align: center;
    }


/* main 설정 */
#contents {
    float:left;
    width:660px;
}
#main {
    overflow:hidden;
    border: 1px solid #CCCCCC;
    background: #FFFFFF url(images/bgMain_bott.gif) repeat-x left bottom;
    position: relative;
    z-index: auto;
    left: -4px;
    top: -4px;
    }
#mainShadow {
    background: #F0F0F0;
    }
.mainInsideBox {
    background: url(images/bgMain.gif) repeat-x;
    padding: 16px;
    border: 1px solid #FFFFFF;
}

/* 메인 영역 공통 설정 */

/* 컨텐츠 내용 설정*/
.article {
    line-height:190%;
    padding:20px 10px;
    word-break:break-all;
    text-align: justify;
    clear: both;
    margin-top: 4px;
    overflow: hidden;
    width: 600px;
    letter-spacing:0px;
    }

.article blockquote {
        border-left: 7px double #ccc;
        margin: 10px 10px 10px 20px;
        padding-left: 10px;
        word-break:break-all;   
        }   

.article a:link, .article a:visited {
    color:#0066CC;
    border-bottom: 1px solid;
}   
.article a:hover{
    color:#FF0000;
    text-decoration:none; }   
.imageblock a {    border-bottom-width: 0px; }


/* 날짜 설정*/
.date, .notice_date {
    font:10px Verdana;
    letter-spacing:-1px;
    padding-right:10px;
    color: #FFFFFF;
    margin-top: -21px;
    text-align: right;
    }
.list_box .date, .rplist_box .date, .list_box .notice_date, .rplist_box .notice_date {
    color: #999;
    }

.cnt {
    font:10px verdana;
     }

/* 이름 설정*/
.name {
    font:bold 12px verdana;
    color:#444;
    }
    .name a:link, .name a:visited { color:#444; text-decoration:none;}
    .name a:hover { color:#4990CC; text-decoration:none;}

/* 댓글 등 글내용 설정*/
.desc {
    padding-left:5px;
    word-break:break-all;
    }

.opt {
    font:10px Verdana;
    color:#777;
    letter-spacing:-1px;
    }
    .opt a:link, .opt a:visited { color:#777; text-decoration:none;}
    .opt a:hover{ color:#D93343; text-decoration:none;}

/* 댓글 등 기본 박스 설정*/
.box {
    padding:10px;
    border-bottom:1px solid #e9e9e9;
    }

.reply_box {
    margin-top:10px;
    margin-left:40px;
    padding:10px;
    background-color:#f7f7f7;
    border:1px solid #ddd;
    }   

/* 입력폼 설정 */
.form_input {
    margin-top:4px;
    padding:1px;
    height:18px;
    border:1px solid #ddd;
    font-size: 11px;
    }

.form_textarea {
    font-weight:normal;
    margin-top:4px;
    height:100px;
    width:99%;
    border:1px solid #ddd;
    overflow:visible;
    clear: both;
    }

.form_submit {
    font:11px verdana;
    color:#444;
    margin-top:4px;
    border:1px solid #ddd;
    background-color:#f1f1f1;
    height:25px;
    width:99%;
    cursor: pointer;
    }


/* 태그 설정*/
.tag_cloud {
    font:13px verdana;
    line-height:24px;
    word-break:break-all;
    margin: 20px;
    }   

.tag_cloud .cloud1 {
    background-color:#eee;
    font-weight:bold;
      font-size : 20px;
    color : #657700;
    }
.tag_cloud .cloud2 {
    background-color:#eee;
    font-weight:bold;   
    font-size : 18px;
      color : #5E7E7D;
    }
.tag_cloud .cloud3 {
    background-color:#eee;
    font-weight:bold;   
      font-size : 16px;
      color : #6B5E7E;
    }
.tag_cloud .cloud4 {
    background-color:#eee;
      font-size : 14px;
      color : #84604E;
    }
.tag_cloud .cloud5 {
    font-size : 12px;
      color : #777;
    }   
.tag_cloud a:hover{
    background-color:#f5f5f5;
    color:#555;
    }   
.tag_cloud a:visited {color:#777}


/* title, info 설정, 관리자 */

.head_title {
    color:#FFFFFF;
    word-spacing:4px;
    background:#666666;
    padding: 4px 1px 3px 8px;
    margin-bottom: 10px;
    font: bold 14px "verdana", "verdana";
    }
    .head_title a:link, .head_title a:visited {color:#FFFFFF; text-decoration:none;}
    .head_title a:hover{color:#FFFFCC; text-decoration:none;}

    /* 페이지별 head 배경칼라 설정 */
    .articleHead {
    background:#cc3300;
    }
    .tagHead {
    background:#0066CC;
    }
    .noticeHead {
    background:#FF6600;
    }
    .localHead {
    background:#8D7123;
    }
    .guestHead {
    background:#006666;
    }
   
   
.info, .owner {
    font:11px/120% "verdana";
    color:#777;
    margin-left: 8px;
    padding-top: 6px;
    margin-top: 5px;
    }
    .info a:link, .info a:visited, .owner a:link, .owner a:visited {color:#777; text-decoration:none;}
    .info a:hover, .owner a:hover{color:#D93343; text-decoration:none;}

.owner {
    letter-spacing: -1px;
    margin-right: 8px;
    position: relative;
    z-index: 1;
    top: -24px;
    text-align: right;
}
/* 리스트 & 검색 결과 설정*/
.list_box {
    margin: 10px;
    }

.rplist_box {
    border-bottom:1px solid #eee;
    margin: 10px;
    }

.list {
    color:#777;
    word-break:break-all;
    padding-left:10px;
    padding-bottom:4px;
    background:url(images/bul.gif) no-repeat 0px 6px;
    }
    .list a:link, .list a:visited { color:#777; text-decoration:none;}
    .list a:hover{ color:#D93343; text-decoration:none;}
   
.rplist {
    color:#777;
    padding-top:8px;
    padding-left:10px;
    word-break:break-all;
    }
    .rplist a:link, .rplist a:visited { color:#777; text-decoration:none;}
    .rplist a:hover{ color:#D93343; text-decoration:none;}


/* 위치로그 설정 */
#location {
    margin: 10px;
}
.location_spot {
    color:#777;
    margin-top: 4px;
}   
.location_info { color:#369; }   
.location_info a:link, .location_info a:visited { color:#369; text-decoration:none;}
.location_info a:hover{ color:#D93343; text-decoration:none;}


/* 방명록 설정*/
.guestbook_form_box {
    font:11px verdana;
    color:#555;
    border-bottom:1px solid #eee;
    padding: 10px;
        }


/* 엔트리 설정*/
.tag_box {
    font :8pt verdana;
    color:#369;
    background:url('images/entry_tag.gif') no-repeat left;
    float: left;
    padding-left: 32px;
    padding-top: 2px;
    }
    .tag_box a:link, .tag_box a:visited { color:#369; text-decoration:none;}
    .tag_box a:hover{ color:#D93343; text-decoration:none;}

/* 트랙백, 코멘트 버튼 설정*/
.tb_cmt_btn {
    font:11px verdana;
    color:#369;
    text-align:right;
    float: right;
    }
    .tb_cmt_btn a:link, .tb_cmt_btn a:visited { color:#777; text-decoration:none;}
    .tb_cmt_btn a:hover{ color:#D93343; text-decoration:none;}

/* 트랙백 설정*/
.tb_box {
    padding-left:6px;
    padding-right:6px;
    background-color:#FAFAFA;
    border-top:1px solid #eee;
    border-bottom:1px solid #eee;
    }

.tb_address {
    font: 11px verdana;
    color:#666;
    text-align:center;
    padding:12px;
    clear: both;
    background: #FAFAFA;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
    margin-bottom: 8px;
    }

.tb_list_box {
    padding:10px;
    border-top:1px solid #ccc;
    background-color:#FAFAFA;
    }

.tb_name {
    font:11px verdana;
    letter-spacing:0px;
    padding-left:10px;
    }

.tb_title {
    color:#444;
    font-weight:bold;
    }
    .tb_title a:link, .tb_title a:visited { color:#444; text-decoration:none;}
    .tb_title a:hover { color:#369; text-decoration:none;}

.cmt_form_box {
        font:11px verdana;
        color:#555;
        padding:10px;
        background-color:#FAFAFA;
        margin-bottom:20px;
        border-bottom:1px solid #eee;
        }
.cmt_box {
        border-top:1px solid #eee;
        padding:10px;
        background-color:#FAFAFA;
        }

/* 페이징 */
.paging{
    font:10px verdana;
    color:222;
    padding-top:25px;
    padding-bottom:5px;
    text-align:center;
    }
.paging a:link, .paging a:visited { color:#777; text-decoration:none;}
.paging a:hover { color:#D93343; text-decoration:none;}


/* Daisy 추가 */
.sidebar_title {
    font: bold 10px verdana, "verdana";
    color: #333333;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 4px;
    text-transform: uppercase;
    padding: 2px;
    text-align: left;
    border-bottom: 1px solid #777;
}
#side .blog_img {
    text-align: center;
    margin-top: 8px;
    margin-bottom: 2px;
    width: 190px;
    overflow: hidden;
}
.top_menu {
    text-align: right;
    font-size:9px;
    color: #CCCCCC;
    margin-top: -18px;
    width: 630px;
    margin-bottom: 6px;
    text-transform: uppercase;
}
.top_menu a:link, .top_menu a:visited {
    color: #828282;
    font: bold 10px verdana, "verdana", sans-serif;
    padding-right: 4px;
    padding-left: 4px;
}
.f11 {
    font-family:verdana,verdana;
    font-size:11px;
    letter-spacing:-1px;
    }
.gray3 {
    color: #B4B4B4;
    }
.q_menu {
    width: 17px;
    float: left;
    margin-top: 40px;
}
#footer {
    font-size: 10px;
    margin-top: 10px;
    color: #999999;
    text-align: center;
    margin-bottom: 10px;
}
.s_search {
    margin-top: 8px;
    margin-bottom: 8px;
    text-align: center;
}
.article_bottom {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height: 16px;
    margin-bottom: 8px;
}
.td_info {
    padding-left: 4px;
}
.notice {
    padding-left: 4px;
}
#recentComments, #recentTrackbacks {
    line-height: 130%;
}
.secret {
    margin-top: -19px;
    position: absolute;
    margin-left: 540px;
}
#footer a {
    color: #999999;
    font-weight: bold;
}
#side .google {
    font:11px/16px verdana;
    text-align: center;
    padding: 4px;
    word-spacing: -2px;
    background: #f5f5f5;
    margin-top: -4px;
}
#side .google a {
    color: #00CC00;
}
#main .google {
    text-align: center;
    margin-bottom: 20px;
    background: #FAFAFA;
    padding: 2px;
    margin-top: 20px;
}
#main .google a {
    color: #336699;
}
.google form {
    margin: 4px 0px 0px;
}
.google input {
    background: #CCCCCC;
    border-top: 1px solid #333333;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    border-left: 1px solid #333333;
}
.google .submit {
    border-color: #666666;
    background: #555555;
}
.anniday {
    font-size: 10px;
    text-align: center;
    color: #666666;
}
.mail {
    text-align: center;
    margin-top: 4px;
}
.side_button {
    text-align: center;
}

citta (2006-12-07 02:50:06)에 의해 마지막으로 수정

4

답글: 1.06스킨 -> 1.1 호환 문제

IE7에서의 에디터 기본 줄간격을 좀 조정해야 할 것 같습니다. smile

그라피티에님 부탁드려요^^

"Everything looks different on the other side."

-Ian Malcomm, from Michael Crichton's 'The Jurassic Park'