본문 바로가기

반응형

반응형 티스토리 스킨 120 페민(fEmine) 스킨 배포합니다.

7 2022. 1. 19. ---------------------------------------------------------- 2022-05-21 1.1 패치 배포 모바일 화면 보기시 화면 스크롤 상태에서 검색바 활성화를 하면 블로그 타이틀과 겹쳐보이는 현상 개선 모바일 화면 보기시 글 목록 아이템 하단 여백이 상단 여백보다 넓어 불필요한 공간을 차지하는 현상 개선 ---------------------------------------------------------- 배포 스킨 하단의 저작권 표시와 스킨 소스의 저작권 표시 삭제를 금지합니다. 임의로 저작권 표시를 삭제하는 경우가 자주 눈에 띄어서 명시적으로 공지를 합니다. 2022년 배포 스킨부터는 인터넷 익스플로러에 대한 공식 지원을 중단합니다. 인터넷 익스플로러에서 사..

티스토리 스킨 - 반응형 민트페이퍼 2단 티스토리 스킨 배포합니다.

121 2019. 4. 11. 스킨명 : 반응형 민트페이퍼 2단 티스토리 스킨 ----------------------------------------------------- 2019-06-24 1.2.0 패치 - 커버슬라이드 애니메이션 타입 설정 지원. 좌우 슬라이드 및 페이드인아웃 타입 지원 2019-06-01 1.1.4 패치 - 모바일 검색폼 클릭시 사이드바 메뉴 닫히는 버그 패치 2019-05-27 1.1.3 패치 - 모바일 사이드바 스크롤락 호환성 개선 2019-05-20 1.1.2 패치 - 댓글 플레이스홀더 글자색 버그 패치. 2019-05-19 1.1.1 패치 - 탑스크롤 사용 옵션 추가. 모바일 화면 메뉴 버튼 상단에 고정. 2019-05-07 1.1.0 패치 - 스킨 옵션 기능 3종 추가(짧은 날짜 여부 선택, 좁은 ..

티스토리 스킨 - 반응형 타임라인1 티스토리 스킨 배포합니다.

1 2019. 2. 15. 스킨명 : 반응형 타임라인1 1. 부트스트랩 기반으로 반응형으로 만들어진 스킨입니다. 스킨 미리보기 * 미리보기는 흑백(모노) 컬러 테마입니다. ------------------------------------------------------ 2019.03.06 - 1.0.1 Patch SNS 링크 아이콘에 불필요한 텍스트가 표시되는 버그 패치 기존버전 사용자는 359행 color:#b3b3b3; -> color:#fff; 361~363행 .social-link a:hover { color:#000; } 을 .social-link a:before{ color: #999; } .social-link a:hover:before { color:#000; } 로 변경하면 됨. -------------------..

티스토리 스킨 - 반응형 그리드 1단 스킨2 배포합니다.(Masonry 기반 스킨)

18 2018. 10. 15. 스킨명 : 반응형 그리드 1단 티스토리 스킨 메이슨리(Masonry) 기반으로 반들어진 반응형 티스토리 스킨입니다. 브라우저 너비가 바뀌면 목록의 썸네일들이 애니메이션 되면서 레이아웃이 변경됩니다. 썸네일 이미지 가로 너비는 300px 입니다. 포스트 원본 이미지의 가로/세로 비율이 유지된 채로 썸네일 이미지가 생성되기 때문에 세로로 긴 이미지를 타이틀 이미지로 자주 사용하는 경우 보기좋은 메인 화면을 만들 수 있습니다. 스마트폰 세로 보기로 촬영한 사진을 포스팅하기 좋은 스킨입니다. 썸네일 이미지 크기는 300px 고정이며, 브라우저 너비가 넓어지면 한줄에 표시되는 썸네일 갯수가 늘어납니다. 배경 색상을 다른 톤으로 변경하려면 CSS파일(style.css)을 열어 20번째행의 background:#f7..

티스토리 스킨 - 반응형 그리드 1단 레이아웃 티스토리 스킨 배포합니다.

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

티스토리 스킨 - 반응형 그리드3 빈티지 티스토리 스킨 배포합니다.

10 2018. 10. 13. 스킨명 : 반응형 그리드 3 빈티지 티스토리 스킨 빈티지 느낌을 살려 약간 올드하게 보이도록 만든 반응형 그리드 스킨입니다. 목록 프리뷰 이미지를 1:1 정사각형으로 변경하시려면 skin.html 파일을 연 후"C600x400" 문자열을 검색한 후"C600x600" 으로 변경하면 됩니다. 이미지 해상도가 높아 모바일 환경 등에서 로딩 딜레이가 발생하는게 부담스러운 경우위 문자열을"C400x400" 이나 "C300x300", "C300x200" 과 같이 썸네일 크기를 줄이면 이미지 크기가 축소되어 로딩이 다소 빨라집니다.다만, 썸네일 이미지 크기를 줄이면 고해상도 화면에서 큰 화면으로 블로그를 보게될 경우 이미지가 다소 뭉게져 보일 수 있습니다. 스킨 미리보기 * 미리보기시 브라우저 창 크기를 줄이면 모바..

티스토리 스킨 - 반응형 그리드1 티스토리 스킨 배포합니다.

15 2018. 10. 9. 스킨명 : 반응형 그리드1 티스토리 스킨 그리드 형으로 제작한 티스토리 스킨입니다.브라우저 너비에 따라 이미지가 자동으로 변경되며, 브라우저 크기가 줄어들면 한줄에 표시되는 포스트 갯수도 자동으로 줄어듭니다.모바일 대응 잘 됩니다. 목록 보기 화면에 표시되는 글 갯수는 6개의 배수로 지정하는 것을 추천합니다.예를 들어 6개, 12개, 18개 이런식으로... 컨텐츠 보기의 이미지 최대 너비는 800px입니다. 컨텐츠 너비를 변경하려면 CSS(style.css) 파일을 열어 800px -> [원하는 컨텐츠 너비]px 로변경하면 됩니다. 목록보기의 미리보기 이미지는 최대 크기인 600px로 설정되어 있습니다.반응형 레이아웃 구성은 600px x 600px 나 600px x 400px 에 최적화 되어 있습니다...

티스토리 스킨 - 반응형 1단 블랙나이트 스킨 배포

14 2018. 10. 7. 스킨명 : 반응형 1단 블랙나이트 티스토리 스킨 별이 빛나는 밤하늘을 주제로 만든 어두운 느낌의 블로그 느낌에 잘 어울리는 블랙 나이트 스킨입니다. 반응형 스킨이고 모바일 대응 잘 됩니다. 컨텐츠 너비는 800px입니다. -------------------------------------1.0.4 Patch - 모바일 화면에서 스크롤시 상단 카테로리명 표시 고정 타이틀바 배경색이 맞지 않던 부분이 패치되었습니다.1.0.3 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다. 1.0.2 Patch - 검색 아이콘이 위치가 조금 어긋나 보이던 문제 해결 - 검색어 검색 결과가 모바일 화면 최상단에 표시가 되지 않던 문제 해결 ------------------------------------- 스킨미리보..

티스토리 스킨 - 반응형 심플 블랙 사이드바 스킨 배포

14 2018. 10. 3. 스킨명 : 반응형 심플 블랙 사이드바 티스토리 스킨 고정 사이드바 형태의 심플한 반응형 스킨입니다. 단색조의 심플하고 좁은 레이아웃에서도 보기 좋은 스킨입니다. 전체적으로 글자 크기를 표준 크기에 비해 조금씩 작게 조정을 해서 조금더 많은 내용이 표시될 수 있도록 했습니다. 모바일 대응 잘 됩니다. CSS를 변경할 줄 아는 경우 사이드바 배경색을 변경하거나 배경 이미지를 넣으려면 CSS(style.css) 파일 47행 ".area_head" 와 148행 ".list_control_wrap" 클래스의 속성중"background-color: #222;" 속성의 컬러값을 변경하면 됩니다. 사이드바 너비를 변경하려면 CSS(style.css) 파일에서 270px라고 값이 지정된 것을 원하는 너비로 변경하면 됩니..

티스토리 스킨 - 반응형 1단 오션 테마 스킨 배포

0 2018. 9. 26. 스킨명 : 반응형 1단 오션 테스토리 스킨 바다 서핑 테마를 주제로 만든 1단 반응형 스킨입니다. 배경색을 지중해색으로 맞춰서 시원한 느낌이 들도록 만들었습니다. 컨텐츠 가로 최대크기는 1260px 입니다. 가로 너비가 줄어들면서 레이아웃도 자동으로 맞춰서 줄어들도록 되어있습니다. 모바일 지원. 컨텐츠 가로 크기를 원하는 컨텐츠 에디터 크기 설정에 맞춰 줄이려면 CSS(style.css) 파일 내용에서 65라인: "width: 1176px" 를 "width:[컨텐츠너비값]px" 로 변경 498라인: "max-width:1262px" 를 "max-width:[컨텐츠너비값+84]px" 로 변경 하면 됩니다.

티스토리 스킨 - 반응형 사이드바 타입 티스토리 스킨 배포

6 2018. 9. 23. 스킨명 : 반응형 사이드바 타입 티스토리 스킨 기본으로 제공되는 사이드바 반응형 티스토리 스킨을 커스터마징한 버전입니다. 기본 스킨에서 사용하는 비트맵 아이콘 이미지들을 대체해서 벡터 기반인 폰트어썸(Font Awesome)으로 아이콘을 변경했습니다. 기기별 해상도에와 무관하게 아이콘들이 깨끗하게 출력됩니다. 기본 글 목록의 썸네일 이미지 크기는 200px x 200px 입니다. 배경 jpg 이미지 외에 skin.html, style.css, script.js 파일 3개만으로 스킨이 구성됩니다. 가로 1260px 이상 화면에서 컨텐츠 내용이 창크기에 따라 센터로 정렬되면서 따라 움직이던 것을 수정해 왼쪽에 붙어있도록 수정했습니다. 교체가능한 배경 이미지 3개가 ./images 폴더에 포함되어 있습니다. ..

티스토리 스킨 - 반응형 기본 1단 티스토리 스킨 - 티스토리 기본 스킨 커스텀 - 배포

0 2018. 9. 22. 스킨명 : 반응형 기본 1단 티스토리 스킨 기본 설정으로 설정되는티스토리 기본 1단 스킨을 커스터마이징한 버전입니다. 현재 블로그팩 블로그에 적용되어 있는 스킨입니다. 기본 레이아웃은 기존 기본 스킨과 동일하고 티스토리 기본 스킨에 사용하는 이미지 아이콘을 대체해서 Font Awesome을 사용했습니다. 스킨 적용시 별도의 이미지 업로드 작업이 불필요 합니다. 기존의 각진 구성 요소들을 동글동글하게 다듬고 파스텔 톤 컬러를 입혀서 조금더 온화하고 부드러워 보이도록 변경했습니다. 기본 스킨에 살짝 버그성인 몇가지 부분을 조정해서 깔끔하게 동작하도록 조정했습니다. 스킨미리보기

이전 1 다음

닫기

티스토리툴바