'카테고리1'에 해당되는 글 4건

안녕하세요, 티스토리 반응형 스킨 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
블로그 이미지

소셜데브

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

,

Flatinum 스킨은 Bootstrap을 기반으로 제작 됐습니다.


Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6


Donec sodales sagittis magna. Vivamus consectetuer hendrerit lacus. Curabitur nisi. Integer tincidunt. Nullam accumsan lorem in dui.


기본 설정




스킨에 관한 문의는 현재 글에 추가적인 댓글을 남겨주시거나, Socialdev 블로그를 방문해주시기 바랍니다.

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

Flatinum 티스토리 반응형 테마 공개  (258) 2015.07.21
블로그 이미지

소셜데브

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

,

Proin magna. Nunc nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur suscipit suscipit tellus. Etiam ultricies nisi vel augue.


Phasellus a est. Nullam vel sem. Nam adipiscing. Curabitur blandit mollis lacus. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Nam pretium turpis et arcu. Praesent ac sem eget est egestas volutpat. Nullam dictum felis eu pede mollis pretium. Curabitur a felis in nunc fringilla tristique. Etiam vitae tortor.


Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Praesent egestas tristique nibh. Morbi mollis tellus ac sapien. Aliquam eu nunc.


Sed in libero ut nibh placerat accumsan. Quisque malesuada placerat nisl. Ut tincidunt tincidunt erat. Nunc nonummy metus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.


Proin magna. Nunc nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur suscipit suscipit tellus. Etiam ultricies nisi vel augue.


Phasellus a est. Nullam vel sem. Nam adipiscing. Curabitur blandit mollis lacus. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Nam pretium turpis et arcu. Praesent ac sem eget est egestas volutpat. Nullam dictum felis eu pede mollis pretium. Curabitur a felis in nunc fringilla tristique. Etiam vitae tortor.


Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Praesent egestas tristique nibh. Morbi mollis tellus ac sapien. Aliquam eu nunc.


Sed in libero ut nibh placerat accumsan. Quisque malesuada placerat nisl. Ut tincidunt tincidunt erat. Nunc nonummy metus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.


Proin magna. Nunc nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur suscipit suscipit tellus. Etiam ultricies nisi vel augue.


Phasellus a est. Nullam vel sem. Nam adipiscing. Curabitur blandit mollis lacus. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Nam pretium turpis et arcu. Praesent ac sem eget est egestas volutpat. Nullam dictum felis eu pede mollis pretium. Curabitur a felis in nunc fringilla tristique. Etiam vitae tortor.


Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Praesent egestas tristique nibh. Morbi mollis tellus ac sapien. Aliquam eu nunc.


Sed in libero ut nibh placerat accumsan. Quisque malesuada placerat nisl. Ut tincidunt tincidunt erat. Nunc nonummy metus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.


Proin magna. Nunc nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur suscipit suscipit tellus. Etiam ultricies nisi vel augue.


Phasellus a est. Nullam vel sem. Nam adipiscing. Curabitur blandit mollis lacus. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Nam pretium turpis et arcu. Praesent ac sem eget est egestas volutpat. Nullam dictum felis eu pede mollis pretium. Curabitur a felis in nunc fringilla tristique. Etiam vitae tortor.


Pellentesque auctor neque nec urna. Sed cursus turpis vitae tortor. Praesent egestas tristique nibh. Morbi mollis tellus ac sapien. Aliquam eu nunc.


Sed in libero ut nibh placerat accumsan. Quisque malesuada placerat nisl. Ut tincidunt tincidunt erat. Nunc nonummy metus. Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla.

블로그 이미지

소셜데브

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

,

Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Curabitur blandit mollis lacus. Phasellus ullamcorper ipsum rutrum nunc. Vestibulum volutpat pretium libero. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.


Morbi vestibulum volutpat enim. Nullam quis ante. Aliquam lobortis. Etiam ultricies nisi vel augue. Morbi mattis ullamcorper velit.


Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Morbi vestibulum volutpat enim. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Etiam rhoncus. Fusce pharetra convallis urna. Aliquam lobortis. Morbi mollis tellus ac sapien.


Aenean commodo ligula eget dolor. Etiam sit amet orci eget eros faucibus tincidunt. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Praesent nec nisl a purus blandit viverra. Donec mollis hendrerit risus.


Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Curabitur blandit mollis lacus. Phasellus ullamcorper ipsum rutrum nunc. Vestibulum volutpat pretium libero. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.


Morbi vestibulum volutpat enim. Nullam quis ante. Aliquam lobortis. Etiam ultricies nisi vel augue. Morbi mattis ullamcorper velit.


Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Morbi vestibulum volutpat enim. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Etiam rhoncus. Fusce pharetra convallis urna. Aliquam lobortis. Morbi mollis tellus ac sapien.


Aenean commodo ligula eget dolor. Etiam sit amet orci eget eros faucibus tincidunt. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Praesent nec nisl a purus blandit viverra. Donec mollis hendrerit risus.


Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Curabitur blandit mollis lacus. Phasellus ullamcorper ipsum rutrum nunc. Vestibulum volutpat pretium libero. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.


Morbi vestibulum volutpat enim. Nullam quis ante. Aliquam lobortis. Etiam ultricies nisi vel augue. Morbi mattis ullamcorper velit.


Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Morbi vestibulum volutpat enim. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Etiam rhoncus. Fusce pharetra convallis urna. Aliquam lobortis. Morbi mollis tellus ac sapien.


Aenean commodo ligula eget dolor. Etiam sit amet orci eget eros faucibus tincidunt. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Praesent nec nisl a purus blandit viverra. Donec mollis hendrerit risus.


Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Curabitur blandit mollis lacus. Phasellus ullamcorper ipsum rutrum nunc. Vestibulum volutpat pretium libero. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.


Morbi vestibulum volutpat enim. Nullam quis ante. Aliquam lobortis. Etiam ultricies nisi vel augue. Morbi mattis ullamcorper velit.


Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Morbi vestibulum volutpat enim. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Etiam rhoncus. Fusce pharetra convallis urna. Aliquam lobortis. Morbi mollis tellus ac sapien.


Aenean commodo ligula eget dolor. Etiam sit amet orci eget eros faucibus tincidunt. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Praesent nec nisl a purus blandit viverra. Donec mollis hendrerit risus.


Proin pretium, leo ac pellentesque mollis, felis nunc ultrices eros, sed gravida augue augue mollis justo. Curabitur blandit mollis lacus. Phasellus ullamcorper ipsum rutrum nunc. Vestibulum volutpat pretium libero. Vestibulum purus quam, scelerisque ut, mollis sed, nonummy id, metus.


Morbi vestibulum volutpat enim. Nullam quis ante. Aliquam lobortis. Etiam ultricies nisi vel augue. Morbi mattis ullamcorper velit.


Suspendisse nisl elit, rhoncus eget, elementum ac, condimentum eget, diam. Aenean commodo ligula eget dolor. Suspendisse enim turpis, dictum sed, iaculis a, condimentum nec, nisi. Morbi vestibulum volutpat enim. Phasellus leo dolor, tempus non, auctor et, hendrerit quis, nisi.


Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Etiam rhoncus. Fusce pharetra convallis urna. Aliquam lobortis. Morbi mollis tellus ac sapien.


Aenean commodo ligula eget dolor. Etiam sit amet orci eget eros faucibus tincidunt. Cras risus ipsum, faucibus ut, ullamcorper id, varius ac, leo. Praesent nec nisl a purus blandit viverra. Donec mollis hendrerit risus.

블로그 이미지

소셜데브

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

,