본문 바로가기

Tistory

반응형 포토갤러리2 티스토리 스킨 배포합니다. 메이슨리로 제작한 포토갤러리 스킨입니다. 브라우저 너비가 변경되는데 따라 자동으로 한행에 표시되는 썸네일 갯수가 조정됩니다. 이미지만 압축적으로 여백없이 모아서 보여주고, 이미지 위에 마우스 오버를 하면 포스트 썸네일 제목과 텍스트가 보이는 형태입니다. 모바일에서는 목록을 스크롤하면 현재 화면 가운데에 위치한 썸네일만 제목과 텍스트가 자동으로 보입니다.알림!-------------------메이슨리 기반의 포토갤러리 스킨은 글에 첨부된 이미지가..
반응형 그리드 1단 스킨2 배포합니다.(Masonry 기반 스킨) 메이슨리(Masonry) 기반으로 반들어진 반응형 티스토리 스킨입니다. 브라우저 너비가 바뀌면 목록의 썸네일들이 애니메이션 되면서 레이아웃이 변경됩니다. 썸네일 이미지 가로 너비는 300px 입니다. 포스트 원본 이미지의 가로/세로 비율이 유지된 채로 썸네일 이미지가 생성되기 때문에  세로로 긴 이미지를 타이틀 이미지로 자주 사용하는 경우 보기좋은 메인 화면을 만들 수 있습니다. 스마트폰 세로 보기로 촬영한 사진을 포스팅하기 좋은 스킨입..
반응형 그리드 1단 레이아웃 티스토리 스킨 배포합니다. 단정하고 심플한 사진 중심 블로그를 위한 반응형 스킨입니다. 컬러 사용을 최대한 배제했고, 사이드바 메뉴와 검색 기능을 히든으로 감춰서 최대한 심플한 느낌을 낼 수 있도록 했습니다. 메인 썸네일 목록의 그림자 효과를 빼려면  CSS파일(style.css)의 264, 265, 266 행을 삭제하면 됩니다. 사이드바 모듈 갯수는 4개단위(4개, 8개, 12개)로 표시가 되도록 하는 것을 추천합니다. 레이아웃 구조상 브라우저 크기가 줄어드는데..
반응형 그리드2 초코 티스토리 스킨 배포합니다. 가을 분위기가 나는 초코색 컬러톤으로 만든 그리드형 스킨입니다. 박스형이나 포토갤러리형 블로그에 잘 맞도록 만들어졌습니다. 모바일 대응 잘 됩니다. 브라우저 너비 변경에 따라 목록 박스와 이미지 크기가 자동으로 조절됩니다. 브라우저 너비가 둘어들면 한줄에 표시되는 박스 갯수가 2개 1개로 차례로 줄어듭니다. 메인 목록의 미리보기 갯수는 6의 배수를 추천합니다.(6개, 12개 18개...) 스킨 미리보기 * 미리보기시 브라우저 창 ..
반응형 1단 블랙나이트 스킨 배포 별이 빛나는 밤하늘을 주제로 만든 어두운 느낌의 블로그 느낌에 잘 어울리는 블랙 나이트 스킨입니다. 반응형 스킨이고 모바일 대응 잘 됩니다. 컨텐츠 너비는 800px입니다. -------------------------------------1.0.4 Patch - 모바일 화면에서 스크롤시 상단 카테로리명 표시 고정 타이틀바 배경색이 맞지 않던 부분이 패치되었습니다.1.0.3 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다. 1..
반응형 1단 오션 테마 스킨 배포 바다 서핑 테마를 주제로 만든 1단 반응형 스킨입니다. 배경색을 지중해색으로 맞춰서 시원한 느낌이 들도록 만들었습니다. 컨텐츠 가로 최대크기는 1260px 입니다. 가로 너비가 줄어들면서 레이아웃도 자동으로 맞춰서 줄어들도록 되어있습니다. 모바일 지원. 컨텐츠 가로 크기를 원하는 컨텐츠 에디터 크기 설정에 맞춰 줄이려면  CSS(style.css) 파일 내용에서  65라인: "width: 1176px" 를 "widt..
반응형 사이드바 타입 티스토리 스킨 배포 기본으로 제공되는 사이드바 반응형 티스토리 스킨을 커스터마징한 버전입니다. 기본 스킨에서 사용하는 비트맵 아이콘 이미지들을 대체해서 벡터 기반인 폰트어썸(Font Awesome)으로 아이콘을 변경했습니다. 기기별 해상도에와 무관하게 아이콘들이 깨끗하게 출력됩니다. 기본 글 목록의 썸네일 이미지 크기는 200px x 200px 입니다. 배경 jpg 이미지 외에 skin.html, style.css, script.js 파일 3개만으로 스킨이 구성됩..
검색엔진 등록용 티스토리 블로그 사이트맵 만들기 티스토리 블로그에 글을 쓰게되면 되면 다음 검색에는 자동으로 검색이 등록됩니다.그 외에 구글, 네이버, 빙 검색에는 별도로 검색 등록을 하지 않으면 아얘 노출이 되지 않게 됩니다.3가지 검색엔진 모두 사이트맵 파일을 업로드하는 방식으로 검색 색인(인덱스)를 생성하게 됩니다.생성된 사이트맵 XML 파일을 검색엔진 웹마스터도구나 서치콘솔에서 업로드를 해줘야 검색엔진에서 사이트맵 파일에 있는 링크 페이지들을 방문해 인덱스를 생성하게 됩니다.사이트..
반응형 기본 1단 티스토리 스킨 - 티스토리 기본 스킨 커스텀 - 배포 기본 설정으로 설정되는티스토리 기본 1단 스킨을 커스터마이징한 버전입니다. 현재 블로그팩 블로그에 적용되어 있는 스킨입니다. 기본 레이아웃은 기존 기본 스킨과 동일하고 티스토리 기본 스킨에 사용하는 이미지 아이콘을 대체해서 Font Awesome을 사용했습니다. 스킨 적용시 별도의 이미지 업로드 작업이 불필요 합니다. 기존의 각진 구성 요소들을 동글동글하게 다듬고 파스텔 톤 컬러를 입혀서 조금더 온화하고 부드러워 보이도록 변경했습니다. 기본 ..
부트스트랩 기반 반응형 티스토리 스킨 부트베이직1 배포 부트스트랩과 폰트어썸으로 만든 티스토리 스킨입니다.반응형 디자인으로 모바일 대응까지 잘 됩니다.마이크로소프트 엣지, IE 11에서도 잘 동작합니다.부트스트랩 기반 가변형 레이아웃이기 때문에 브라우저 너비에 따라 컨텐츠 및 사이드바 레이아웃 및 배치가 가변으로 변경됩니다.2단 레이아웃으로 우측에 사이드바 위젯이 위치합니다.메인 배경 이미지는 ./images/bg.jpg 파일을 덮어쓰면 변경할 수 있습니다.탑 네비게이션을 사용하지 않을 경우 skin.h..