몇일전에 또 블로그 스킨(웹반응형)을 업데이트시키면서 조금 색다르게 변경을 해보았습니다..예전에 쓰던 기존 티스토리 기본형 스킨에도 적용하기도 했던..배경에 '패턴' 넣기에요~
개인적인 취향에 따라서 블로그들은 가지각색이지만..대부분 전체가 하얀색 계통의 스킨을 많이 쓰고 있습니다^^ 저 역시도 애초부터 그랬구요..
그런데 블로그 스킨을 자세히 보면 블로그 콘텐츠와 그 양쪽 옆부분까지도 밝고 하얀색 계통이라면 보이기에는 좋을지 모르지만..
해당 블로그 글에 대한 '가독성'이 떨어질 가능성이 있습니다.(물론 통계적으로 확인된 바는 없어요^^)
시각적인 면에서 본다면..똑같은 색을 쓰는 것보다는 아래와 같이 색깔을 다르게 지정해두면 블로그 방문자들 입장에서는 시선이 콘텐츠로 조금 더 집중될 수 있겠죠.
현재 이 블로그의 스킨을 보면 양쪽에 회색의 패턴이 적용되어 있다는 사실을 확인할 수 있습니다^^ 어디까지나 블로그 꾸미기의 한부분이고..마음에 들지 않는다면 꼭 이렇게 하지 않아도 되니까 참고만 하세요~
예전에 쓰던 티스토리 블로그 스킨에도 적용한 저 패턴은..외국 사이트(셔틀패턴)에서 구했습니다..더 중요한건 무료 이미지라는 사실이죠^^
셔틀패턴 홈페이지 ☞ http://subtlepatterns.com
수백개가 넘는 패턴들이 있는데 그 중에서 '회색'의 패턴을 검색해서 'Mirrored Squres'라는 패턴 이미지를 사용했었죠..
티스토리 블로그 스킨 배경 무료 '패턴' 넣기
필요하신분은 직접 저 사이트에 방문하셔서 본인이 마음에 드는 패턴을 골라서 다운로드하면 됩니다^^ 다운로드된 압축파일은 압축 풀어준 다음..안에 있는 이미지파일을 자신의 티스토리 블로그에 업로드해야 해요~
다운로드된 무료 패턴이미지는 html/css 편집창에서 '파일업로드'로 들어가서 '추가'해주면 되구요~ 미리보기 화면에 나오는 이미지의 URL을 복사해둡니다.. 스킨에 제대로 적용하기 위해선 이미지URL이 필수거든요.
마지막으로 HTML/CSS 편집부분중..Skin.html에서 <body></body>에 특정 소스를 넣어줘야 하는데요..
위 캡쳐화면을 보시면 그 부분 전체가 <style></style>로 감싸고 있습니다..그 내부에는 body와 table,td가 보이구요..
여기서 다른 부분은 크게 손봐줄 부분은 없지만 backgroud image만 자신이 업로드해서 올렸던 패턴이미지 url로 바꿔주세요~
'backgroud-repeat'는 당연히 'reapeat'로 설정해놔야만 패턴이 그부분에만 반복되겠죠^^ 혹시 적용하려고 하는 분들은 아래 첨부 파일을 그대로 복사해서 이미지주소만 바꿔주세요~
블로그 스킨 배경 패턴넣기.txt