티에디션 에서 More 버튼과 편법으로 갤러리형 게시판 연결 방법

2012. 1. 6. 21:13기타



티 에디션을 적용했는데 More(더보기) 버튼이 없어 난감했었는데요...아는 지인을 통해 알아본 결과 아래와 같이 하면 된다구 해서 해보니 정말 되더라구요...
한번 해 보세요...


아래그림과 같이 적용 More 버튼을 만들고자 한다면



티에디션 HTML 수정에서 아래와 같이 빨간색 적용하시면 됩니다.

<h2 class="tt-item-title"><span class="tt-item-title-bg"><span class="tt-item-title-inner"><font face="Malgun Gothic">
</font><font face="Malgun Gothic" size = "2" color = "666666"> &nbsp&nbsp(
<a href = "https://wydcom.tistory.com/category/카테고리명">More
</a>)
</font> </span> </span> <div style="margin-top:5px; margin-bottom: 3px; border: 0px solid;"> </div> </h2>

<ul class="tt-wrap-item">
    <s_tabloid>
        <li class="tt-span-12 ">
            <div class="tt-span-3">
             <a href="" title=""
             class="tt-wrap-thumb-link tt-span-3-border tt-span-3- tt-last">
             <img



---------------------------------------------------------------------------------------------------------------------------------------------------------------------

편법을 이용한 갤러형(?) 비슷한 게시판으로 바로 가기 만들기..

티스토리 게시판 최대의 단점을 보완 할 수 있을듯 하여 글을 남깁니다...
저 개인적으로 사진을 찍어 포스팅하는데 카테고리를 클릭하면 단순히 페이지별로 내용이 쭉 나열되어 나와서 영 보기에도 불편하고 찾고자 하는 사진을 찾기가
너무 힘들더라구요.. 그래서 고민에 고민 끝에 편법을 이용한 갤러리형 게시판과 비슷한 형식으로 만들어 봤습니다.

위의 방식으로 More 버튼을 만들어서 HTML 소스를 조금만 변경하면 갤러리형과 비슷한 게시판으로 이동할 수 있도록 해봤습니다.
다른건 다 동일하고 카테고리명을 media 로 해 주시면 됩니다. 잘 모르겠으면 아래 내용 복사해서 넣으셔도 됩니다.



<h2 class="tt-item-title"><span class="tt-item-title-bg"><span class="tt-item-title-inner"><font face="Malgun Gothic">
</font><font face="Malgun Gothic" size = "2" color = "666666"> &nbsp&nbsp(
<a href = "https://wydcom.tistory.com/category/media">More
</a>)
</font> </span> </span> <div style="margin-top:5px; margin-bottom: 3px; border: 0px solid;"> </div> </h2>

<ul class="tt-wrap-item">
<s_tabloid>
<li class="tt-span-12 ">
<div class="tt-span-3">
<a href="" title=""
class="tt-wrap-thumb-link tt-span-3-border tt-span-3- tt-last">
<img


위의 방식으로 적용하였을시 메인 화면에서 More 버튼을 누르면...


위와 같이 나오게 할 수 있습니다...
단순히 카테고리를 누르면 쭉 아래로 펼쳐져 보이는것 보다 휠씬 좋아 보이더라구요....
반응형