아래 손가락을 눌러주세요. 

 



더보기와 접기
 



블로그를 방문하다가 보면 순간 "본문이 하나도 없네?" 라고 느낀 포스트 있으신가요? '더보기' 기능을 사용한 블로그였습니다. 매우 긴 글이거나, 상황에 따라 필요한 글일 경우 '더보기' 기능으로 숨겨놓는 방법입니다. 이 문서에서는 '더보기', '접기' 를 자신의 스타일에 맞게 꾸며보는 방법을 소개합니다.





  파일업로드 및 HTML/CSS 편집



1. 우선 꾸미기 위해 필요한 이미지를 구해야 합니다. 특별히 준비된 이미지가 없다면 다음 링크를 참고하세요. 검색은 아래 그림처럼 영어로 하셔야 합니다.

-> http://www.iconfinder.com/







2. 준비된 이미지를 업로드해야 합니다. 티스토리 관리자모드에서 [HTML/CSS 편집] - [파일업로드] 로 이동합니다. 그리고 추가 버튼으로 준비된 이미지를 업로드 합니다.







3. [HTML/CSS] 탭에서 단축키 ctrl+f 로 moreless 를 검색합니다. 그러면 style.css 영역에서 검색됩니다.


 초록색 밑줄은 더보기, 주황색 밑줄은 상단에 위치한 접기, 파란색 밑줄은 하단에 위치한 접기 입니다. 밑줄 친 부분이 이미지파일 이름과 확장자가 삽입되는 부분입니다. padding 값은 이미지와 텍스트의 간격을 나타내고, color 값은 텍스트 색깔을 나타냅니다.






posted by 쪼재