본문 바로가기

Works/Tistory Skin

Modern Basic - 티스토리 기본 스킨의 HTML5/ CSS3 버전

Modern Basic - 티스토리 기본 스킨의 HTML5/ CSS3 버전


여태까지 제가 만든 스킨인 TechAesthetic, Prototype, Congnoscenti를 제외하고 그 이외에 나온 모든 스킨들은 티스토리의 기본 스킨인 Basic 기반으로 되어있습니다. 현재 사용중인 Life is a Journey 스킨도 역시나 Basic 기반인데요, 이렇게 많은 도움을 받은 Basic 스킨에게 작게나마 Tribute를 하기 위해서 뼈대는 그대로 두고 구조만 최신 구조로 바꾸어 보았습니다. 


HTML5 CSS3


모더나이즈라고 거창하게 이름 붙이긴 했는데요, 주요 개선 골자는 HTML5 시멘틱 구조 도입, CSS3 적용, 레스터 이미지 대신 SVG[각주:1] 100% 적용 입니다. 


스킨용량


덕분에 스킨 용량은 157kb 입니다. (이상하게도 미리보기 이미지는 용량을 따지질 않는군요) 티스토리 기본 방식을 그대로 쓰다보니 스크린샷과 같은 결과물이 나왔네요 -_-;

테스트 페이지


특이사항


스킨위자드


스킨 위자드 완벽하게 됩니다. 그러나 반응형은 지원하지 않습니다. 반응형 스킨으로 만드려 하니 스킨위자드가 그렇게 잘 작동하질 않더군요 -_-;


스크린 샷


Modern Basic


스킨 설치 방법


Modern Basic.zip


첨부파일을 다운로드 받습니다.


스킨 등록


환경설정 → 스킨에서 스킨 등록


새 스킨 등록


추가 버튼 클릭


파인더


파일 업로드 → images 폴더 안까지 싹다 업로드 해줍니다. 


업로드


스킨 저장명 지정하고 해당된 이름의 스킨을 스킨 보관함에서 선택 후 적용 완료 하면 됩니다.


스킨관련 문의/버그신고

댓글 난에 해주시되, 답변은 첫 휴가 나오면 일괄로 해드리겠습니다. 방명록이나 메일로 요청시에는 가차없이 삭제합니다.



  1. Scalable Vector Graphics [본문으로]