티스토리 Search List 게시판처럼 꾸미기

searchlist.txt

티스토리 Search List 게시판처럼 꾸미기

참고 이미지

border-right, bottom, left-style:dashed; 적용

title, cnt는 셀의 앞부분(93%), date는 셀의 뒷부분(7%) 적용

<s_list>

 <div class="searchList"> 

<h3></h3>

<ol> 

<img src="테이블윗부분이미지.gif"> /* 원하는 모양으로 만들면 됨, 참고 이미지를 참고하기 바람 */

<s_list_rep>

<table width="100%" style="border-right-width:1px; border-bottom-width:1px; border-left-width:1px; border-right-color:rgb(200,200,200); border-bottom-color:rgb(200,200,200); border-left-color:rgb(200,200,200); border-right-style:solid; border-bottom-style:solid; border-left-style:solid;" cellpadding="0" cellspacing="0">

/* 테이블 전체적인 style 정보 : Solid (실선), Dashed (파선), Dotted (점선) 원하는 모든 것으로 바꿔 꾸밀 수 있다 */

    <tr>

        <td width="7%" height="26"> 

<li> <span class="date"></span></td> /* search list 날짜 | 셀의 앞부분 */

        <td width="93%" height="26">

<a href=""></a><span class="cnt">1</span> 

</li></td> /* search list 제목, 코멘트수 | 셀의 뒷부분 */

    </tr>

</table>

</s_list_rep>

</ol></div>

 </s_list>