Tistory7 [티스토리 코드블럭] 코드블럭 언어명 표시, 열기 닫기 버튼 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. [티스토리 스킨] Portfolio 스킨 리스트 사진 삭제하기 블로그 관리 - 스킨 편집 - HTML ctrl + f 로 s_list 검색 thumnail item-thumbnail class 부분의 span 태그 주석 처리하기 기존 화면 thumnail item-thumbnail class 부분의 span 태그 주석 처리한 화면 2021. 10. 27. [티스토리 스킨] 티스토리 Portfolio 스킨 header 배경 색 변경 티스토리 Portfolio 스킨 편집하기 블로그 관리 - 꾸미기 - 스킨편집 html 편집 클릭 스킨 헤더 배경 색 바꾸기 글 페이지를 볼 때 제목이 나오는 헤더부분의 배경색을 바꾸고자 한다. 현재는 회색으로 되어있다. 여기서 css를 선택한 후 css파일 안에 커서를 두고 cmd + f ( ctrl + f ) 로 inner_header를 입력해 찾는다. 기본적으로 아래와 같이 되어있다. 여기서 .area_view .article_header .inner_header 에 background-color를 추가한다. css 색상표는 아래 사이트를 참고해 선택한다. css 색상표 참고 : https://www.rapidtables.com/web/color/RGB_Color.html background-colo.. 2021. 10. 23. 이전 1 2 다음
