태터데스크 관리자

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

태터데스크 메시지

저장하였습니다.







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



Posted by megan
TAG