tistory skin 편집

https://tistory.github.io/document-tistory-skin/common/global.html

글쓰기 관리 링크

<div class="widget search text-center" > <!-- 글쓰기 관리 -->
<!--<ul>-->
    <a href="https://symn.tistory.com/manage/entry/post"  style="color:#e9ecef;">글쓰기</a>
    <a href="https://symn.tistory.com/manage"  style="color:#e9ecef;">관리</a>
<!--</ul>-->
</div>

페이징

<div id="paging">
<s_paging>
    <a  class="prev ">
        PREV
        <span class="screen_out">
            이전
        </span>
    </a>
    <s_paging_rep><a class="numbox" ></a></s_paging_rep>
    <a  class="next ">
        NEXT
        <span class="screen_out">
            다음
        </span>
    </a>
</s_paging>
</div>

 

방문자수 (어제/오늘/총)

			<s_sidebar_element> <!-- Counter -->
			<div class="widget counter text-center">
				<span class="yesterday"></span> /
				<span class="today"></span> /
				<span class="total"></span>
			</div>
			</s_sidebar_element>

관련사이트 dropdown 메뉴 (footer에 주로 위치) 특정스킨에서만 정상동작

          <div class="box-site">
            <button type="button" data-toggle="xe-dropdown" aria-expanded="false">관련사이트</button>
            <ul>
              <s_link_rep>
                <li class="on"><a href="" target="_blank"></a></li>
              </s_link_rep>
            </ul>
          </div>

 

블로그 프로필 사진

<img src="https://tistory1.daumcdn.net/tistory/1720038/attach/5295283f906c45b89144b4b5da57c545" class="img-profile" alt="프로필사진">

 

블로그 설명

<p class="text-profile">개발, 컴퓨터, 기술,  IT,  관련하여 현업에서 겪은 일들, study, memo 등을 정리한 블로그입니다.</p>

 

카테고리

              <s_sidebar_element>
                  <!-- 카테고리 메뉴 -->
                  <div class="box-category box-category-2depth">
                    <nav>
                      
 분류 전체보기 (292) 
  
 java, spring (21) 
 java, mybatis (9) 
 db (28) 
 react (22) 
 js (48) 
  
 js syntax (14) 
 js date (8) 
 node, npm (3) 


 html, css (30) 
  
 css selector (4) 
 css color (3) 


 web, ui (20) 
  
 file, image (6) 
 material-ui (5) 


 git (30) 
 tips (18) 
 etc (16) 
  
 linux (14) 


 record (1) 




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

 

태그

              <s_sidebar_element>
                <!-- 태그 -->
                <div class="box-tag">
                  <h3 class="title-sidebar">Tag</h3>
                  <div class="box_tag">
                    <s_random_tags>
                      <a href="" class="">,</a>
                    </s_random_tags>
                  </div>
                </div>
              </s_sidebar_element>

 

최근글과 인기글

              <s_sidebar_element>
                <!-- 최근글과 인기글-->
                <div class="box-recent">
                  <h3 class="title-sidebar blind">최근글과 인기글</h3>
                  <ul class="tab-recent">
                    <li class="tab-button recent_button on"><a class="tab-button" href="#" onclick="return false;">최근글</a></li>
                    <li class="tab-button sidebar_button"><a class="tab-button" href="#" onclick="return false;">인기글</a></li>
                  </ul>
                  <ul class="list-recent">
                    <s_rctps_rep>
                      <li>
                        <a href="" class="link-recent">
                          <s_rctps_rep_thumbnail>
                            <p class="thumbnail" style="background-image:url('')"></p>
                          </s_rctps_rep_thumbnail>
                          <div class="box-recent">
                            <strong></strong>
                            <span></span>
                          </div>
                        </a>
                      </li>
                    </s_rctps_rep>
                  </ul>

                  <ul class="list-recent list-tab" style="display: none">
                    <s_rctps_popular_rep>
                      <li>
                        <a href="" class="link-recent">
                          <s_rctps_rep_thumbnail>
                            <p class="thumbnail" style="background-image:url('')"></p>
                          </s_rctps_rep_thumbnail>
                          <div class="box-recent">
                            <strong></strong>
                            <span></span>
                          </div>
                        </a>
                      </li>
                    </s_rctps_popular_rep>
                  </ul>
                </div>
              </s_sidebar_element>

 

 

최근댓글

      <s_sidebar_element>
        <!-- 최근댓글 -->
        <div class="box-reply">
          <h3 class="title-sidebar">최근댓글</h3>
          <ul class="list-sidebar">
            <s_rctrp_rep>
              <li>
                <a href="" class="link-sidebar">
                  <strong></strong>
                  <p></p>
                </a>
              </li>
            </s_rctrp_rep>
          </ul>
        </div>
      </s_sidebar_element>

 

공지사항

  <s_sidebar_element>
    <!-- 공지사항 -->
    <s_rct_notice>
      <div class="box-notice">
        <h3 class="title-sidebar">공지사항</h3>
        <ul class="list-sidebar">
          <s_rct_notice_rep>
            <li><a href="" class="link-sidebar"></a></li>
          </s_rct_notice_rep>
        </ul>
      </div>
    </s_rct_notice>
  </s_sidebar_element>

 

페이스북 트위터 플러그인

<s_sidebar_element>
<!-- 페이스북 트위터 플러그인 -->
<div class="box-plugins">
  <h3 class="title-sidebar blind">페이스북 트위터 플러그인</h3>
  <ul class="tab-sns">
    <li class="tab-button item-facebook on"><a class="tab-button" href="#" onclick="return false;">Facebook</a></li>
    <li class="tab-button item-twitter"><a class="tab-button" href="#" onclick="return false;">Twitter</a></li>
  </ul>

  <div class="plugin-facebook">
    <div id="fb-root"></div>
      <script>(function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = '//connect.facebook.net/ko_KR/sdk.js#xfbml=1&version=v3.2&appId=360877073936113&autoLogAppEvents=1';
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));</script>
    <div class="fb-page" data-href="" data-tabs="timeline" data-small-header="true" data-adapt-container-width="true" data-hide-cover="true" data-show-facepile="false"><blockquote cite="" class="fb-xfbml-parse-ignore"><a href=""></a></blockquote>
    </div>
  </div>

  <div class="plugin-twitter" style="display: none;">
    <a class="twitter-timeline" href=""></a> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
  </div>
</div>
</s_sidebar_element>

글보관함

<s_sidebar_element>
<!-- 글 보관함 -->
<div class="box-archive">
  <h3 class="title-sidebar">Archives</h3>
  <ul class="list-sidebar">
    <s_archive_rep>
      <li><a href="" class="link-sidebar"></a></li>
    </s_archive_rep>
  </ul>
</div>
</s_sidebar_element>

달력 모듈

<s_sidebar_element>
<!-- 달력 모듈-->
<div class="box-calendar">
  <h3 class="title-sidebar"><span class="blind">Calendar</span></h3>
  <div class="inner-calendar">

  
«   2025/02   »
  

    

      
일
      
월
      
화
      
수
      
목
      
금
      
토
    
  
  

    

      
 
      
 
      
 
      
 
      
 
      
 
      
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
      
 
    
  
</div>
</div>
</s_sidebar_element>