One Room 스킨은 워드프레스 테마를 변경한 스킨으로 현재 이 블로그에 사용하고 있는 스킨입니다. 이 스킨을 요즘 자주 접하다보니 수정할 점이 있어 업데이트했으면 해서 적습니다. 저와 이 스킨을 만든 분과 아무런 관계가 없습니다. 2012/06/03 - [블로그] - OneRoom 티스토리 스킨 다운로드 - 워드프레스 테마 변경에서 OneRoom 스킨을 다운받을 수 있습니다.
아래 그림에서 빨간색 사각형의 스킨 이미지가 나오게 하는 것을 적습니다. 아래 그림의 빨간색 사각형이 priview 이미지인데 One Room 스킨에도 있을 것입니다.
그러나 위 그림처럼 이미지가 나오게 하려면 이미지의 파일형식이 gif 이어야 합니다. 제가 받은 스킨에는 파일형식이 png인 prview.png였습니다. 알시 등으로 파일형식을 gif으로 변환하여 블로그의 업로드에서 prview.gif으로 파일을 올리면 됩니다. preview.gif 파일은 images 디렉토리에 들어가는 것이 아닙니다. 그러면 위와 같이 이미지가 나올 것입니다.
그러면 아래 그림처럼 파일업로드에 파일을 보면 preview.gif 파일이 있어야 합니다. 저는 헷갈릴 것 같아 preview.png은 지웠습니다.
아래 이미지를 배경이 투명인 PNG인데 아래와 같이 나와 처음에는 이 스킨은 투명이 안되는 줄 알았습니다. 투명에 대한 댓글에 .imageblock img 부분을 지우면 된다고 해서 그것을 지우니 투명이 됐습니다.
CSS에서 .imageblock img 소스를 보니 배경색을 지정하는 background-color에 지정한 색이 회색이었습니다. css에서 imageblock img 전부를 지울 것이 아니라 background-color 부분만 지우면 됩니다. imageblock img는 무엇을 지정하는 것인지 모르지만 전부 지우면 안될 것 같아서요.
여담으로 PNG여도 배경이 투명하지 않은 사각형 이미지를 사용하는 사람에게는 위에 설명한 것이 무엇인지 모를 것 같습니다.
