본문 바로가기

DAILY/Blog

[팁] 티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기 check / 사용하던 스킨 백업 해 놓기. 티스토리 #2 스킨 사이드바 3단에서 2단으로 수정하기 티스토리 #2 스킨에서는 좌측 상단을 클릭해서사이드바를 열어 볼 수 있다. 기본적으로 3단 사이드바를 지원하기 때문에 화면 구성이 답답해 보여서사이드바를 2단으로 줄이는 방법을 찾아봤다. 코드 수정을 위해 "블로그 관리" - "HTML / CSS 편집"에 들어간다. 우선 HTML의 70줄 부근에 보면 를 찾을 수 있다.여기서 우리는 바로 아래 줄의 를 수정해야 한다. 위와 같이 의 left를 right로 수정한다. 그 다음, 120줄 근처 위의 를 찾는다 그 위에 있는 부터 까지를 지워준다. .wrap_skin.navi_on {padding-left:960px} 이번엔 CSS로 들어가 40줄 부근의 .wr.. 더보기
[팁] 티스토리 #2 스킨 헤더 배경 이미지 변경하기 check / 변경 할 "header_default.jpg" 이미지 준비. 티스토리 #2 스킨 헤더 배경 이미지 변경하기 티스토리 #2 스킨을 적용한 블로그의 메인 화면.좌측의 기본 헤더 이미지를 바꿔보도록 하자. #2 스킨은 반응형 스킨이기 때문에기기의 가로 사이즈 폭에 따라 이렇게 변형되어 보여진다.참고해서 보편적으로 어울릴 만한 이미지를 찾는게 좋다. 우선 좌측 하단 톱니 모양을 눌러 블로그 관리로 들어간다. 블로그 관리의 카테고리 중,아래쪽의 "HTML / CSS 편집"을 선택한다. "HTML / CSS 편집"을 선택하면이렇게 새 창으로 좌측에 프리뷰 화면과 우측엔 편집기가 나온다.우측의 "파일업로드"를 선택한다. 여기서 "header_default.jpg"라는 이름의 헤더 이미지 하나만 변경하면.. 더보기