최근글 인기글 변경 전후 (탭 → 분리)
반응형
최근글 인기글 변경 전 코드: 하단에 파일 다운로드 후 ##_rctps_rep_link_##, ##_rctps_rep_thumbnail_##, ##_rctps_rep_title_##, ##_rctps_rep_date_## 코드 찾아서입력하는 것 잊지 마세요!
<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>
<!-- // 최근글과 인기글 -->
최근글 인기글 변경 후 코드: 하단에 파일 다운로드 후 ##_rctps_rep_link_##, ##_rctps_rep_thumbnail_##, ##_rctps_rep_title_##, ##_rctps_rep_date_## 코드 찾아서입력하는 것 잊지 마세요!
<s_sidebar_element>
<!-- 최근글과 인기글-->
<!-- 최근글 -->
<div class="box-recent">
<h3 class="title-sidebar">최근글</h3>
<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>
</div>
<!-- 인기글 -->
<div class="box-recent">
<h3 class="title-sidebar">인기글</h3>
<ul class="list-recent">
<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>
<!-- // 최근글과 인기글 -->
'정보통신' 카테고리의 다른 글
HTML 편집? CSS 편집? 언제 무엇을? (1) | 2024.09.28 |
---|---|
브런치스토리 '응원하기' 수익 계산 (2) | 2024.09.19 |
티스토리 목록 새글 알림 아이콘 주황색으로 바꾸기 (0) | 2024.09.06 |
티스토리 제목 밑줄 긋기 효과 HTML (0) | 2024.09.06 |
가성비 갑 디자인 플랫폼: Canva (1) | 2024.09.06 |