티스토리 블로그 스킨 변경 [CCZ-CROSS] 수정

블로그 스킨변경.

이번에 http에서 https로 바꾸고 제가 사용하던fastboot스킨에서 최근 포스트 모듈에 이상이 생겼습니다.

그래서 해결방법을 찾아 몇가지 해봤는데 바뀌지 않아서 그냥 스킨을 바꾸게 되었습니다.

 

스킨 변경을 위한 후보.

스킨을 변경하기 위해 몇가지 스킨을 찾아보았습니다.

몇가지 스킨을 찾아서 실험용 블로그에 적용시키면서 두가지 스킨으로 선택폭을 좁혔습니다.

toDIVA님의 toPiece스킨과 흉내쟁이 님의 CCZ-CROSS스킨이었습니다.

원래는 toDIVA님의 toPiece스킨으로 하고싶었지만 스킨이 갤러리형이라 포기했습니다.

(제가 썸네일에 글 제목을 적어놓은 것이 아니라서 ㅠㅠ)

그래서 Readiz님의 fastboot스킨에서 흉내쟁이 님의 CCZ-CROSS로 변경을 했습니다.

 

블로그 스킨 주소.

Readiz(fastboot스킨) : http://readiz.tistory.com/214

toDIVA(toPiece스킨) : http://todiva.tistory.com/13

흉내쟁이(CCZ-CROSS스킨) : http://webdir.tistory.com/491

스킨 변경 후.

일단 디자인은 깔끔하고 마음에 들었습니다.

전에 쓰던 fastboot와 비슷하게 수정하니 위화감도 없었습니다.

방문자도 아직까지 크게 변하지 않았습니다. (사실 방문자도 얼마 없네요..)

 

수정내역.

- h1, h2. h3, h4, h5, h6수정

- fouc 삭제

- 이미지 경로 수정

- 썸네일 위치 오른쪽에서 왼쪽으로 수정

- 티에디션 부분 수정

수정 후 스킨

html에서 fouc를 삭제하고 이미지경로를 수정하니 스킨의 속도가 빨라졌습니다.(하는 방법은 네이버 검색 하면 나옵니다.)

저는 티에디션을 사용하는데 모바일에서 글짜가 많이 짤려서 Readiz님의 블로그를 보고 수정했습니다.

썸네일이 오른쪽에서 나와서 왼쪽으로 바꿨습니다.

h1 등의 크기가 이상해서 바꿧습니다.

익숙한게 좋아서 fastboot스킨에서 사용하던것처럼 border도 설정해줬습니다.

before & after

이곳부터는 수정하지 않았습니다.

왼쪽 상단의 메뉴 디자인: 심플한데 너무 큰것처럼 보입니다.

댓글과 대댓글: 개인적으로 선으로 연결된듯한 디자인이 매우 마음에 드는 부분이었습니다.(제 블로그에는 댓글이 잘 안달리지만요..)

여기부터는 모바일입니다.

아까 수정해서 그나마 쓸만해진 티에디션 홈.....(그래도 살짝 짤리네요.)

모바일에서 메뉴를 열었을 때 입니다.

모바일에서 카테고리에 들어갔을 때 입니다.

[유용한정보] - 블로그 팁 블로그 처음 시작할때 하면 좋은 것