본문 바로가기

Life/yourjune blog

블로그 스킨을 바꿔봤습니다!

반응형
예전부터 계획하고 있었던 건데 이제서야 스킨을 고치게 되네요. 그전에 사용하던 Moving Box스킨은 사이드바가 두개여서 너무 작은게 흠이었습니다. 그거 말고도 여러가지 불편함에 따라 스킨수정을 감행하게 되었습니다. 매번 느끼는 거지만 스킨수정 및 적용이 결코 쉬운일이 없네요. 거의 이틀을 계속 붙잡고 있었더니 이제 겨우 봐줄만한 그림이 나옵니다.

이번에 사용한 스킨은 티스토리에서 배포하고 있는 Pure Black (2단)입니다. 스킨변경외에도 많은 부분을 수정했습니다.


Before는 맨처음 퓨어블랙 스킨을 적용했을때이고 After는 최종결과물입니다.

Before

After


그럼 수정사항을 간단히 기록해보록 하겠습니다. (요건 저도 기록이 필요해서 적습니다.)

1. 스킨변경 및 좌우폭 변경 (3단 → 2단)
원래 퓨어블랙 스킨은 좌우폭이 860픽셀정도인데 저는 본문영역 및 사이드바 영역을 조금씩 늘려 900픽셀정도로 맞추었습니다. 여백까지 합치면 920픽셀정도 됩니다.

본문영역의 넓이는 630픽셀이고 사이드바는 250픽셀입니다. 

사이즈 조정하는게 장난이 아니네요. 테스트를 수백번도 더 한것 같습니다.


2. 블로그 타이틀 이미지로 대체


3. 피드버튼 사이즈 및 배치 변경
기존 피드버튼으로는 애매한 부분이 있어 피드버튼사이즈를 가로 세로 70픽셀정도로 맞추었습니다. 두줄로 배치해 첫줄에는 사진블로그 링크가 오도록 했습니다.

그리고 피트카운터는 모두 삭제했습니다. (별로 쓸모가 없는 것 같아서)


4. 기본 글꼴 변경 (돋움, 굴림 → 맑은 고딕)
기본 글꼴을 맑은 고딕으로 변경하였습니다. 비스타 및 윈도7에서는 맑은 고딕으로 블로그가 보일겁니다. XP는 아직 테스트를 못해봤습니다.


5. 티에디션 설정
티에디션을 설정해봤습니다. 약간 지저분한 감도 없지 않네요.


6. 포스팅 타이틀 물결지는 플래쉬 적용


앞으로 별다른 일이 없다면 이 스킨을 쭉 쓸거 같습니다. 위쪽의 검은색 헤더가 약간 밋밋한 것 같아서 바꿔볼까 하는데 마땅한 이미지가 없네요. 저건 나중에 천천히 손 보도록 하겠습니다. 혹시 퓨어블랙 스킨을 수정하고자 하는 분이 있으시다면 댓글 남겨주시면 최대한 도움 드리도록 하겠습니다.
반응형