안녕하세요, 티스토리 반응형 스킨 Flatinum을 제작한 송지훈입니다. 본 스킨은 트위터 부트스트랩을 기반으로 제작됐으며, 부트스트랩 자체 스타일시트나 자바스크립트를 전혀 수정하지 않았기 때문에 부트스트랩 버전 업 시 큰 무리 없이 사용이 가능합니다.


* 다음 업데이트 시 최신 부트스트랩 적용 예정입니다.


1. 제작에 활용된 소스


본 스킨을 제작하기 위해 활용된 소스는 아래와 같습니다.


  • 프레임워크: 트위터 부트스트랩(Bootstrap)
  • 폰트: Noto Sans체, Raleway체


Raleway체는 구글 웹폰트 소스를 활용했습니다. 해당 자료는 아래 링크에서 확인 가능합니다.

https://www.google.com/fonts/specimen/Raleway


2. 적용 방법

1. 아래 압축 파일을 다운로드 받으세요. (파일명에 Fullwidth라고 표기된 스킨은 사이드바가 없는 스킨입니다)




flatinum_20150730.zip



flatinum_20150820_fullwidth.zip



2016.08.08 버전 다운로드: http://socialdev.co.kr/flatinum-v3/



2. 압축을 해제하고 skin.html 및 style.css를 제외한 모든 파일을 업로드해주세요.



3. Skin.html 파일은 티스토리 HTML/CSS 부분의 skin.html 부분에, Style.css 파일은 style.css 부분에 그대로 복사해서 붙여 넣어 주세요.



3. 메뉴 수정


카테고리의 경우 부트스트랩 특성상 현재 운영하시는 티스토리 블로그의 카테고리가 자동으로 노출되지 않습니다. 따라서 아래 소스 코드를 수정해야 합니다.

'href'의 카테고리 주소 및 카테고리 명을 현재 사용하시는 카테고리로 변경해주세요.



상단 우측 내비게이션 메뉴의 경우 고정적으로 노출하는 링크와 티스토리 기본 메뉴로 되어 있습니다. 이 역시 원하시는 메뉴로 변경하시기 바랍니다.


4. 슬라이더 이미지 수정


슬라이더 이미지를 수정하기 위해서는 아래 'img src' 부분을 수정하시면 됩니다. 해당 파일을 티스토리 HTML/CSS 편집을 통해 업로드 하시고 파일명만 변경해주세요.


5. 로고 수정

위 압축 파일 내 'logo_shrink.png' 파일을 교체하신 후 업로드하시면 됩니다. 참고로 기본 로고 사이즈는 340 x 100 픽셀이며, PNG 투명 이미지로 되어 있습니다.


수정이력

2015.07.21 Flatinum 1.0 배포

2015.07.28 Font Awesome 노출 문제 수정, 로고 경로를 상대 경로로 수정(슬라이더 이미지 및 로고 이미지 포함)

2015.07.30 슬라이더 반응형 적용

2016.08.08 마이너 수정 반영 - 카피라이트 수정, 폰트 수정(Noto Sans KR로 교체), 오탈자 수정 등



개인 별 스킨 커스터마이징은 해드리지 않습니다!!


'카테고리1' 카테고리의 다른 글

Flatinum 스킨은...  (1) 2015.07.21
블로그 이미지

소셜데브

소셜데브의 첫 번째 티스토리 스킨 데모 사이트입니다. 소셜데브 관련 궁금한 사항은 웹사이트를 방문해주세요.

,