블로그팩

메이슨리(Masonry) 기반으로 반들어진 반응형 티스토리 스킨입니다. 브라우저 너비가 바뀌면 목록의 썸네일들이 애니메이션 되면서 레이아웃이 변경됩니다. 썸네일 이미지 가로 너비는 300px 입니다. 포스트 원본 이미지의 가로/세로 비율이 유지된 채로 썸네일 이미지가 생성되기 때문에  세로로 긴 이미지를 타이틀 이미지로 자주 사용하는 경우 보기좋은 메인 화면을 만들 수 있습니다. 스마트폰 세로 보기로 촬영한 사진을 포스팅하기 좋은 스킨입..

단정하고 심플한 사진 중심 블로그를 위한 반응형 스킨입니다. 컬러 사용을 최대한 배제했고, 사이드바 메뉴와 검색 기능을 히든으로 감춰서 최대한 심플한 느낌을 낼 수 있도록 했습니다. 메인 썸네일 목록의 그림자 효과를 빼려면  CSS파일(style.css)의 264, 265, 266 행을 삭제하면 됩니다. 사이드바 모듈 갯수는 4개단위(4개, 8개, 12개)로 표시가 되도록 하는 것을 추천합니다. 레이아웃 구조상 브라우저 크기가 줄어드는데..

빈티지 느낌을 살려 약간 올드하게 보이도록 만든 반응형 그리드 스킨입니다. 목록 프리뷰 이미지를 1:1 정사각형으로 변경하시려면  skin.html 파일을 연 후 "C600x400" 문자열을 검색한 후 "C600x600" 으로 변경하면 됩니다. 이미지 해상도가 높아 모바일 환경 등에서 로딩 딜레이가 발생하는게 부담스러운  경우 위 문자열을 "C400x400" 이나 "C300x300", "C300x200" 과 같이 썸네일 크기를 ..

그리드 형으로 제작한 티스토리 스킨입니다. 브라우저 너비에 따라 이미지가 자동으로 변경되며, 브라우저 크기가 줄어들면 한줄에 표시되는 포스트 갯수도 자동으로 줄어듭니다. 모바일 대응 잘 됩니다. 목록 보기 화면에 표시되는 글 갯수는 6개의 배수로 지정하는 것을 추천합니다. 예를 들어 6개, 12개, 18개 이런식으로... 컨텐츠 보기의 이미지 최대 너비는 800px입니다. 컨텐츠 너비를 변경하려면 CSS(style.css) 파일을 열어 ..

별이 빛나는 밤하늘을 주제로 만든 어두운 느낌의 블로그 느낌에 잘 어울리는 블랙 나이트 스킨입니다. 반응형 스킨이고 모바일 대응 잘 됩니다. 컨텐츠 너비는 800px입니다. -------------------------------------1.0.3 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다. 1.0.2 Patch  - 검색 아이콘이 위치가 조금 어긋나 보이던 문제 해결  - 검색어 검색 결과가 모바일 화면 최상..

고정 사이드바 형태의 심플한 반응형 스킨입니다. 단색조의 심플하고 좁은 레이아웃에서도 보기 좋은 스킨입니다. 전체적으로 글자 크기를 표준 크기에 비해 조금씩 작게 조정을 해서 조금더 많은 내용이 표시될 수 있도록 했습니다. 모바일 대응 잘 됩니다. CSS를 변경할 줄 아는 경우 사이드바 배경색을 변경하거나 배경 이미지를 넣으려면 CSS(style.css) 파일 65라인의 ".wrap_sub" 클래스 배경색을 변경하거나, 배경 이미지..