소제목 (1)
소제목 서식 만들기

서식만들기

 

Step1

먼저, 관리자 모드로 접속한 후 왼쪽 메뉴-서식관리로 들어갑니다.

서식관리

 

Step2

서식관리-서식쓰기를 합니다.

서식쓰기

 

Step3

새로운 글쓰기 기본모드에서 HTML모드로 전환 합니다.

HTML모드
HTML전환 모드시

Step4

제목을 [소제목 서식] 처럼, 편한대로 정한 후 아래 입력칸에 첨부된 HTML 소스를 입력하신 후 저장하시면 됩니다.

입력 후
저장 후의 모습

 

활용하기

 

이제 새로 글을 쓰실 때 적당한 위치에서 글쓰기 메뉴 화면 우측-기본모드 왼쪽 점 3개 부분을 클릭하여 서식을 선택하신 후에 저장해 두었던 [소제목 서식]을 입력하시면 됩니다. 

서식 불러들이기
소제목 불러들이기

 

활용 예제

우선 첨부된 TXT파일 내용의 소스를 복사하시어 활용하시면 됩니다.

소제목.txt
0.00MB

<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