본문 바로가기

블로그JOB32

블로그 전체 폰트 바꾸기 ■ 블로그 전체 폰트 바꾸려면 적용할 폰트 영어 이름 확인 html 코드에서 font-family 부분 찾아 수정 ■ 티스토리 스킨 html 코드 > font-family 부분 수정 관리자 페이지 > 꾸미기 > 스킨 편집 > html 편집 > CSS 탭 > body 섹션 > font-family 수정 블로그 이름, 글 제목, 카테고리, 본문 포함 모든 곳에 적용 ■ 글 작성 페이지에서 서체 선택 본문에만 적용, 글 제목이나 다른 부분은 그대로 다시 바꾸고 싶은 경우 글마다 수정 필요 글자체 바꾼 부분만 태그가 붙어 html 코드 가독성 ↓ ■ 티스토리 기본 폰트 영문명 아는 방법 포털에 나눔고딕 영문명 검색하거나 HTML 모드에서 tag 활용 HTML 모드는 글 작성 모드에서 폰트가 있는 메뉴바 제일 오.. 2021. 10. 23.
줄 간격, 리스트 간격 조절 블로그 관리페이지(블로그주소/manage) > 꾸미기 > 스킨 편집 > html 편집 > CSSctrl / command + F > .article-view ul li 찾기 > line-height 조절 > 적용 웹브라우저 개발자도구로 페이지 검사하기를 하면 요소 선택 기능으로 리스트 부분을 클릭해 그 부분의 코드를 알 수 있다.티스토리 오디세이 Odyssey 스킨에서 리스트는 .article-view ul li   line-height 24px일 때 리스트 간격   line-height 28px, padding-left 19px   들여쓰기 하려면 padding.article-view ul, .article-view il { margin: 0; padding: 0 0 0 19px;} 네모상자가 있다.. 2021. 10. 23.
페이지마다 다른 스타일로 꾸미기 서식 기능 활용 블로그 관리 홈(블로그주소/manage) > 콘텐츠 > 서식 관리 서식 관리 > 서식 쓰기 > HTML 모드 스킨 편집에서 html 코드를 수정해도 되지만 그러면 블로그 전체에 적용되니까 서식으로 만들어두면 페이지마다 다른 분위기를 낼 수 있다. 꼭 html 코드로 만든게 아니어도 글자 스타일이나 문단 간격, 사진 배치를 해놓은 스타일을 만들어도 되니까 활용하기 나름이다. 코드 설명 서식에서 만들땐 첫번째 코드였는데 만든 서식 스타일을 불러와서 HTML 모드로 코드 확인하니 width, style, color처럼 세부 디테일로 지정된 좀 더 정확한 모양의 코드로 바뀌어 있다. 적용 모습은 둘 다 같다. 서식 기능 활용하기 서식 기능 활용하기 이렇게 하면 이 글의 검정색 라벨 같은 모양의 .. 2021. 10. 23.

티스토리툴바