본문 바로가기

tistory9

[티스토리 코드블럭] 코드블럭 언어명 표시, 열기 닫기 버튼 HTML 태그가 끝나는 위에 붙여넣기 참고 : https://jinyh.tistory.com/entry/%ED%8B%B0%EC%8A%A4%ED%86%A0%EB%A6%AC-%EC%BD%94%EB%93%9C%EB%B8%94%EB%9F%AD 2022. 9. 6.
[Tistory] 티스토리 글 content 안의 이미지에 테두리 넣기 티스토리 글 content 안의 이미지에 테두리 넣기 bookclub 스킨 스킨 편집 > CSS CSS 파일 내에서 .entry-content figure 검색 이미지 테두리 설정 값 추가 .entry-content figure { margin-top: 8px !important; /* change_clo make img border */ border-width : 1px; padding: 3px; border-style : solid; border-color : #aaaaaa; } 적용 후 확인하기 테두리 설정 적용 이전 테두리 설정 적용 이후 참고 : https://developer.mozilla.org/ko/docs/Web/CSS/border https://interested-in.tistory.c.. 2022. 8. 25.
[티스토리 코드블럭] 코드블럭 테마, 라인넘버 설정하기 1. 코드블럭 테마 변경 https://highlightjs.org/ 들어가기 Get version 클릭 jsdelivr 내용 모두 복사하기 스킨 편집 html 에서 안쪽에 위에서 복사한 코드 넣어주기 이때 styles/ 뒤의 default를 원하는 테마로 변경 테마는 https://highlightjs.org/static/demo/ 에서 확인하기 내가 적용한 테마 : atom-one-dark-reasonable 테마 이름은 소문자, -로 연결 2. 라인 넘버 아래 코드를 html 코드블럭 테마 적용 코드 밑에 삽입 css 에서 맨 아래에 다음 코드 삽입 /* Line Number CSS */ /* for block of numbers */ .hljs-ln-numbers { -webkit-touch-ca.. 2022. 7. 20.
[티스토리 스킨] 본문 기본 글자 색 설정 변경하기 티스토리 글쓰기 본문 기본 글자 색 설정 변경하기 블로그 관리 - 꾸미기 - 스킨 편집 html 편집 클릭 CSS로 가서 "entry-content p" 찾기 color: #000; 으로 변경 2022. 7. 18.
[티스토리 스킨] Book Club 스킨 header 색, 블로그 이름 색, 검색창 색 변경하기 book club 스킨의 header 배경색과 제목 색을 변경하기 우선 블로그관리의 스킨편집에서 css파일을 본다. header 색 변경 ctrl + f로 layout selector 검색 background-color 값 변경하기 ctrl + f로 header h1 검색 header h1 태그 블로그이름 폰트 변경 font-family 에 원하는 폰트로 변경 header h1 태그 블로그이름 글자 색 변경 위의 세가지를 적용한 결과 검색버튼의 배경은 header 색 변경 전 과 동일하게 흰색인 것을 확인할 수 있다. 검색버튼의 배경색도 변경한 header 배경색과 동일하게 바꿔보자 ctrl + f로 .util .search 검색 background-color를 header의 background-colo.. 2021. 11. 3.
[티스토리 스킨] Portfolio 스킨 리스트 사진 삭제하기 블로그 관리 - 스킨 편집 - HTML ctrl + f 로 s_list 검색 thumnail item-thumbnail class 부분의 span 태그 주석 처리하기 기존 화면 thumnail item-thumbnail class 부분의 span 태그 주석 처리한 화면 2021. 10. 27.