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

 



소제목 서식 꾸미기
 




이 문서에서는 포스팅할 때 제목을 느낌있게 꾸미기 위한 방법을 소개합니다. 티스토리의 글쓰기에서 기본으로 제공하는 방법으로 충분히 느낌을 살릴 수 있습니다. 간단한 html 편집으로 가능하니 조금만 이해하시면 쉽게 따라하실 수 있습니다.





  예제 코드 분석 및 수정하기





<table style="BORDER-COLLAPSE: collapse" cellspacing="1" cellpadding="2" width="90%" bgcolor="#ffffff"> <tbody> <tr> <td style="border: 1px solid rgb(206, 242, 121); width: 158px; background-color: rgb(206, 242, 121);" width="150" bgcolor="#1e78d2"> <span style="FONT-SIZE: 19pt; COLOR: #ffffff; FONT-FAMILY: Gulim"> <center><strong>제목</strong></center> </span> </td> <td style="border-color: rgb(255, 255, 255) rgb(255, 255, 255) rgb(206, 242, 121); border-width: 0px 0px 1px; border-style: solid; width: 427px;"> &nbsp; </td> </tr> </tbody> </table>



위 코드를 가지고 분석해서 자신의 스타일에 맞게 수정할 수 있습니다. 우선 그대로 적용하는 방법을 소개합니다.



1. 아래 파일을 다운 받습니다.

소제목 서식 예제.txt




2. 티스토리 글쓰기모드에서 HTML체크를 클릭하여 다운 받은 파일의 코드를 복사하여 본문에 붙여넣습니다.






3. 다시 HTML체크를 해제하면 아래 그림과 같은 모습을 볼 수 있습니다.





4. 조금 어지러울수도 있지만, 색깔로 확실히 구분하였기 때문에 구별하실 수 있을거라 생각합니다. 표시된 부분들의 숫자 값을 바꿔보면 색깔이나 크기, 너비 등이 바뀌는 모습을 보실 수 있습니다. 숫자 값을 바꾸어보고 HTML체크를 해제해 보시면 실시간으로 바뀐 모습을 보실 수 있습니다.


※ 색깔은 rgb( r, g, b ) 형태로 띄는데 r은 red, g는 green, b는 blue 를 말합니다. 각각의 값에 대한 색깔을 알아보기 위해서는 rgb 색상표를 참고하세요.


※ 텍스트는 <center><strong>제목</strong></center>에서 '제목'에 위치하는데

<center> ~ </center> : 텍스트를 '가운데 정렬' 합니다.

<strong> ~ </strong> : 텍스트의 '굵게' 합니다.





 * 클릭하시면 크게 보실 수 있습니다.








다양하게 디자인 할 수 있습니다.






posted by 쪼재