Comzil.com 블로그 스킨

Internet
2008. 10. 20.

스킨에서..
일단..
아래 스킨을 선택합니다. 스킨선택에서
2단형보기 - 2번 페이지의 "IS BASE " 입니다.

제목	IS BASE(사용자 수정/업로드) ver.0.33(사용자 수정/업로드)
저작권	하단 저작자 표기를 유지하는 범위에서 수정 사용 및 재배포 가능합니다.
만든이	iendev
홈페이지	http://iscubix.com
e-mail	iendev@gmail.com
설명	텍스트 중심의 2단 레이아웃 스킨입니다. 블로그 이미지는 170px, 컨텐츠는 500px에 최적화되어 있습니다. 부가 기능에 대해서는 제작자 블로그의 해당 글을 참조하여 주시기 바랍니다.

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>

<title>컴질스토리 :: Comzil.com 블로그 스킨</title>

/* ************************************************* */
</script>

</head>

<div id="container">

<div id="header">
<div class="header_wrap">
<div class="blogTitle"><a href="https://story.comzil.com/">컴질스토리</a></div>
<div class="blogMenu">
<ul>

<li class="tab_tag"><a href="https://comzil.tistory.com/tag">TAG</a></li>
<li class="tab_media"><a href="https://story.comzil.com/media">MEDIA</a></li>
<li class="tab_loc"><a href="https://comzil.tistory.com/location">LOCATION</a></li>

<li class="tab_guest"><a href="https://comzil.tistory.com/guestbook">GUESTBOOK</a></li>

</ul>
</div>
</div>
</div>

<div id="content">


<s_keyword>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="keylog">
<h3>KEYLOG</h3>
<ul>
<s_keyword_date_rep><s_keyword_rep>
<a href="javascript:;" onclick=""></a>
</s_keyword_rep></s_keyword_date_rep>
</ul>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_keyword>

<s_list>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="searchList">
<h3>BLOG ARTICLE <span class="kw"></span><span class="count"> | ARTICLE FOUND</span></h3>
<ol>
<s_list_rep>
<li>
<span class="date"></span>
<a href=""></a>
<span class="cnt"></span>
</li>
</s_list_rep>
</ol>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_list>


<s_rplist>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="searchRplist">

<h3>COMMENT <span class="kw"></span> <span class="count">| COMMENT FOUND</span></h3>
<ol>
<s_rplist_rep>
<li>
<span class="date"></span>
<a href=""></a>
<span class="cnt"></span>
<span class="name"></span>
</li>
</s_rplist_rep>
</ol>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_rplist>

<s_local>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="localog">
<h3>LOCATION</h3>
<s_local_spot_rep>
<div class="spot" style="margin-left: px">

</div>
</s_local_spot_rep>
<s_local_info_rep>
<div class="info" style="margin-left: px">
<a href=""></a>
</div>
</s_local_info_rep>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_local>

<s_tag>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="taglog">
<h3>TAG</h3>
<ul>
<s_tag_rep>
<li>
<a href="" class=""></a>
</li>
</s_tag_rep>
</ul>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_tag>

<s_guest>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="guestbook">
<h3>GUESTBOOK</h3>
<s_guest_input_form>
<div class="guestWrite">
<s_guest_member>
<s_guest_form>
<div class="input_writer">
<input type="text" name="" value="" /> <input type="password" maxlength="8" name="" value="" /> <input type="text" name="" value="" class="homepage" />
</div>
</s_guest_form>
</s_guest_member>
<textarea name="" cols="50" rows="6"></textarea><br/>
<input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
</div>
</s_guest_input_form>
<s_guest_container>
<div class="guestList">
<ol>
<s_guest_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
<a href="#" onclick="" class="write"> <span>댓글쓰기</span></a>
</span>
<p></p>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
</span>
<p></p>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ol>
</div>
</s_guest_container>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>

</s_guest>

<s_notice_rep>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="entryNotice">

<div class="titleWrap">
<h2><a href="/351"></a></h2>
<span class="category_notice">NOTICE </span>
<span class="date"></span>
</div>

<div class="article">

</div>
<div class="actionTrail" style="padding-bottom:35px;">
<div class="tbcm">
</div>
<div class="goup" ><a href="#"><img src="./images/subup.gif"></a></div>
</div>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_notice_rep>


<s_media>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="medialog">
<h3>MEDIA</h3>
<div class="media_div">
<br/>
</div>

<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_media>


<s_article_protected>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="entryProtected">
<div class="titleWrap">
<h2><a href="/351">Comzil.com 블로그 스킨</a></h2>
<span class="date">2008. 10. 20. 21:27</span>
</div>
<div class="protected_box">
<div class="text">
<p>PROTECTED ARTICLE. TYPE THE PASSWORD.</p>
<p><input id="entry351password" name="entry351password" type="password" maxlength="16" onkeydown="if (event.keyCode == 13) {reloadEntry(351);return false;}" /> <input type="button" class="submit" value="SUBMIT" onclick="{reloadEntry(351);return false;}" /></p>
</div>
</div>
<div class="box_hblank2"></div>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_article_protected>

<s_article_rep>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="entry">
<div class="titleWrap">
<h2><a href="/351">Comzil.com 블로그 스킨</a></h2>
<span class="category"><a href="/category/Internet%20">Internet </a> </span>
<span class="date">2008. 10. 20. 21:27</span>
<s_ad_div>
<div class="admin">
<a href="">EDIT</a> |
<a href="#" onclick="">EIDT(WIN)</a> |
()→<a href="#" onclick=""></a> |
<a href="#" onclick="">TRACKBACK</a> |
<a href="#" onclick="">DELETE</a>
</div>
</s_ad_div>

<br>
<center><iframe src='http://hycu.com.ne.kr/banner/ceo1.htm' width=600 height=75 frameborder=0 scrolling=no topmargin=0
leftmargin=0></iframe></center>
상단 랜덤배너 소스
<br>

</div>

스킨에서..
일단..
아래 스킨을 선택합니다. 스킨선택에서
2단형보기 - 2번 페이지의 "IS BASE " 입니다.

제목	IS BASE(사용자 수정/업로드) ver.0.33(사용자 수정/업로드)
저작권	하단 저작자 표기를 유지하는 범위에서 수정 사용 및 재배포 가능합니다.
만든이	iendev
홈페이지	http://iscubix.com
e-mail	iendev@gmail.com
설명	텍스트 중심의 2단 레이아웃 스킨입니다. 블로그 이미지는 170px, 컨텐츠는 500px에 최적화되어 있습니다. 부가 기능에 대해서는 제작자 블로그의 해당 글을 참조하여 주시기 바랍니다.

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>

<title>컴질스토리 :: Comzil.com 블로그 스킨</title>

/* ************************************************* */
</script>

</head>

<div id="container">

<div id="header">
<div class="header_wrap">
<div class="blogTitle"><a href="https://story.comzil.com/">컴질스토리</a></div>
<div class="blogMenu">
<ul>

<li class="tab_tag"><a href="https://comzil.tistory.com/tag">TAG</a></li>
<li class="tab_media"><a href="https://story.comzil.com/media">MEDIA</a></li>
<li class="tab_loc"><a href="https://comzil.tistory.com/location">LOCATION</a></li>

<li class="tab_guest"><a href="https://comzil.tistory.com/guestbook">GUESTBOOK</a></li>

</ul>
</div>
</div>
</div>

<div id="content">


<s_keyword>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="keylog">
<h3>KEYLOG</h3>
<ul>
<s_keyword_date_rep><s_keyword_rep>
<a href="javascript:;" onclick=""></a>
</s_keyword_rep></s_keyword_date_rep>
</ul>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_keyword>

<s_list>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="searchList">
<h3>BLOG ARTICLE <span class="kw"></span><span class="count"> | ARTICLE FOUND</span></h3>
<ol>
<s_list_rep>
<li>
<span class="date"></span>
<a href=""></a>
<span class="cnt"></span>
</li>
</s_list_rep>
</ol>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_list>


<s_rplist>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="searchRplist">

<h3>COMMENT <span class="kw"></span> <span class="count">| COMMENT FOUND</span></h3>
<ol>
<s_rplist_rep>
<li>
<span class="date"></span>
<a href=""></a>
<span class="cnt"></span>
<span class="name"></span>
</li>
</s_rplist_rep>
</ol>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_rplist>

<s_local>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="localog">
<h3>LOCATION</h3>
<s_local_spot_rep>
<div class="spot" style="margin-left: px">

</div>
</s_local_spot_rep>
<s_local_info_rep>
<div class="info" style="margin-left: px">
<a href=""></a>
</div>
</s_local_info_rep>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_local>

<s_tag>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="taglog">
<h3>TAG</h3>
<ul>
<s_tag_rep>
<li>
<a href="" class=""></a>
</li>
</s_tag_rep>
</ul>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_tag>

<s_guest>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="guestbook">
<h3>GUESTBOOK</h3>
<s_guest_input_form>
<div class="guestWrite">
<s_guest_member>
<s_guest_form>
<div class="input_writer">
<input type="text" name="" value="" /> <input type="password" maxlength="8" name="" value="" /> <input type="text" name="" value="" class="homepage" />
</div>
</s_guest_form>
</s_guest_member>
<textarea name="" cols="50" rows="6"></textarea><br/>
<input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
</div>
</s_guest_input_form>
<s_guest_container>
<div class="guestList">
<ol>
<s_guest_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
<a href="#" onclick="" class="write"> <span>댓글쓰기</span></a>
</span>
<p></p>
</div>
<s_guest_reply_container>
<ul>
<s_guest_reply_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
</span>
<p></p>
</div>
</li>
</s_guest_reply_rep>
</ul>
</s_guest_reply_container>
</li>
</s_guest_rep>
</ol>
</div>
</s_guest_container>
<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>

</s_guest>

<s_notice_rep>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="entryNotice">

<div class="titleWrap">
<h2><a href=""></a></h2>
<span class="category_notice">NOTICE </span>
<span class="date"></span>
</div>

<div class="article">

</div>
<div class="actionTrail" style="padding-bottom:35px;">
<div class="tbcm">
</div>
<div class="goup" ><a href="#"><img src="./images/subup.gif"></a></div>
</div>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_notice_rep>


<s_media>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="medialog">
<h3>MEDIA</h3>
<div class="media_div">
<br/>
</div>

<br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
</s_media>


<s_article_protected>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="entryProtected">
<div class="titleWrap">
<h2><a href=""></a></h2>
<span class="date"></span>
</div>
<div class="protected_box">
<div class="text">
<p>PROTECTED ARTICLE. TYPE THE PASSWORD.</p>
<p><input id="" name="" type="password" maxlength="16" onkeydown="if (event.keyCode == 13) " /> <input type="button" class="submit" value="SUBMIT" onclick="" /></p>
</div>
</div>
<div class="box_hblank2"></div>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<div class="box_hblank1"></div>
</s_article_protected>

<s_article_rep>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<div class="entry">
<div class="titleWrap">
<h2><a href=""></a></h2>
<span class="category"><a href=""></a> </span>
<span class="date"></span>
<s_ad_div>
<div class="admin">
<a href="">EDIT</a> |
<a href="#" onclick="">EIDT(WIN)</a> |
()→<a href="#" onclick=""></a> |
<a href="#" onclick="">TRACKBACK</a> |
<a href="#" onclick="">DELETE</a>
</div>
</s_ad_div>

<br>
<center><iframe src='http://hycu.com.ne.kr/banner/ceo1.htm' width=600 height=75 frameborder=0 scrolling=no topmargin=0
leftmargin=0></iframe></center>
상단 랜덤배너 소스
<br>

</div>

</div>
<center>
<hr size="1" noshade color="#CCCCCC">

<s_tag_label>
<div class="tagTrail"></div>
</s_tag_label>
<div class="actionTrail">
<div class="tbcm">
<a href="#tb" onclick="">
<s_tb_count>TRACKBACK <span class="cnt"></span></s_tb_count></a>

<span class="tbcm_vbar"> AND </span>
<a href="#rp" onclick="">
<s_rp_count>COMMENT <span class="cnt"></span></s_rp_count></a>
</div>
<div class="goup"><a href="#"><img src="./images/subup.gif"></a></div>
</div>
<s_tb>
<div class="trackback">
<div class="trackback_address"></div>
<s_tb_container>
<ol>
<s_tb_rep>

</s_tb>
<s_rp>
<div class="comment">
<div class="comment_title">YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST</div>
<div class="commentList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="" class="address"> <span>댓글주소</span></a>
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
<a href="#" onclick="" class="write"> <span>댓글쓰기</span></a>
</span>
<p></p>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="" class="address"> <span>댓글주소</span></a>
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
</span>
<p></p>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ol>
</s_rp_container>
</div>

<s_rp_input_form>
<div class="commentWrite">
<s_rp_member>
<s_rp_guest>
<div class="input_writer">
<input type="text" name="" value="" />
<input type="password" maxlength="8" name="" value="" /> <input type="text" class="homepage" name="" value=""/>
</div>
</s_rp_guest>
<div class="input_sec">
<input type="checkbox" name="" class="checkbox" /> <label for="_">ONLY SHOW TO ADMIN</label>
</div>
</s_rp_member>
<textarea name="" rows="10" cols="50"></textarea><br/>
<input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
</div>
</s_rp_input_form>
</div>

</s_rp><br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b><div class="box_hblank1"></div>
</s_article_rep>

<div id="footer">
<s_paging>
<div class="paging">
<a class="">PREV</a>
<span class="numbox">
<s_paging_rep>
<a class="num"> </a>
</s_paging_rep>
</span>
<a class="">NEXT</a>
</div>

</center>
<br>

</p>

</s_paging>
<div class="copyright">
POWERED BY <a href="http://tattertools.com" onclick="window.open(this.href); return false">TATTER TOOLS</a> | SKIN BY <a href="http://iscubix.com" onclick="window.open(this.href); return false">IENDEV</a> | IS Base 0.34<br/>
<a href="https://comzil.tistory.com/guestbook">COPYRIGHT ⓒ 컴질스토리, ALL RIGHTS RESERVED. CONTACT BLOGGER.</a></span>
</div>
</div>

</div>

<s_sidebar_element>

<div class="blogDesc">'컴질스토리'은 IT전문 블로그입니다. 유용한 컴퓨터 정보를 공유합니다. <br/><span style="font-family:웹정10">by</span> <strong>컴질스토리</strong></div>
</s_sidebar_element>

<s_sidebar_element>

<div class="admin_button"><a href="https://comzil.tistory.com/manage"><img src="./images/btn_admin.gif"></a> <a href="https://comzil.tistory.com/manage/entry/post"><img src="./images/btn_entry.gif"></a></div>
</s_sidebar_element>

<s_sidebar_element>

<s_rct_notice>
<div class="notice">
<ul>
<s_rct_notice_rep>
<li><a href=""></a> </li>
</s_rct_notice_rep>
</ul>
</div>
</s_rct_notice>
</s_sidebar_element>

<s_sidebar_element>

<div class="category">
<h3 onclick="javascript:show_hide_div('cat_div');">ARTICLE CATEGORY</h3>
<div id="cat_div">

All Post (2029)

Free Apps (8)

Internet (539)

Operating System (158)

Software (565)

Mobile (130)

Blog (156)

Uncategorized (472)

</div>
</div>
</s_sidebar_element>

<s_sidebar_element>

<div id="archive" class="archive">
<h3 onclick="javascript:show_hide_div('as_div');">ARCHIVE & SEARCH</h3>
<div id="as_div">
<select id="sel_archive" onChange="javascript:location.href = this.options[selectedIndex].value;;" >
<option value="">--- Select Archive ---</option>
<s_archive_rep>
<option value=""> <span class="cnt">()</span></option>
</s_archive_rep>
</select>
<s_search>
<div style="float:left;width:95px;">
<input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { }"/></div>
<div >
<a href="javascript:;"><img src="./images/search_button.gif" onclick="" /></a>
</div>
</s_search>
</div>
</div>
</s_sidebar_element>

<s_sidebar_element>

<div class="calendar" >
<h3 onclick="javascript:show_hide_div('calendar_box');">CALENDAR</h3>
<div id="calendar_box" >
<div class="calendar_box_d" >

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30

</div>
</div>
</div>
</s_sidebar_element>

<s_sidebar_element>

<div class="recentPost">
<h3 onclick="javascript:show_hide_div('rct_article_div');">RECENT ARTICLE</h3>
<div id="rct_article_div">
<ul>
<s_rctps_rep>
<li>
<a href=""> </a>
<span class="cnt"></span>
</li>
</s_rctps_rep>
</ul>
</div>
</div>
</s_sidebar_element>

<s_sidebar_element>

<div class="tagbox">
<h3 onclick="javascript:show_hide_div('tag_div');">TAG CLOUD</h3>
<div id="tag_div" >
<ul>
<s_random_tags>
<li><a href="" class=""> </a></li>
</s_random_tags>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>

<div class="recentComment">
<h3 onclick="javascript:show_hide_div('rct_comment_div');">RECENT COMMENT</h3>
<div id="rct_comment_div" >
<ul>
<s_rctrp_rep>
<li>
<a href=""></a>
</li>
</s_rctrp_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>

<div class="recentTrackback">
<h3 onclick="javascript:show_hide_div('rct_tb_div');">RECENT TRACKBACK</h3>
<div id="rct_tb_div" >
<ul>
<s_rcttb_rep>
<li>
<a href=""></a>
</li>
</s_rcttb_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>

<div class="link">
<h3 onclick="javascript:show_hide_div('link_div');">MY LINK</h3>
<div id="link_text_div" >

</div>
<div id="link_div" >
<ul>
<s_link_rep>
<li>
<a href="" onclick="window.open(this.href); return false"><script>is_LinkIcon("");</script></a>
</li>
</s_link_rep>
</ul>
</div>
</div>
</s_sidebar_element>
<s_sidebar_element>

<div class="counter">
<h3 onclick="javascript:show_hide_div('cnt_div');">COUNTER</h3>
<div id="cnt_div" class="detail" >
<span class="total"><script>document.write (addCommas(""));</script></span><br/>
TODAY <span class="tynum"></span> | YESTERDAY <span class="tynum"></span>

</div>
</div>
</s_sidebar_element>
<s_sidebar_element>

<div class="btn">
<a href="https://comzil.tistory.com/rss" onclick="window.open(this.href); return false"><img src="./images/rss.gif" style="border:0"/></a> <a href="http://iscubix.com" onclick="window.open(this.href); return false"><img src="./images/iscubix.gif" style="border:0"/></a>
<br>
<br>
<center>
사이드바 랜덤배너소스

<br>

<script type='text/javascript'>
<!--
e9_bloglink_unit = 3;
e9_bloglink_width = 180;
e9_bloglink_skin = 0;
e9_bloglink_border = 'ffffff';
e9_bloglink_border_type = 'solid';
e9_bloglink_bg = 'ffffff';
e9_bloglink_link = '6a6a6a';
e9_bloglink_desc = '8c8c8c';
e9_bloglink_url = 'a8a8a8';
e9_bloglink_menu_bg = 'f7f7f7';
e9_bloglink_menu_link = 'dd7d00';

//특정단어가 이름이나 설명에 포함되는 블로그의 광고를 필터링할 수 있습니다.
//쉼표(,)로 구분하여 다수의 단어를 설정할 수 있으며 최소 한글 2글자 영어 3글자 이상이어야 합니다.
//예) e9_bloglink_filter_word = '야동,야사';
e9_bloglink_filter_word = '';
//-->
</script><script type='text/javascript' src='http://bloglink.mixsh.com/widget/script/ab.js'></script>

</center>

</div>
</s_sidebar_element>
</s_sidebar><div class="sbox_hblank1"></div>
</div>

<b class="nbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<br /><br />
</div>

</div>
<script></script>
</s_t3>

</body>
</html>

----------------------------------

style.css

---------------------------------
@charset "utf-8";

/* 본문 공통 */

body{
font:11px/18px Dotum, Tahoma, Verdana, AppleGothic, Sans-serif;
background:url(images/bg.gif) top left repeat;
background-color:#D5D5D5;
color:#333;
line-height:18px;
padding:0px;
margin:0px;
}
a:link { color:#333; text-decoration:none;}
a:visited { color:#333; text-decoration:none;}
a:hover { color:#c45050; text-decoration:none;}
a:active { color:#333; text-decoration:none;}

/* 종류별 코멘트 */
.rp_general { }
.rp_admin { }
.rp_secret    { color:#f30; }
/* 종류별 코멘트 */
.guest_general    { }
.guest_admin    { }
/* 비밀 댓글 (로그아웃시 비밀글 표현)    */
.hiddenComment { color:#c45050; font-weight:normal;}

/* 이미지 아래 캡션 스타일 */
.cap1 { color:#999; text-align:center;}
/* 그림 */
.imageblock { }
/* 왼쪽 */
.left { }
/* 가운데 */
.center { }
/* 오른쪽 */
.right    { }
/* 그림 2개 배치 */
.dual { background-color:#fff; margin-bottom:5px;}
/* 그림 3개 배치 */
.triple { background-color:#fff; margin-bottom:5px;}
/* 본문 - more / less */
.moreless_fold    { background:url(images/iconMore.gif) top left no-repeat; padding-left:20px; color:#000;}
.moreless_top { background:url(images/iconLess.gif) top left no-repeat; padding-left:20px; color:#000;}
.moreless_body    { pading-bottom:15px;}
.moreless_bottom    { background:url(images/iconLess.gif) top right no-repeat; padding-right:20px; color:#999; text-align:right;} */

hr    { display:none; }
img { border:0;}
h1, h2, h3, h4 { margin:0; padding:0;}
h1    { font-size:1.8em;}
h2    { font-family:dotum,tahoma; font-size:11px; padding-bottom:5px;}
h3    { font-family:tahoma; font-size:11px; padding-bottom:5px; }
h4    { font-size:11px; padding-bottom:5px;}
input { border:1px solid #aaa; font-size:11px; }
textarea    { border:1px solid #aaa; font-size:11px; }

/* 블로그 레이아웃 */
/* 본문 글 넓이를 변경 하려면 아래에서 container와 content의 width를 변경하시기 바랍니다. */
/* 이때 index.xml에서 본문 넓이(contentWidth) 변경후 스킨 리셋 (다른 스킨으로 변경후 다시 현재 스킨 선택) 하시기를 권장합니다. */

#tool {
width:100%;
min-height:10px;
clear:both;

}
#container {
width:950px;
border:0px ;
margin:0px auto;
padding:0px;
}
#header {
margin-bottom:10px;
min-height:10px;
clear:both;
overflow:hidden;
}
#content {
float:right;
width:750px;
overflow:hidden;
}
#sidebar {
display:block;
float:right;
width:190px;
margin-right:10px;
overflow:hidden;
}

/* ***** Header ***** */

#header .header_wrap { }
#header .blogTitle { padding-top:25px; padding-left:2px; }
#header .blogTitle a { color:#000000; font:1.0em tahoma,dotum; font-weight:bold; float:left; padding-bottom:3px; border-bottom:2px dotted #c45050;}
#header .blogMenu { text-align:right; padding-right:2px;}

#header .blogMenu ul { margin:0; padding-bottom:7px; list-style:none;}
#header .blogMenu li { padding-bottom:3px; display:inline; background:url(images/bullBar.gif) no-repeat; margin-left:3px; padding-left:7px;}
#header .blogMenu li a { color:#000000; font:11px tahoma; }
#header li.tab_blog { background:none; }
#header li.tab_blog a { font-weight:bold; }

/* Head Background Image */
body#tt-body-blog #header .blogMenu li.tab_blog a ,
body#tt-body-page #header .blogMenu li.tab_blog a,
body#tt-body-category #header .blogMenu li.tab_blog a,
body#tt-body-search #header .blogMenu li.tab_blog a,
body#tt-body-archive #header .blogMenu li.tab_blog a,
body#tt-body-entry #header .blogMenu li.tab_blog a,
body#tt-body-notice #header .blogMenu li.tab_blog a { color:#c45050;}
body#tt-body-location #header .blogMenu li.tab_loc a { color:#c45050;}
body#tt-body-tag #header .blogMenu li.tab_tag a { color:#c45050;}
body#tt-body-keylog #header .blogMenu li.tab_key a { color:#c45050;}
body#tt-body-media #header .blogMenu li.tab_media a { color:#c45050;}
body#tt-body-guestbook #header .blogMenu li.tab_guest a { color:#c45050;}

body#tt-body-media #content { background:url(images/bg_mcontent.gif) no-repeat; padding-top:42px; text-align:center; }

/* ***** ROUND BOX *** */
.rtop, .rbottom{display:block; }
.rtop * {display:block; height:1px; overflow:hidden; background: #EEEEEE}
.rbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; }

.htop, .hbottom{display:block; }
.htop * {display:block; height:1px; overflow:hidden; background: #ffffff}
.hbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #ffffff; }

.ntop, .nbottom{display:block; }
.ntop * {display:block; height:1px; overflow:hidden; background: #f9f9f9}
.nbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; background: #f9f9f9; }

.r1{margin:0 5px; background:#999999}
.r2{margin:0 3px; border-left:2px solid #999999; border-right:2px solid #999999;}
.r3{margin:0 2px; border-left:1px solid #999999; border-right:1px solid #999999;}
.r4{margin:0 1px; height:2px; border-left:1px solid #999999; border-right:1px solid #999999;}

.ftop, .fbottom{display:block; }
.ftop * {display:block; height:1px; overflow:hidden; }
.fbottom *{ margin-bottom:10px; display:block; height:1px; overflow:hidden; }

.f1{margin:0 5px; background:#BBBBBB}
.f2{margin:0 3px; border-left:2px solid #BBBBBB; border-right:2px solid #BBBBBB;}
.f3{margin:0 2px; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.f4{margin:0 1px; height:2px; border-left:1px solid #BBBBBB; border-right:1px solid #BBBBBB;}
.box_hblank1 { padding:5px; }
.box_hblank2 { padding:10px; }

/* ***** Tool ***** */
#tool .admin_button { text-align:right; float: right; padding: 5px 5px 0px 0px; clear:both; margin:0px;}

/* ***** title_wrap **** */
.titleWrap { margin-bottom: 12px;}

/* ***** artice_title : h2 hover**** */

#content .notice,
#content .keylog,
#content .localog,
#content .taglog,
#content .entryNotice,
#content .entryProtected,
#content .guestbook,
#content .searchList,
#content .searchRplist,
#content .entry { padding:18px 18px 0px 18px; border-left:1px solid #999999; border-right:1px solid #999999; background:url("images/bg_entry_top.jpg") repeat-x 0px 0px; background-color:#ffffff; }

#content .prologue h3,
#content .notice h3,
#content .profile h3,
#content .keylog h3,
#content .localog h3,
#content .taglog h3,
#content .guestbook h3,
#content .searchList h3,
#content .searchRplist h3 { border-bottom:1px solid #ccc; margin-bottom:10px; color:#222;}

.searchList .kw,
.searchRplist .kw    { padding-left:3px;color:#c45050;}
.searchList ol,
.searchRplist ol    { list-style:none; padding:0px; margin:0;}
.searchList li,
.searchRplist li    { background:url(images/line_dot_gray2.gif) 0px 19px repeat-x; padding-bottom:2px; margin-bottom:5px;}
.searchList .date,
.searchRplist .date { font:10px Tahoma; margin-right:10px; float:left; width:50px; text-align:right}
.keylog .title,
.searchList .title,
.searchRplist .title    { padding-left:10px; font:11px Dotum, Tahoma; margin-right:10px; float:left; }
.searchList .count,
.searchRplist .count    { padding-left:3px; font-weight:normal; font:8px tahoma;}
.searchList .cnt    { font:9px Tahoma; color:#f60;}
.searchRplist .name { font:10px Dotum, Tahoma;    color:#999; padding-left:8px;}

.localog .spot    { background:url(images/iconIndentArrow_local.gif) 5px 0 no-repeat; padding-left:20px; margin-top:5px;}
.localog .info    { background:url(images/iconIndentArrow_localinfo.gif) 5px 3px no-repeat; padding-left:15px; margin-top:2px;}
.localog a:link { color:#c45050;}
.localog a:visited    { color:#c45050;}
.localog a:hover    { color:#c45050; text-decoration:none; }
.localog a:active    { color:#c45050; text-decoration:none;}

.keylog ul { margin:0; text-align:justify; }
.keylog a:hover { background-color:#eee; color:#000;}
.key1 { cursor: pointer; border-bottom: 1px dotted #ccc; }

.taglog ul    { margin:0; text-align:justify;}
.taglog li    { display:inline;}
.taglog a:hover { background-color:#eee; color:#000;}
.taglog li .cloud1    { font-weight:bold; color:#B80D0D}
.taglog li .cloud2    { font-weight:bold; color:#0D66B8}
.taglog li .cloud3    { font-weight:bold; color:#C45050;}
.taglog li .cloud4    { }
.taglog li .cloud5    { }

.guestbook p { padding:6px 0 0 0; margin:0px;}

.guestWrite { margin:0px; padding:10px; background-color:#f5f5f5; border:1px solid #ddd;}
.guestWrite .input_writer { float:left; margin-bottom:4px;}
.guestWrite .input_sec { float:right; margin-bottom:4px; }
.guestWrite input { width:80px; }
.guestWrite textarea { font:11px dotum,tahoma; margin-bottom:5px;width:98%; height:100px;}
.guestWrite .homepage { width:130px;}
.guestWrite .submit { border:0px }
.guestWrite .checkbox { border:none; padding:0; margin:0; width:20px;}

.guestList    { padding:0px;}
.guestList ol { padding:0px;}
.guestList ol,
.guestList ul { list-style:none; font:11px Dotum, Tahoma; line-height:18px; margin:0px; padding:0px; margin-top:10px;}
.guestList li p { margin-top:5px; padding-top:5px;}
.guestList ol li    { border:5px solid #eee; padding:10px; margin-bottom:10px; overflow:hidden;}
.guestList li ul li { margin-left:20px; margin-top:10px; background:url("images/iconIndentArrow_local.gif") no-repeat 10px 10px; background-color:#f5f5f5; padding-left:25px; border:none; overflow:hidden;}
.guestList li .name { color:#666; font-weight:bold;}
.guestList li .name a:hover { color:#3D8EC1; text-decoration:none;}
.guestList li .date { font:11px Tahoma;}
.guestList .control a.modify { background:url(images/iconModify.gif) no-repeat; padding:0 0 2px 53px; text-decoration:none;}
.guestList .control a.modify span { display:none;}
.guestList .control a.write    { background:url(images/iconWrite.gif) no-repeat; padding:0 5px 2px 53px; text-decoration:none;}
.guestList .control a.write span { display:none;}

/* entry */

.entryProtected h2,
.entry h2 { background:url(images/icon_title.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px; color:#222; font-size:11px;}
.entryNotice h2 { background:url(images/icon_notice.gif) 0px 3px no-repeat; border-bottom:1px solid #ccc; padding-left:18px; margin-bottom:10px; color:#222; font-size:11px;}

.titleWrap .admin    { padding-top:5px; }
.titleWrap .category { font-size:11px; ; margin-right:5px;}
.titleWrap .category_notice { font:11px tahoma; margin-right:5px;}
.titleWrap .date { font:8px Tahoma; color:#888;}
.entryProtected .protected_box { background-color:#f9f9f9; padding:10px; }
.entryProtected .text    { background:url(images/imgProtected.gif) 15px 5px no-repeat ; font:10px Tahoma; font-weight:bold; padding-left:42px; }
.entryProtected .text p { padding:4px; margin:0px; }
.entryProtected input    { width:100px; height:12px; font:10px tahoma;}
.entryProtected .submit { width:50px; height:16px; font:10px tahoma; background-color:#f5f5f5;}
.admin { font:10px tahoma,Dotum; }
.article { text-align:justify; font-size:11px; font-family: 돋움,tahoma; width:100%; margin:0px 0px 22px 0px; overflow:hidden; background-color:#ffffff; clear:both}
.article a:link { color:#c45050; text-decoration:none;}
.article a:visited    { color:#c45050; text-decoration:none;}
.article a:hover    { color:#c45050; text-decoration:none;}
.article a:active { color:#c45050; text-decoration:none;}

.article dt    { text-decoration:underline;}
.article dd    { margin-left:20px; padding-bottom:10px;}
.article blockquote    { font-size:11px; background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:35px; margin-left:5px;}

.goup { float:right; width:43px; text-align:right; }
.tagTrail { padding:0px 0px 10px 64px; background:url(images/tag.gif) 0px 1px no-repeat; }
.tagItem { }

.actionTrail { clear:both; margin-top:5px; padding:12px 1px 22px 1px; font:11px Dotum, Tahoma; background-color:#ffffff; border-top:1px solid #cccccc }
.tbcm { font:11px tahoma; float:left; width:auto;padding-top:3px; background-color:#ffffff}
.tbcm_vbar { color:#C6C6C6; padding:0px 4px 0px 4px;}
.actionTrail .cnt { color:#f60; padding-left:4px; font-weight:bold;}

.trackback { clear:both; padding:10px 0px 0px 0px; width:100%; overflow:hidden;}
.taackback ol,ul,li    { margin:0; padding:0; }
.trackback_address { background:url(images/clip_tb.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:10px/1 tahoma; cursor:pointer; padding:10px 10px 10px 110px; margin:0px;}
.trackback a { color:#000;}
.trackback .from { font-weight:normal; padding:0px; margin:0px;}
.trackback h4    { font-weight:normal; padding:0px; margin:0px;}
.trackback ol    { padding:0px; margin:0; padding-top:5px; padding-bottom:5px; list-style:none;}
.trackback li    { margin-bottom:5px; margin-top:0px; padding-top:5px; padding-bottom:10px; background:url(images/line_dot_gray2.gif) bottom left repeat-x; }
.trackback .date { font:10px Tahoma; color:#777;}
.trackback p { font:11px Dotum, Tahoma; line-height:18px; margin:0px; margin-top:5px; padding:0px; padding-top:0px;color:#999;}

.trackback a.delete { background:url(images/iconDelete.gif) left top no-repeat; padding-left:8px; text-decoration:none;}
.trackback a.delete span { display:none;}

.comment    { clear:both; padding:10px 0px 5px 0px; line-height:18px; width:100%; overflow:hidden;}
.comment_title    { background:url(images/clip_reply.gif) 10px no-repeat; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background-color:#F6F4F0;font:8px tahoma,dotum; padding:10px 10px 10px 110px; }
.comment p    { font:11px Dotum, Tahoma; line-height:18px; margin:0px; padding:0px; margin-top:10px;margin-bottom:10px;}

.comment h3 { display:none;}
.comment ol,
.comment ul { margin:0; padding:0; list-style:none;}
.comment .date    { font:10px Tahoma; color:#777;}
.comment .name    { font-weight:bold;}
.comment ol li { background:url(images/line_dot_gray2.gif) bottom repeat-x; padding:10px 0px 2px 0px;}
.comment li ul li { border:0px; padding:0px 0px 0px 35px; background:url("images/iconIndentArrow_local.gif") no-repeat 18px 2px;}
.comment .control a.address { font-size:14px;background:url(images/iconAddress.gif) 0px 0px no-repeat; padding-left:38px; padding-bottom:2px; text-decoration:none;}
.comment .control a.address span { display:none;}
.comment .control a.modify    { font-size:14px;background:url(images/iconModify.gif) no-repeat; padding-left:55px; padding-bottom:2px; text-decoration:none;}
.comment .control a.modify span { display:none;}
.comment .control a.write { font-size:14px;background:url(images/iconWrite.gif) no-repeat; padding-left:40px; padding-bottom:2px; text-decoration:none;}
.comment .control a.write span    { display:none;}

.commentWrite { margin:0px; padding:10px; margin-top:10px; background-color:#f5f5f5; border:1px solid #ddd;}
.commentWrite .input_writer    { float:left; margin-bottom:4px;}
.commentWrite .input_sec    { float:right; margin-right:6px; margin-bottom:5px; font:8px tahoma; }
.commentWrite input { width:80px; }
.commentWrite textarea    { font:11px dotum,tahoma; margin-bottom:5px;width:99%; height:100px;}
.commentWrite .homepage { width:130px;}
.commentWrite .submit { border:0px }
.commentWrite .checkbox { border:none; padding:0; margin:0; width:20px;}

/* ***** sidebar ***** */

#sidebar { }
#sidebar .side_item { padding:10px 10px 10px 10px; padding-left:8px; border-left:1px solid #999999; border-right:1px solid #999999; background-color:#f9f9f9; }

#sidebar a:link    { color:#333; text-decoration:none;}
#sidebar a:visited { color:#333; text-decoration:none;}
#sidebar a:hover { color:#C45050; text-decoration:none;}
#sidebar a:active    { color:#333; text-decoration:none;}

#sidebar ul    { list-style:none;}
#sidebar li    { padding-left:0px;}
#sidebar h3    { cursor:pointer; font-family:tahoma,dotum; font-size:11px; font-weight:bold; color:#C45050; background:url(images/line_dot_gray.gif) 0px 22px repeat-x; margin-bottom:10px;}
#sidebar .item_title    { font-family:tahoma,dotum; font-size:11px; font-weight:bold; color:#C45050; margin-bottom:35px;}
#sidebar .cnt    { font:0.85em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f60;}
#sidebar .date { font:10px Tahoma; color:#888;}
#sidebar .name { font:0.9em Dotum, Arial, sans-serif; color:#888;}

#sidebar .blogImage img { width:170px; padding-bottom:0px;}
#sidebar .blogDesc { margin-top:10px; color:#888; line-height:16px; }
#sidebar .userID { color:#888; background:url(images/iconBy.gif) 3px 0 no-repeat; padding-left:22px; letter-spacing:-1px;}

#sidebar .notice { margin-top:10px; padding:0;}
#sidebar .notice li { margin:0px; padding:0px; padding-bottom:1px; background:none;}
#sidebar .notice a:link,
#sidebar .notice a:visited { background:url(images/iconNotice.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}
#sidebar .notice a:hover { background:url(images/iconNotice_on.gif) 0 0 no-repeat; padding:2px 0 5px 19px;}

#sidebar .category { margin-top:10px; margin-bottom:0px;background:none;}
#sidebar .category h3    { margin-bottom:10px;}
#sidebar .category li    { background:none;}
#sidebar .category li ul li    { background:url(images/bul.gif) 0 6px no-repeat; padding-left:10px;}
#sidebar .category li ul li ul li { background:none; border-left:1px dotted #ccc; padding-left:6px; margin-left:2px;}
#sidebar .category li ul li ul li a{ color:#999;}

/* 카테고리 - 이미지 버튼 */
.ib { font-size:11px, dotum; cursor:pointer;}
/* 카테고리 - 트리 셀 */
.branch3 { padding-left:1px; font-size:11px; cursor:pointer;}
/* 카테고리 - 카테고리 옆 개수 스타일 */
.c_cnt { font:0.75em Tahoma, Helvetica, Arial, Gulim, sans-serif; color:#f30;}

#sidebar .archive { margin-top:10px; font-family:tahoma;}
#sidebar .archive select { font-size:10px;font-family:tahoma;width:162px;}
#sidebar .archive input { margin-top:5px; font:11px dotum,tahoma; width:90px; height:13px;}
#sidebar .archive img { margin-top:5px; }

#sidebar .recentPost { margin-top:10px; }
#sidebar .recentSc { margin-top:10px; }

#sidebar .calendar { margin-top:10px;}
#sidebar #calendar_box { }
#sidebar .calendar_box_d { font:11px verdana; padding:0px 5px 0px 0px;}

/* 달력 월 표시 */
.cal_month { font-size:100%; height:20px; font-family:tahoma; text-align:center; color:#e1cdbd; }
/* 달력 요일 표시 */
.cal_week1 {font-size:100%; font-weight:normal; font-family:dotum; height:15px; text-align:center;}
/* 달력 일요일 표시 */
.cal_week2 {font-size:100%; font-weight:normal; font-family:dotum; color: #ff845e; text-align:center;}
/* 달력 지난 달 날짜 표시 */
.cal_day1 { font-size:100%; font-family:tahoma; color:#000; text-align:center;}
/* 달력 다음 달 날짜 표시 */
.cal_day2 {font-size:100%; font-family:tahoma; color: #000; text-align:center;}
/* 달력 이번 달 날짜 표시 */
.cal_day3 { font-size:100%; font-family:tahoma; text-align:center;}
/* 달력 오늘 날짜 표시 */
.cal_day4 { font-size:100%; font-family:tahoma; text-decoration:underline; text-align:center; }
/* 달력 글쓴 날 링크 스타일 */
a.cal_click{ font-weight:bold; color:#B80D0D;}
a.cal_click:link { color:#B80D0D; text-align:center;}
a.cal_click:visited { color:#B80D0D; text-align:center;}
a.cal_click:hover { color : #fff; text-align:center;}

#sidebar .tagbox { margin-top:10px;}
#sidebar .tagbox ul    { text-align:justify;}
#sidebar .tagbox li    { background:none; display:inline;}
#sidebar .tagbox a { letter-spacing:-1px;}
#sidebar .tagbox li .cloud1    { font-weight:bold; color:#B80D0D}
#sidebar .tagbox li .cloud2    { font-weight:bold; color:#0D66B8}
#sidebar .tagbox li .cloud3    { font-weight:bold; color:#C45050;}
#sidebar .tagbox li .cloud4    { }
#sidebar .tagbox li .cloud5    { }

#sidebar .recentComment    { margin-top:10px;}
#sidebar .recentTrackback    { margin-top:10px;}
#sidebar .link { margin-top:10px;}
#sidebar .link li { }
#sidebar .yag    { margin-top:10px;}
#sidebar .counter    { margin-top:10px; font-size:11px; font-family:tahoma; }
#sidebar .detail { font-size:10px; line-height:20px; margin-top:10px;}
#sidebar .counter .detail .total { font-size:18px; font-weight:bold; color:#E27F7F; }
#sidebar .counter .detail .tynum { color:#C45050 }

#sidebar .btn { margin-top:10px;}

/* 페이징 */
.selected { font:11px tahoma, dotum; font-weight:bold; color:#f30;}
.no-more-prev,
.no-more-next { font:11px; color:#858585;}
.paging { margin-bottom:15px; text-align:center; font:11px tahoma;}
.paging .numbox { border-left:1px solid #B5B5B5; padding-left:6px; margin-left:6px; font:11px verdana;}
.paging .num { border-right:1px solid #B5B5B5; padding-right:8px; margin-right:5px;}

/* ***** footer ***** */
#footer { font:10px/1.8 tahoma,dotum; margin-top:10px;margin-bottom:20px;color:#A0A0A0}
#footer .copyright { text-align:center; }
#footer a:link { color:#888888; text-decoration:none;}
#footer a:visited { color:#888888; text-decoration:none;}
#footer a:hover { color:#000000; text-decoration:none;}
#footer a:active { color:#888888; text-decoration:none;}

--------------------------------------

</div>
<center>
<hr size="1" noshade color="#CCCCCC">

<s_tag_label>
<div class="tagTrail"></div>
</s_tag_label>
<div class="actionTrail">
<div class="tbcm">
<a href="#tb" onclick="">
<s_tb_count>TRACKBACK <span class="cnt"></span></s_tb_count></a>

<span class="tbcm_vbar"> AND </span>
<a href="#rp" onclick="">
<s_rp_count>COMMENT <span class="cnt">0</span></s_rp_count></a>
</div>
<div class="goup"><a href="#"><img src="./images/subup.gif"></a></div>
</div>
<s_tb>
<div class="trackback">
<div class="trackback_address"></div>
<s_tb_container>
<ol>
<s_tb_rep>

</s_tb>
<s_rp>
<div class="comment">
<div class="comment_title">YOUR COMMENT IS THE CRITICAL SUCCESS FACTOR FOR THE QUALITY OF BLOG POST</div>
<div class="commentList">
<s_rp_container>
<ol>
<s_rp_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="" class="address"> <span>댓글주소</span></a>
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
<a href="#" onclick="" class="write"> <span>댓글쓰기</span></a>
</span>
<p></p>
</div>
<s_rp2_container>
<ul>
<s_rp2_rep>
<li id="">
<div class="">
<span class="name"></span>
<span class="date"> </span>
<span class="control">
<a href="" class="address"> <span>댓글주소</span></a>
<a href="#" onclick="" class="modify"> <span>수정/삭제</span></a>
</span>
<p></p>
</div>
</li>
</s_rp2_rep>
</ul>
</s_rp2_container>
</li>
</s_rp_rep>
</ol>
</s_rp_container>
</div>

<s_rp_input_form>
<div class="commentWrite">
<s_rp_member>
<s_rp_guest>
<div class="input_writer">
<input type="text" name="" value="" />
<input type="password" maxlength="8" name="" value="" /> <input type="text" class="homepage" name="" value=""/>
</div>
</s_rp_guest>
<div class="input_sec">
<input type="checkbox" name="" class="checkbox" /> <label for="_351">ONLY SHOW TO ADMIN</label>
</div>
</s_rp_member>
<textarea name="" rows="10" cols="50"></textarea><br/>
<input type="image" src="./images/btn_reply.gif" onclick="" class="submit" />
</div>
</s_rp_input_form>
</div>

</s_rp><br/>
</div>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b><div class="box_hblank1"></div>
</s_article_rep>

<div id="footer">
<s_paging>
<div class="paging">
<a class="">PREV</a>
<span class="numbox">
<s_paging_rep>
<a class="num"> </a>
</s_paging_rep>
</span>
<a class="">NEXT</a>
</div>

</center>
<br>

</p>

</s_paging>
<div class="copyright">
POWERED BY <a href="http://tattertools.com" onclick="window.open(this.href); return false">TATTER TOOLS</a> | SKIN BY <a href="http://iscubix.com" onclick="window.open(this.href); return false">IENDEV</a> | IS Base 0.34<br/>
<a href="https://comzil.tistory.com/guestbook">COPYRIGHT ⓒ 컴질스토리, ALL RIGHTS RESERVED. CONTACT BLOGGER.</a></span>
</div>
</div>

</div>

<s_sidebar_element>

<div class="blogDesc">'컴질스토리'은 IT전문 블로그입니다. 유용한 컴퓨터 정보를 공유합니다. <br/><span style="font-family:웹정10">by</span> <strong>컴질스토리</strong></div>
</s_sidebar_element>

<s_sidebar_element>

<div class="admin_button"><a href="https://comzil.tistory.com/manage"><img src="./images/btn_admin.gif"></a> <a href="https://comzil.tistory.com/manage/entry/post"><img src="./images/btn_entry.gif"></a></div>
</s_sidebar_element>

<s_sidebar_element>

<s_rct_notice>
<div class="notice">
<ul>
<s_rct_notice_rep>
<li><a href=""></a> </li>
</s_rct_notice_rep>
</ul>
</div>
</s_rct_notice>
</s_sidebar_element>

<s_sidebar_element>

<div class="category">
<h3 onclick="javascript:show_hide_div('cat_div');">ARTICLE CATEGORY</h3>
<div id="cat_div">

All Post (2029)

Free Apps (8)

Internet (539)

Operating System (158)

Software (565)

Mobile (130)

Blog (156)

Uncategorized (472)

</div>
</div>
</s_sidebar_element>

<s_sidebar_element>

<div id="archive" class="archive">
<h3 onclick="javascript:show_hide_div('as_div');">ARCHIVE & SEARCH</h3>
<div id="as_div">
<select id="sel_archive" onChange="javascript:location.href = this.options[selectedIndex].value;;" >
<option value="">--- Select Archive ---</option>
<s_archive_rep>
<option value=""> <span class="cnt">()</span></option>
</s_archive_rep>
</select>
<s_search>
<div style="float:left;width:95px;">
<input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { }"/></div>
<div >
<a href="javascript:;"><img src="./images/search_button.gif" onclick="" /></a>
</div>
</s_search>
</div>
</div>
</s_sidebar_element>

<s_sidebar_element>

<div class="calendar" >
<h3 onclick="javascript:show_hide_div('calendar_box');">CALENDAR</h3>
<div id="calendar_box" >
<div class="calendar_box_d" >

« 2024/11 »
일	월	화	수	목	금	토
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30