오래간만의 스킨 변경! (MovingBox → Whiteground)

그동안 MovingBox Skin을 한 4년 넘게 사용했었습니다. 충분히 매력있고 좋은 스킨이지만 중앙정렬이 아니라 좌측정렬인점과 제가 부분적으로 수정하기에 조금 소스가 복잡하기도 했습니다.

그래서 한번 바꿔야지 바꿔야지 하다가 지난 주말 드디어 손을 대게 되었네요.

처음엔 티스토리에 등록된것에서 찾아봤는데 이거다 싶은게 없어서, 외부스킨에서 고르게 되었는데...
중앙정렬, 심플할것, 2단 레이아웃, 사이드바 조절가능, 가벼울것 등의 기준을 두고 2~3개로 압축했다가 최종적으로 고르게 된 스킨은 'Whiteground' 이었습니다.

티스토리 블로그용 Whiteground 스킨을 배포합니다.
http://lawlite.tistory.com/249

예전 스킨과 같이 녹색계열로 정하고, 위쪽 타이틀바도 기존껄 가지고 올려고 했는데, 타이틀바와 메뉴바의 순서를 변경못해서 실패! 아쉬운대로 부분부분 색상이나 아이콘을 넣어가며 수정을 해봤습니다.

사이드바 글자를 2개로 해서 그림자효과를 주셨었는데, 일반적인 화면에서는 정상적으로 잘 보이나, 확대하면 글자들이 틀어지는 문제가 있었는데 제가 까막눈이라 수정을 못해 그냥 그림자 부분을 뺏고...
이전 스킨의 소스 봐가며 사이드바 리스트 앞에 아이콘 달았고, 스킨위자드로 들어가서 본문폭을 넓히고 나오니 뭘 잘못건드렸는지 일부 폰트가 변경되는 문제도 있었고.. 등  이것저것 자잘한것들 약간씩 변경하는데, html/css 에 대한 기초가 없다보니 주먹구구식으로 하나씩 수정하고 새로고침후 상태보며 그렇게 노가다(?)로 고쳐가고 있습니다.
테스트용 블로그가 있어서 그쪽에서 테스트하고 이 블로그에 적용시키고 하니 그래도 좀 수월하기도 했습니다. 중간중간 혹시 몰라 스킨저장을 꼭 해줘서 언제든지 복원가능하게 한것도 다행이었구요. 

인기가 많은 스킨인지라 부분부분 변경하는 방법들도 많은 분들이 포스팅해 주셔서 수정하기가 상당히 편했습니다. 참고한 블로그 포스팅들 몇개  링크걸어 봅니다.

티스토리 블로그 외부스킨 적용하는 방법 - http://www.bloggertip.com/4110

외부스킨은 처음 적용해봐서 위의 포스트 참고했고,

Whiteground 스킨, 본문과 사이드바 경계선 넣기 - http://gbworld.tistory.com/106

처음엔 사이드바에 배경색을 살짝 넣었었는데 그러면 추가적으로 손봐야 할곳이 몇군데 생겨서 잠시 보류하다가, 중간에 선이 있어도 괜찮겠다는 생각으로 직접 노가다로 찾아가며 넣을려고 하다가 찾은 포스트.... 휴~ 다행^^

Whiteground 스킨 수정하기 - http://hamjang.tistory.com/12

좌우측에 테두리선을 따라서 적용했고, 배경색을 깔까 하다가 일단 좀 그냥 써보기로 했고....

티스토리｜블로그에 Top 버튼 넣기 - http://hereinwednesday.tistory.com/64

스크롤바 옆에 top 버튼 다는것 이 포스트 보고 했고, 이미지는 https://www.iconfinder.com/ 에서 찾아 사용했습니다.
arrow up, arrow down 으로 검색하면 나옵니다.

이게 창의 가로폭이 넓게 열려있으면 괜찮은데, 창의 크기를 줄이면 위와같이 애드센스 광고위에 화살표가 뜨게 되는 단점이 있더라구요. 괜히 이게 또 부정클릭을 유발하는걸로 오해를 살수 있을거 같아서...

티스토리 블로그에 view추천/구독 스크롤 버튼 달기 - http://clason.tistory.com/192

위의 링크를 참고하여, 그냥 본문옆에 떠있는걸로 했습니다.





계속 이어서 적어보도록 하겠습니다.