태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

티스토리 사이드바 하위 그룹 접어서 정리하기

Story in NY/megan 2008.11.21 06:27

HTML-CSS(Tistory).txt


사이드바하위그룹접기.txt



[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>

=================================================================================================================================

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>


또는 박스에 넣고 현재창 띄우기:
                                 
                               <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>


==================================================================================================================================

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>

================================================================================================================================

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>

===============================================================================================================================

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>



저작자표시비영리변경금지

'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
Posted by megan
TAG
트랙백 0개, 댓글 0개가 달렸습니다

댓글을 달아 주세요

◀ PREV [1] [···] [166] [167] [168] [169] [170] [171] [172] [173] [174] [···] [1498] NEXT ▶