반응형 grid 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. 15. 티스토리 스킨 - 반응형 그리드 1단 스킨2 배포합니다.(Masonry 기반 스킨) 스킨명 : 반응형 그리드 1단 티스토리 스킨 메이슨리(Masonry) 기반으로 반들어진 반응형 티스토리 스킨입니다. 브라우저 너비가 바뀌면 목록의 썸네일들이 애니메이션 되면서 레이아웃이 변경됩니다. 썸네일 이미지 가로 너비는 300px 입니다. 포스트 원본 이미지의 가로/세로 비율이 유지된 채로 썸네일 이미지가 생성되기 때문에 세로로 긴 이미지를 타이틀 이미지로 자주 사용하는 경우 보기좋은 메인 화면을 만들 수 있습니다. 스마트폰 세로 보기로 촬영한 사진을 포스팅하기 좋은 스킨입니다. 썸네일 이미지 크기는 300px 고정이며, 브라우저 너비가 넓어지면 한줄에 표시되는 썸네일 갯수가 늘어납니다. 배경 색상을 다른 톤으로 변경하려면 CSS파일(style.css)을 열어 20번째행의 background:#f7.. 티스토리스킨/반응형 2단 스킨 2018. 10. 13. 티스토리 스킨 - 반응형 그리드3 빈티지 티스토리 스킨 배포합니다. 스킨명 : 반응형 그리드 3 빈티지 티스토리 스킨 빈티지 느낌을 살려 약간 올드하게 보이도록 만든 반응형 그리드 스킨입니다. 목록 프리뷰 이미지를 1:1 정사각형으로 변경하시려면 skin.html 파일을 연 후 "C600x400" 문자열을 검색한 후 "C600x600" 으로 변경하면 됩니다. 이미지 해상도가 높아 모바일 환경 등에서 로딩 딜레이가 발생하는게 부담스러운 경우 위 문자열을 "C400x400" 이나 "C300x300", "C300x200" 과 같이 썸네일 크기를 줄이면 이미지 크기가 축소되어 로딩이 다소 빨라집니다. 다만, 썸네일 이미지 크기를 줄이면 고해상도 화면에서 큰 화면으로 블로그를 보게될 경우 이미지가 다소 뭉게져 보일 수 있습니다. 스킨 미리보기 * 미리보기시 브라우저 창 크기를 줄.. 티스토리스킨/반응형 2단 스킨 2018. 10. 13. 티스토리 스킨 - 반응형 그리드2 쵸코 티스토리 스킨 배포합니다. 스킨명 : 반응형 그리드2 쵸코 티스토리 스킨 가을 분위기가 나는 초코색 컬러톤으로 만든 그리드형 스킨입니다. 박스형이나 포토갤러리형 블로그에 잘 맞도록 만들어졌습니다. 모바일 대응 잘 됩니다. 브라우저 너비 변경에 따라 목록 박스와 이미지 크기가 자동으로 조절됩니다. 브라우저 너비가 둘어들면 한줄에 표시되는 박스 갯수가 2개 1개로 차례로 줄어듭니다. 메인 목록의 미리보기 갯수는 6의 배수를 추천합니다.(6개, 12개 18개...) 스킨 미리보기 * 미리보기시 브라우저 창 크기를 줄이면 모바일 반응형 화면을 확인할 수 있습니다. -------------------------------------1.0.1 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다.-----------------------.. 티스토리스킨/반응형 2단 스킨 2018. 10. 9. 티스토리 스킨 - 반응형 그리드1 티스토리 스킨 배포합니다. 스킨명 : 반응형 그리드1 티스토리 스킨 그리드 형으로 제작한 티스토리 스킨입니다. 브라우저 너비에 따라 이미지가 자동으로 변경되며, 브라우저 크기가 줄어들면 한줄에 표시되는 포스트 갯수도 자동으로 줄어듭니다. 모바일 대응 잘 됩니다. 목록 보기 화면에 표시되는 글 갯수는 6개의 배수로 지정하는 것을 추천합니다. 예를 들어 6개, 12개, 18개 이런식으로... 컨텐츠 보기의 이미지 최대 너비는 800px입니다. 컨텐츠 너비를 변경하려면 CSS(style.css) 파일을 열어 800px -> [원하는 컨텐츠 너비]px 로 변경하면 됩니다. 목록보기의 미리보기 이미지는 최대 크기인 600px로 설정되어 있습니다. 반응형 레이아웃 구성은 600px x 600px 나 600px x 400px 에 최적화 되어 .. 이전 1 다음 반응형
