티스토리 페이스북 카테고리 목록 타임라인 형태로 적용하기
1. skin.html
<s_list>
<ol class="timeline clearfix">
<!-- yz list s -->
<s_list_rep>
<li class="left">
<i class="pointer"></i>
<div class="unit">
<div class="storyUnit">
<div class="imageUnit">
<div class="imageUnit-content">
<h4><a href=""><span class="cmt"></span></a></h4>
<p></p>
</div>
</div>
<p id="dsc"></p>
</div>
<div class="photoUnit" style="display:none;text-align:center">
<a href="" ><img /></a>
</div>
</div>
</li>
</s_list_rep>
<!-- yz list e -->
</ol>
</s_list>
1. skin.html
<link href="./style.css" rel="stylesheet" type="text/css" />
<link href="http://cfs.tistory.com/custom/blog/150/1504077/skin/images/timeline.css" rel="stylesheet" type="text/css" />
</head>
<body>
...
...
...
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script><!-- juery가 없을 경우만!!! -->
<script src="http://cfs.tistory.com/custom/blog/150/1504077/skin/images/timeline.js"></script>
</body>
2. 티에디션
여기서 굵은 글자 부분을 수정 하시면 됩니다.
<ol class="timeline clearfix"> 기본 900px
<ol class="timeline clearfix" id="w740"> 740px
<ol class="timeline clearfix" id="w580"> 580px
잘 안되시는 부분은 질문 남겨 주세요.