티스토리 실험실 테마 티스토리 실험실 블로그에 적용 예정인 테마입니다. (아직 계획단계에 있는 블로그입니다.) Fastboot의 상단바를 스크린샷에 보이는 것 처럼 상단바를 구현해줍니다.-로케이터와 카테고리가 최상단으로 이동.-상단바 배경이 투명했다가 스크롤시 배경이 나타남 다운로드 -(7/31)모바일에서 여백 오류를 수정했습니다. -(8/2)모바일 여백오류 다시 수정했습니다. 애니메이션 효과를 수정했습니다. IE8호환을 위해 상단바 고정시 border-bottom이 추가되었습니다. 적용 방법 HTML/CSS 수정 - 파일 업로드 탭에서 다운받은 css 파일을 업로드합니다. HTML/CSS 수정 - skin.html에서 를 찾아 위줄을 한칸 띄운 뒤 다음 코드를 붙여넣고 저장합니다. 추가로 적용하기 추천..

Fastboot 1.6 버전에는 태블릿 크기 이상 화면에서 역동적인 상단바가 추가되었습니다. 스크롤을 하기 전에는 넓게 있다가 아래로 스크롤을 하면 좁아지는 애니메이션이 있습니다. 그런데 속도를 중요시하는 Fastboot스킨인 만큼 로딩속도에 집중하다보니 스크롤 중간에 약간의 튐현상이 있습니다. 이번 포스트에서는 간단히 튐현상을 없애고 애니메이션을 좀더 부드럽게 해보겠습니다. 간단 수정 방법 HTML/CSS수정에서 style.css 맨 아래에 다음을 추가 후 저장합니다.body{padding-top:160px}#desktopNav{top: 0px}#secondNavWrap {top: 130px}#desktopNav,#secondNavWrap { position: fixed; width: 100%; z-i..

이 글은 아래 링크에서 언급된 커스텀스킨 제작 가이드입니다. [iTIPs/Web] - Fastboot스킨을 개성있게! - 커스텀 스킨 테마 2종 (베타버전) 표준 css 파일 위 파일은 커스텀테마 베타버전에 있던 css파일을 수정하기 쉽도록 정리해놓은 파일입니다. CSS에 대해서 잘 아시는 분들은 이것만으로도 추가/수정하셔서 커스텀 테마를 만드실 수 있습니다. CSS에 대해 잘 모르시는 분들은 아래 링크에서 각 속성이 어떻게 쓰이는지 배울 수 있습니다.http://www.w3schools.com/cssref/default.asp 또한 포털사이트에 css + 속성이름으로 검색하면 한글로된 설명이 많으니 참조하시면 됩니다. 대표적으로 커스텀 할 수 있는 것들:배경background (색상, 이미지, 그래디언..

FastBoot스킨에 적용할 수 있는 테마입니다.FasBoot 1.6.1에 최적화 되어있습니다. 반응형 스킨이 좋긴하지만, 그 종류가 너무 적어서 디자인이 획일화되어가는것 같아서 쉽게 적용할 수 있는 다양한 테마를 만들어보고자합니다, 이번 테마는 베타버전테마이며, 앞으로 더 다양한 테마를 만들어볼 계획입니다.아직은 베타버전으로 테마 이름도 제대로 짓지 못했네요. 아래 버튼을 누르면 여기서 테마가 어떻게 생겼는지 미리볼 수 있습니다. 테마 변경 중간에 초기화를 눌러줘야 테마간 충돌이 일어나지 않습니다. 테마1 미리보기 블랙 테마 미리보기 초기화 ※현재는 스킨을 바꿔서 미리볼 수가 없습니다.적용 방법1. 아래 css파일 중 마음에 드는 것을 받아서 html/css편집- 파일업로드에 올립니다. 2. 받은 cs..