티스토리를 네이버블로그처럼 만들기 7

게시글 더 보기를 이쁘게 꾸미기

게시글 더 보기 상자 박스를 좀 더 이쁘게 꾸미는 방법 입니다.

(이뻐야 좀더 방문객이 많겠죠 ? ^^)

자 !!! 한번 바꿔 봅시다.

*** html / css를 수정하기 전에 꼭!! 백업 해두세요.백업하기 ***

2. 그러면 이제 관리자 페이지로 이동 합니다.

3. HTML/CSS 편집 을 선택 합니다.

(꾸미기 카테고리 안에 있습니다.)

( 선택하면 새창이 뜹니다.)

4. css를 선택 후 아래의 소스를 붙여 넣습니다.

(css의 가장 아래 까지 이동 한 다음 마지막에 붙여 넣으시면 됩니다.)

소스:

.another_category td {display: none;}

/* margin-top:상단과 카테고리 헤더간의 간격*/

div.another_category{margin-top:0px;margin-bottom:0 !important;padding:0;border:0 !important;font-family:tahoma}

/* background:#09A6F5; 색상*/

div.another_category h4{margin:0px !important;background:#09A6F5;color:#fff !important;padding:10px!important;font-size:15px;line-height:normal}

div.another_category h4 a{color:#fff !important;font-size:15px !important;margin:0 !important;}

div.another_category table{border:1px solid #ccc;border-top:0;margin:0 !important}

div.another_category table td{display:none}

div.another_category th a{margin-left:12px;color:#333 !important;padding-left:8px;background:url(images/bu.gif) no-repeat 0 8px;}

div.another_category th a.current{border-bottom:0 !important}

div.another_category th span{color:#f00 !important}

div.another_category th{padding-bottom:8px}

div.another_category table th{padding-bottom:8px !important;}

div.another_category tr:first-child th{padding-top:8px !important;}

div.another_category table th a:hover{color:#f00 !important;}

** 소스가 긁어지지 않을 경우 텍스트 파일을 다운받으세요.(바이러스 없습니다. 제가 직접 만든 파일이에요 ^^)

게시글 더 보기 이쁘게 꾸미기.txt

5. 저장 버튼을 눌러서 저장 합니다.

그러면 제 블로그와 같이 글 더보기 부분이 예쁘게 수정되어 있을 겁니다. ^^

!! 자 여기서 보너스 팁 !!

카테고리 더 보기 에서 색상이 안이쁘다 다른 색으로 바꾸고 싶다 하면 9번 글을 참고 해 주세요. ^^

티스토리를 네이버 블로그 처럼 꾸미기 다른 글 바로 가기

1. 전체 보기 눌렀을때 페이지를 네이버 처럼 꾸밈

티스토리를 네이버블로그처럼 만들기 2

2. 전체보기 글자 수정

티스토리를 네이버블로그처럼 만들기 3

3. 사이드 바의 카테고리 전부 펼치기

티스토리를 네이버블로그처럼 만들기 4

4. 관리자 | 글쓰기를 왼쪽 사이드바로 옮김

티스토리를 네이버블로그처럼 만들기 5

5. 게시글 더 보기를 게시글 상단으로 이동

티스토리를 네이버블로그처럼 만들기 6

6. 게시글 더 보기를 이쁘게 꾸밈