반응형 스킨 FastBoot 카테고리 리스트 수정

카테고리 리스트

전체 글이나 카테고리를 검색하면 리스트에 날짜가 앞에 있고 제목이 뒤에 있습니다. 날짜와 제목이 색상이 달라 구분이 되긴 하지만 아무래도 날짜 보다는 제목이 중요하니 날짜 오른쪽으로 이동해보도록 하겠습니다. 적용된 이미지는 슬라이드를 넘기시면 됩니다.

블로그 관리 / 꾸미기 / Html/css꾸미기 / Style.css 

CTRL + F 검색 #search_title 하고 다음과 같이 수정하시면 됩니다. 저는 추가로 리스트 앞에 번호 붙이는 것도 적용해 봤습니다. 

style.css

/* Search Result(Category) */

#search_title .date { float:right; padding-right:15px; color:#777; } < 추가 (날짜 오른쪽으로 이동)

#search_list span.badge { position: relative; left:8px; top:-5px; background-color: #9370db }

#search_title span.badge { position: relative; left:8px; top:-5px; background-color: #9370db }

#search_list ol li { margin-left:10px; line-height:20px; padding:7px 0;  border-bottom:1px solid #eee; }

#search_title ol li {  list-style: decimal inside; < 추가 (앞에 번호 붙이기)

margin-left:10px; line-height:20px; padding:7px 0;  border-bottom:1px solid #eee; }