본문 바로가기

반응형 스킨

(3)
티스토리 반응형 스킨 표 사이즈 최적화 티스토리 에디터에서는 표를 지원하는데, 반응형 스킨에서는 이 표의 사이즈가 잘리는 경우가 많다. 왜냐하면, 반응형 스킨은 창의 크기에 맞춰서 글의 가로폭이 변하는데, 티스토리에서 제공하는 표를 그대로 사용한다면 가로폭이 일정한 상태이기 때문이다. 오늘은 티스토리 반응형 스킨에서 표 사이즈를 어떻게 하면 최적화할 수 있는지 알아보겠다. 반응형 스킨에서 표 사이즈 문제 아래 그림은 표 사이즈를 확인하기 위한 테스트 포스팅이다. 티스토리 에디터에서 표를 만들어보았다. 그림과 같이 3X5 크기의 행렬을 만들었다. PC 크기의 가로폭에서는 위와 같이 별 문제 없이 표가 제대로 나오는 것을 확인하였다. 그런데 이걸 모바일에서 보면 얘기가 달라진다. 위와 같이 모바일에서 볼 경우에는 표의 3번째 열부터 잘려서 보이지..
Fastboot 스킨 상단바 타이틀 이미지로 꾸미기 Fastboot을 쓰면서 가장 바꾸고 싶었던게 바로 상단바 타이틀이었다. 타 Fastboot을 사용하는 고수 블로거분들을 보면.. 하나같이 상단바를 이쁘게 꾸며놓으셨더라.. 필자는 html이나 CSS 코드를 잘 다루지는 못하기 때문에, 발품을 팔면서 스킨 상단바 이미지를 바꾸는 방법을 터득했다. 오늘은 Fastboot 스킨 상단바 이미지 꾸미기 방법에 대해 자세히 알아보겠다. 상단바 이미지 꾸미기 일단, 기본 Fastboot의 상단바 타이틀화면은 다음과 같다. 이 스킨을 사용하는 유저분들도 아래 그림과 같을 것이라고 생각된다. 상단바 이미지를 꾸미기 위해 가장 먼저 할일은, 상단바 이미지를 제작하여, 제작한 파일을 스킨에 업로드하는 것이다. 이 파일은 필자의 블로그 상단바 이미지이다. 1920×100 크..
티스토리 스킨 Fastboot 1.6.2 설치방법 알아보기 티스토리는 네이버 블로그와는 달리 스킨에 대한 자유도가 매우 높다. html과 CSS를 사용자가 조작할 수 있기 때문인데, 그로 인해 프로그램 언어를 잘 다룰줄 아는 블로거들은 자신만의 유니크한 블로그 스킨을 만들어 사용하곤 한다. 그러나 고마운 몇몇 블로거들께서 본인이 만든 스킨을 오픈소스로 공개하는 경우도 있다. 이말은 즉, 나같이 프로그램 언어를 모르는 사람들도 이쁜 스킨을 가질 수 있다는 뜻..! (이자리를 빌어 Fastboot 스킨을 만들고 무료로 배포해주신 Readiz님께 감사를 드립니다.) 언어를 모른다면 스킨을 만들기가 매우 힘들지만, 의외로 만들어진 스킨을 조금씩 수정해서 사용하는건 그렇게 어렵지 않다. 설치하는 것 또한 마찬가지로 매우 간단하다. 오늘은 무료 반응형 스킨중 가장 인기있다..