2020. 4. 20. 17:06, 티스토리/티스토리 Tips
서식만들기
Step1
먼저, 관리자 모드로 접속한 후 왼쪽 메뉴-서식관리로 들어갑니다.
Step2
서식관리-서식쓰기를 합니다.
Step3
새로운 글쓰기 기본모드에서 HTML모드로 전환 합니다.
Step4
제목을 [소제목 서식] 처럼, 편한대로 정한 후 아래 입력칸에 첨부된 HTML 소스를 입력하신 후 저장하시면 됩니다.
활용하기
이제 새로 글을 쓰실 때 적당한 위치에서 글쓰기 메뉴 화면 우측-기본모드 왼쪽 점 3개 부분을 클릭하여 서식을 선택하신 후에 저장해 두었던 [소제목 서식]을 입력하시면 됩니다.
활용 예제
우선 첨부된 TXT파일 내용의 소스를 복사하시어 활용하시면 됩니다.
<h3 style="box-sizing: border-box; font-family: Nanum+Gothic, sans-serif;
border-width: 0px 0px 2px 10px; // 왼쪽 두께 부분 //
word-spacing: 3px; border-bottom-style: solid;
border-bottom-color: #000000; // 아래 라인 색 부분 //
padding: 3px 5px; border-left-style: solid;
border-left-color: #55555b; // 왼쪽 선 색 부분 //
margin: 5px 0px; letter-spacing: 1px; line-height: 1.5;
border-image: initial;"><span>
<span style="font-size: 21px;">서식 만들기</span></span></h3>
border-width 0px 0px 2px 10px 부분에서
왼쪽 두께부분 10px 부분을 25px 정도로 두었을 때의 모습입니다.
border-bottom-color 부분에서
아래 라인 색 부분을 변경할 때 모습입니다. HTML 색상표에서 원하시는 색상을 고르시어 [#000000] 부분을 드래그 하여 입력하면 됩니다.
border-left-color 부분에서
왼쪽 제목 옆라인 색 변경 모습입니다.
txt파일 내용의 소스를 복사하시어 마음껏 활용하시면 됩니다!!
'티스토리 > 티스토리 Tips' 카테고리의 다른 글
스크롤바 홈 버튼 만들기 (0) | 2020.04.20 |
---|---|
HTML과 CSS (0) | 2020.04.20 |
HTML로 글상자 만들기-[기본 박스] (0) | 2020.04.20 |
CSS로 글상자 만들기-[모퉁이가 접힌 박스] (0) | 2020.04.20 |
첫 게시글 (0) | 2020.04.20 |
Comments, Trackbacks