[티스토리] 카테고리의 다른 글 박스 꾸미기 tips



style.css에서 수정

.another_category a { text-decoration: none !important; line-height:15px;}
.another_category table th { height:15px; border-bottom:1px dotted #000; background-color:#c2c3ff;}
.another_category table td { height:15px; border-bottom:1px dotted #eee; background-color:#ddea87; }
div.another_category { border:2px dashed; background-color:#eee;}
div.another_category th a.current { text-decoration:none !important; border-bottom:none !important; }


.another_category th a.current (현재글)  text-decoration:none !important; border-bottom:none !important;를 주면

현재글 링크 밑줄 없어짐. 올ㅋ 꼭 border-bottom을 none으로 줘야하는듯. 

padding이랑 이미지 넣어서 응용할수 있을듯.


.another_category a 에서 text-decoration을 none으로 주면
위의 그림같이 해당글을 제외한 다른 링크에 밑줄이 없어짐.

.another_category table th  .another_category table td 의 속성을 저렇게 따로 줘도 되고

.another_category table th, .another_category table td { } 이런식으로 한번에 설정 가능

.another_category table td 에 display:none;
값을 주면 날짜 부분이 없어짐

div.another_category 에서 width:가로값px; height:세로값px; 로 '카테고리의 다른 글' 박스 크기 설정 가능
border값을 0으로 주면 테두리 없어짐