Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- 반복줄이기
- click and drag
- 리액트
- React Native
- vue.js
- utilty type
- 폰트적용하기
- 티스토리꾸미기
- returnType
- reactjs
- JS console
- 개발콘텐츠
- 2022
- Chart.js
- javascript
- CSS
- 타입스크립트
- const 단언문
- 커스텀
- 공통컴포넌트
- NonNullable
- react
- TSDoc
- typescript
- React.js
- 제네릭
- 누구나 자료구조와 알고리즘
- 타입좁히기
- 레이아웃쪼개기
- 성능최적화
Archives
- Today
- Total
몽땅뚝딱 개발자
[티스토리꾸미기] 글쓰기 소제목 꾸미기 본문
블로그에 글을 쓰면서 HTML도 지원하길래 소제목도 꾸밀 수 있나 찾아봤더니 정말 있다!
티스토리에서 기본적으로 제공하는 서식은 예쁘지만 원하는 색상이 없어 아쉬웠는데 내 맘대로 CSS를 줄 수 있다니 너무 좋다.
방법은 2가지가 있다.
1. 직접 태그에 인라인으로 style을 넣는 방식
2. CSS 파일을 수정하는 방식
1번 방식은 HTML 태그에 class를 따로 주고 CSS 파일까지 찾아서 수정해야하기에..
너무 귀찮으므로 그냥 2번 방식인 인라인으로 작성하고 티스토리에서 제공하는 서식등록을 이용하기로 했다.
CSS를 인라인으로 넣어 깔끔하진 않지만.. 그래도 맘에 든다.
테마 | HTML 태그 |
소제목안녕하신가용 |
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px; padding: 0px 0px 0px 15px;" data-ke-size="size26"> <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';"> <b>소제목</b> </span> </h2> <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';"> 안녕하신가용 </span> |
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px; padding: 0px 0px 0px 15px;" data-ke-size="size26">
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
<b>소제목</b>
</span>
</h2>
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
안녕하신가용
</span>
테마 | HTML 태그 |
소제목안녕하신가용 |
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px;" data-ke-size="size26"> <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR'; background-color: #f0e8ff; padding: 1px 18px 2px 18px;"> <b> 소제목 </b> </span> </h2> <span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';"> 안녕하신가용 </span> |
<h2 style="box-sizing: border-box; border-right-width: 0px; border-top-width: 0px; border-left: #a076f5 12px solid; line-height: 1.5; margin: 10px 0px;" data-ke-size="size26">
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR'; background-color: #f0e8ff; padding: 1px 18px 2px 18px;">
<b>
소제목
</b>
</span>
</h2>
<span style="font-family: 'Noto Sans Demilight', 'Noto Sans KR';">
안녕하신가용
</span>
개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.
'Design > 티스토리' 카테고리의 다른 글
[티스토리꾸미기] Pretendard 적용하기 / 폰트 적용하기 (0) | 2023.03.08 |
---|---|
[티스토리꾸미기] 독서 카테고리 책장 모양으로 꾸미기 (0) | 2023.03.02 |
[티스토리꾸미기] 제목 형광펜 강조효과 (1) | 2021.12.10 |
[티스토리꾸미기] Tip 작성 칸 (0) | 2021.12.03 |
Comments