반응형 Skin 티스토리스킨/반응형 1단 스킨 2018. 10. 21. 티스토리 스킨 - 반응형 그리드 블랙&화이트 티스토리 스킨 배포합니다. 스킨명 : 반응형 그리드 블랙&화이트 티스토리 스킨 사이드바 위젯과 프로필 이미지가 표시되지 않는 텍스트 중심읜 단색 스킨입니다. 메인화면 전체 컬러가 흑백으로 보이도록 제작했습니다. 왼쪽 사이드바에는 카테고리 및 블로그 방문자들이 이용하는데 필요한 기능들만이 표시됩니다. 목록 썸네일 이미지들은 흑백(그레이스케일)로 표시되며, 마우스 오버를 하면 컬러로 변하면서 110% 큰 이미지로 확대됩니다. 모바일에서는 스크롤되면서 현재 폰 안에 보이는 이미지만 컬러보 확대되어 보입니다. 썸네일 이미지 크기는 400px x 400px로 기본 설정되어 있습니다. 사이드바 위젯이 없고, 썸네일 이미지를 조금 작게 설정했기 때문에 조금 더 메인 화면 로딩 속도가 빠릅니다. 글 내용 보기 화면은 100% 너비로 설정되어 있.. 티스토리스킨/반응형 1단 스킨 2018. 10. 18. 티스토리 스킨 - 반응형 그리드 1단 940 티스토리 스킨 배포합니다. 스킨명 : 반응형 그리드 1단 940 티스토리 스킨 고정형 너비를 원하는 분이 있어서 앞서 배포된 반응형 그리드 1단 스킨을 레이아웃 너비를 940px 로 고정해서 변형을 준 스킨입니다. 컬러를 최대한 배제하고 미니멀하게 보일 수 있도록 몇몇가지 튀는 부분을 개선했습니다. ->너비 100% 이전 스킨 보기 변경된 사항들은 다음과 같습니다. 글 목록 썸네일 제목을 1줄로 고정. 글 목록 글 내용 미리보기 줄 수를 4줄로 고정(모바일은 기존 2줄에서 4줄로 고정) 글 목록 제목과 내용 줄수가 고정되면서 하단에 불필요하게 여백이 남는 문제가 사라졌습니다. 레이아웃 전체 좌우 여백을 40px 에서 30px로 줄여서 조금더 컴팩트하게 레이아웃이 잡히도록 했습니다. 배경색을 흰색으로 조정했습니다. 스킨 미리보기 *.. 티스토리스킨/반응형 1단 스킨 2018. 10. 17. 티스토리 스킨 - 반응형 포토갤러리2 티스토리 스킨 배포합니다. 스킨명 : 반응형 포토갤러리2 티스토리 스킨 메이슨리로 제작한 포토갤러리 스킨입니다. 브라우저 너비가 변경되는데 따라 자동으로 한행에 표시되는 썸네일 갯수가 조정됩니다. 이미지만 압축적으로 여백없이 모아서 보여주고, 이미지 위에 마우스 오버를 하면 포스트 썸네일 제목과 텍스트가 보이는 형태입니다. 모바일에서는 목록을 스크롤하면 현재 화면 가운데에 위치한 썸네일만 제목과 텍스트가 자동으로 보입니다. 알림! ------------------- 메이슨리 기반의 포토갤러리 스킨은 글에 첨부된 이미지가 없을 경우 해당 글의 미리보기가 메인 목록에 출력되지 않습니다. 사진형 블로그를 운영하거나 포스트에 이미지가 첨부되는 글만 작성하는 경우에 적용하시기 바랍니다. 또한 스킨 특성상 구버전 브라우저(인터넷익스플로러 1.. 티스토리스킨/반응형 1단 스킨 2018. 9. 28. 티스토리 스킨 - 반응형 1단 미니멀 심플 모노 스킨 배포 스킨명 : 반응형 1단 미니멀 티스토리 스킨 기본 아이콘으로 Font Awesome 을 사용해 사용된 아이콘들이 깨끗한 벡터 아이콘으로 표시됩니다. 컬러 사용을 최대한 줄여서 심플하고 미니멀한 블로그에 사용할 수 있도록 만든 스킨입니다. 1단 스킨으로 컨텐츠 가로 너비는 820px로 설정되어 있고, 전체 너비는 900px (좌, 우 40px 여백)에 맞춰져 있습니다. 반응형으로 모바일 및 브라우저 너비에 대응합니다. 사이드바는 상단에 정렬되어 배치됩니다. 4개단위로 켜서 사용하는 것을 추천합니다. 브라우저 너비가 줄어드는데 따라 2개, 1개로 자동으로 배치됩니다. -------------------------------1.0.1 Patch - 위젯 정렬이 정확하지 않게 되던 문제가 패치되었습니다. 201.. 티스토리스킨/반응형 1단 스킨 2018. 9. 26. 티스토리 스킨 - 반응형 1단 오션 테마 스킨 배포 스킨명 : 반응형 1단 오션 테스토리 스킨 바다 서핑 테마를 주제로 만든 1단 반응형 스킨입니다. 배경색을 지중해색으로 맞춰서 시원한 느낌이 들도록 만들었습니다. 컨텐츠 가로 최대크기는 1260px 입니다. 가로 너비가 줄어들면서 레이아웃도 자동으로 맞춰서 줄어들도록 되어있습니다. 모바일 지원. 컨텐츠 가로 크기를 원하는 컨텐츠 에디터 크기 설정에 맞춰 줄이려면 CSS(style.css) 파일 내용에서 65라인: "width: 1176px" 를 "width:[컨텐츠너비값]px" 로 변경 498라인: "max-width:1262px" 를 "max-width:[컨텐츠너비값+84]px" 로 변경 하면 됩니다. 티스토리스킨/반응형 1단 스킨 2018. 9. 23. 티스토리 스킨 - 반응형 사이드바 타입 티스토리 스킨 배포 스킨명 : 반응형 사이드바 타입 티스토리 스킨 기본으로 제공되는 사이드바 반응형 티스토리 스킨을 커스터마징한 버전입니다. 기본 스킨에서 사용하는 비트맵 아이콘 이미지들을 대체해서 벡터 기반인 폰트어썸(Font Awesome)으로 아이콘을 변경했습니다. 기기별 해상도에와 무관하게 아이콘들이 깨끗하게 출력됩니다. 기본 글 목록의 썸네일 이미지 크기는 200px x 200px 입니다. 배경 jpg 이미지 외에 skin.html, style.css, script.js 파일 3개만으로 스킨이 구성됩니다. 가로 1260px 이상 화면에서 컨텐츠 내용이 창크기에 따라 센터로 정렬되면서 따라 움직이던 것을 수정해 왼쪽에 붙어있도록 수정했습니다. 교체가능한 배경 이미지 3개가 ./images 폴더에 포함되어 있습니다. .. 티스토리스킨/반응형 1단 스킨 2018. 9. 22. 티스토리 스킨 - 반응형 기본 1단 티스토리 스킨 - 티스토리 기본 스킨 커스텀 - 배포 스킨명 : 반응형 기본 1단 티스토리 스킨 기본 설정으로 설정되는티스토리 기본 1단 스킨을 커스터마이징한 버전입니다. 현재 블로그팩 블로그에 적용되어 있는 스킨입니다. 기본 레이아웃은 기존 기본 스킨과 동일하고 티스토리 기본 스킨에 사용하는 이미지 아이콘을 대체해서 Font Awesome을 사용했습니다. 스킨 적용시 별도의 이미지 업로드 작업이 불필요 합니다. 기존의 각진 구성 요소들을 동글동글하게 다듬고 파스텔 톤 컬러를 입혀서 조금더 온화하고 부드러워 보이도록 변경했습니다. 기본 스킨에 살짝 버그성인 몇가지 부분을 조정해서 깔끔하게 동작하도록 조정했습니다. 스킨미리보기 티스토리스킨/반응형 2단 스킨 2018. 9. 22. 티스토리 스킨 - 부트스트랩 기반 반응형 티스토리 스킨 부트베이직1 배포 스킨명 : 부트스트랩 기반 븐응형 티스토리 스킨 부트스트랩과 폰트어썸으로 만든 티스토리 스킨입니다. 반응형 디자인으로 모바일 대응까지 잘 됩니다.마이크로소프트 엣지, IE 11에서도 잘 동작합니다.부트스트랩 기반 가변형 레이아웃이기 때문에 브라우저 너비에 따라 컨텐츠 및 사이드바 레이아웃 및 배치가 가변으로 변경됩니다.2단 레이아웃으로 우측에 사이드바 위젯이 위치합니다. 메인 배경 이미지는 ./images/bg.jpg 파일을 덮어쓰면 변경할 수 있습니다. 탑 네비게이션을 사용하지 않을 경우 skin.html 파일의 45~64 행까지 삭제하면 됩니다. 사이드바의 SNS링크 아이콘들을 사용하지 않을 경우 skin.html 파일의 457~468행까지 삭제하면 됩니다.또는 "SNS링크" 문자열 검색을 해서 검색.. 이전 1 다음 반응형
