티스토리 서식 공유, 박스 종류, 도움될 사이트

이전에 작성한 서식 등록 방법 / 다른 서식 공유,해석 입니다.

2020/02/13 - [공부해요/티스토리를 시작하며] - 티스토리 원하는 서식 만드는 법/등록방법

티스토리 원하는 서식 만드는 법/등록방법

2020/02/14 - [공부해요/티스토리를 시작하며] - 티스토리 서식 공유, 사용한 HTML 의미

티스토리 서식 공유, 사용한 HTML 의미

 

박스형식의 서식 공유합니다.

입력 가능.

<div class="txc-textbox" style="border-style: solid; border-width: 1px; border-color: rgb(219, 232, 251); background-color: rgb(219, 232, 251); padding: 10px;"><p></p></div><p><br/></p>

콘텐츠 내용

<div style=" box-shadow: 1px 1px 3px 2px #656565; padding: 5px"> <span style="font-size: 10pt;">콘텐츠 내용</span></div><p><br/></p>

콘텐츠 내용

<pre style="box-sizing: border-box; overflow: auto; padding: 9.5px; color: #3333; word-break: break-all; word-wrap: break-word; background-color: #F5F5F5; border: 1px solid #CCCC; border-radius: 4px;"><span style="font-size: 10pt;">콘텐츠 내용</span></pre><p><br/></p>

 

콘텐츠 내용 https://www.google.com/search?sxsrf=ACYBGNTMypml8NIzKneuxNVRLXvXV_g-Qg%3A1581223227143&ei=O40_XoGeCImZr7wP6sm0sAI&q=%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC+%EC%84%9C%EC%8B%9D+%EA%B8%80%EA%BC%B4&oq=%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC+%EC%84%9C%EC%8B%9D+%EA%B8%80%EA%BC%B4&gs_l=psy-ab.3...675622.677097..677235...3.2..0.121.875.0j8......0....1..gws-wiz.......0i71j0j0i30j33i160.xnJlUbtB6W8&ved=0ahUKEwjBp47G08PnAhWJzIsBHeokDSYQ4dUDCAs&uact=5 
https://setoo0922.tistory.com/
manage/newpost/?type=post&returnURL
=%2Fmanage%2Fposts%2F

 

 

 

 

서식 작성 시 참고하기 좋은 사이트 (색감 밸런스, 색깔 코드 검색, HTML 해석)

새별스러운 새별 블로그: 사용하기 좋은 색상 조합 추천, 레이아웃을 깔끔하게 구성하는 방법 등 좋은 강의

+ 깔끔한 무료 ppt 탬플릿

https://blog.naver.com/seiru523

새별스러운 새별 블로그 : SIMPLE IS THE BEST : 네이버 블로그

HTML Color Code: 색상 검색, 색상 코드 검색

https://html-color-codes.info/Korean/

HTML 컬러 코드