[HTML/CSS에서 사이드바에 있는 그룹과 글의 목록 박스에 넣어 정리하기]
1. 글 보관함 원상태:
<s_sidebar_element>
<!-- 최근 보관함 모듈 -->
<div class="archives">
<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>
글 보관함 박스에 넣기:
<s_sidebar_element>
<!-- 최근 보관함 모듈 -->
<div class="archives">
<h3>글 보관함</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_archive_rep>
<option value="[##_archive_rep_link_##]">[##_archive_rep_date_##] ([##_archive_rep_count_##])</option>
</s_archive_rep>
</select>
</div>
</div>
</s_sidebar_element>
<!-- 최근 보관함 모듈 -->
<div class="archives">
<h3>글 보관함</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_archive_rep>
<option value="[##_archive_rep_link_##]">[##_archive_rep_date_##] ([##_archive_rep_count_##])</option>
</s_archive_rep>
</select>
</div>
</div>
</s_sidebar_element>
=================================================================================================================================
2. 링크 원상태:
<s_sidebar_element>
<!-- 링크 모듈 -->
<div id="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>
링크관련 박스에 넣고 팝업창으로 띄우기:
<s_sidebar_element>
<!-- 링크 모듈 -->
<div id="link">
<h3>링크</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="window.open(this.value);" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_link_rep>
<option value="[##_link_url_##]">[##_link_site_##]</option>
</s_link_rep>
</select>
</div>
</div>
</s_sidebar_element>
<!-- 링크 모듈 -->
<div id="link">
<h3>링크</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="window.open(this.value);" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_link_rep>
<option value="[##_link_url_##]">[##_link_site_##]</option>
</s_link_rep>
</select>
</div>
</div>
</s_sidebar_element>
또는 박스에 넣고 현재창 띄우기:
<s_sidebar_element>
<!-- 링크 모듈 -->
<div id="link">
<h3>링크</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_link_rep>
<option value="[##_link_url_##]">[##_link_site_##]</option>
</s_link_rep>
</select>
</div>
</div>
</s_sidebar_element>
<!-- 링크 모듈 -->
<div id="link">
<h3>링크</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_link_rep>
<option value="[##_link_url_##]">[##_link_site_##]</option>
</s_link_rep>
</select>
</div>
</div>
</s_sidebar_element>
=================================================================================================================================
3. 최근 댓글 원상태:
<s_sidebar_element>
<!-- 최근 댓글 모듈 -->
<div id="recentComment">
<h3>최근에 달린 댓글</h3>
<ul id="recentComments">
<s_rctrp_rep>
<li>
<a href="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##].</a>
<span class="info">
<span class="name">[##_rctrp_rep_name_##]</span>
<span class="date">[##_rctrp_rep_time_##]</span>
</span>
</li>
</s_rctrp_rep>
</ul>
</div>
</s_sidebar_element>
늘어진 최근 댓글 박스에 넣어 깨끗하게 정리하기:
<s_sidebar_element>
<!-- 최근 댓글 모듈 -->
<div id="recentComment">
<h3>최근에 달린 댓글</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_rctrp_rep>
<option value="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##][##_rctrp_rep_name_##][##_rctrp_rep_time_##]</option>
</s_rctrp_rep>
</select>
</div>
</div>
</s_sidebar_element>
<!-- 최근 댓글 모듈 -->
<div id="recentComment">
<h3>최근에 달린 댓글</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_rctrp_rep>
<option value="[##_rctrp_rep_link_##]">[##_rctrp_rep_desc_##][##_rctrp_rep_name_##][##_rctrp_rep_time_##]</option>
</s_rctrp_rep>
</select>
</div>
</div>
</s_sidebar_element>
==================================================================================================================================
4. 최근에 올라온 글 원상태:
<s_sidebar_element>
<!-- 최근 포스트 모듈 -->
<div id="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>
최근에 올라온 글 박스에 넣어 정리하기:
<s_sidebar_element>
<!-- 최근 포스트 모듈 -->
<div id="recentPost">
<h3>최근에 올라온 글 </h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_rctps_rep>
<option value="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##][##_rctps_rep_rp_cnt_##]</option>
</s_rctps_rep>
</select>
</div>
</div>
</s_sidebar_element>
<!-- 최근 포스트 모듈 -->
<div id="recentPost">
<h3>최근에 올라온 글 </h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_rctps_rep>
<option value="[##_rctps_rep_link_##]"> [##_rctps_rep_title_##][##_rctps_rep_rp_cnt_##]</option>
</s_rctps_rep>
</select>
</div>
</div>
</s_sidebar_element>
================================================================================================================================
5. 태그목록 원상태:
<s_sidebar_element>
<!-- 태그목록 모듈 -->
<div id="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>
태그목록 박스에 넣어 정리하기:
<s_sidebar_element>
<!-- 태그목록 모듈 -->
<div id="tagbox">
<h3>태그목록</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_random_tags>
<option value="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</option>
</s_random_tags>
</select>
</div>
</div>
</s_sidebar_element>
<!-- 태그목록 모듈 -->
<div id="tagbox">
<h3>태그목록</h3>
<div id="as_div" align="center" >
<select id="sel_archive" onchange="javascript:location.href = this.options[selectedIndex].value;;" style="width:180px">
<option value="">--- Select Archive ---</option>
<s_random_tags>
<option value="[##_tag_link_##]" class="[##_tag_class_##]"> [##_tag_name_##]</option>
</s_random_tags>
</select>
</div>
</div>
</s_sidebar_element>
===============================================================================================================================
6. 카테고리 원상태:
<s_sidebar_element>
<!-- 카테고리 -->
<div class="category">
<h3>카테고리</h3>
[##_category_##]
</div>
</s_sidebar_element>
접혀진 카테고리 목록 펼치기:
<s_sidebar_element>
<!-- 카테고리 모듈 -->
<div class="category">
<h3>카테고리</h3>
[##_category_##]
</div>
<script language="JavaScript">try{expandTree();}catch(e){}</script>
</s_sidebar_element>
<!-- 카테고리 모듈 -->
<div class="category">
<h3>카테고리</h3>
[##_category_##]
</div>
<script language="JavaScript">try{expandTree();}catch(e){}</script>
</s_sidebar_element>
'Story in NY > megan' 카테고리의 다른 글
영화 '해리 포터'의 여주인공 브라운 대학 진학 (0) | 2009.07.23 |
---|---|
티스토리 이미지 테두리 제거하는 방법 (0) | 2009.06.11 |
비밀댓글 달려면 (2) | 2009.01.23 |
맨해튼 홈리스가 우리를 부른다. (0) | 2008.12.27 |
크리스마스 장식 구경 (0) | 2008.12.25 |
티스토리 사이드바 하위 그룹 접어서 정리하기 (0) | 2008.11.21 |
The Dark knight (Batman) (0) | 2008.08.01 |
미국의 교육에 관한 많은 글들은.... (0) | 2008.07.26 |
대학 지원서 작성을 마치고.... (0) | 2008.02.27 |
칼리지 투어 안내문 발송(Jan 28 /2005) (0) | 2006.01.14 |
TAG 관리
댓글을 달아 주세요