[티스토리 반응형 스킨] FastBoot v1.2 Specification / 배포

Posted by Readiz
2014.02.26 09:33 반응형 티스토리/FastBoot

v1.2 Features


Counter




Recent Posts (Thanks to yongzz)




Archive



Search(Thanks to yongzz)




Entire look




FastBoot v1.2

반응형 / 모바일, PC, 태블릿 겸용


수정사항

1. 사이드바 요소들 대폭 수정

2. 코멘트 닉네임 짤려나오는 오류 수정

3. Footer 수정

4. 가로해상도 1400px 이상시 이전글 / 다음글로 가는 버튼 좌우 여백에 추가 

5. Back to top 추가



v1.1



Test Blog


Download




  수정했으면 좋겠다, 혹은 추가되었으면 한다는 기능 있으시면 감사히 의견 받겠습니다. 버그도 있을 수 있는데 이런 문의들 댓글이나 방명록에 남겨주시면 다음버전업 때 처리하겠습니다. ^^

저작자 표시 비영리 변경 금지
신고
이 댓글을 비밀 댓글로
  1. 감사합니다 덕분에 잘쓰고 있습니다
    새로 나온 버전 너무 맘에 든답니다^^
    • ㅇㅇ
    • 2014.02.27 12:10 신고
    잘 받아갑니다. 좋은 스킨 공유해주셔서 감사합니다.
  2. 스킨 잘쓰겠습니다. 감사합니다
    • 사용해보시고 개선사항 있으시면 코멘트 남겨주세요~~!
  3. 한가지 문제가 생겼습니다.

    애드센스 코드를 넣고 나면, 첫페이지 (티에디션) 목록이 좌측으로 밀려나 보입니다.

    코드를 어디 수정해야 될까요
    • 티에디션 관련해서는.. 반응형은 가로폭 가변을 기본적인 요소로 생각하고 작업을 하는 것이고, 티에디션은 기본적으로 고정폭 가로길이로 설정이 되어 있어 반응형에서 화면을 꽉 채우지 못합니다.
      다만 코드수정을 직접 하게 되면 티에디션도 반응형으로 만들 수 있습니다(제 블로그가 수정을 해둔 티에디션을 사용하고 있습니다)

      이점은 추후에 따로 반응형에서 티에디션 적용하기라는 방법으로 제가 포스팅을 할 계획을 가지고 있습니다.


      다만 그전에 방법을 개괄적으로나마 알려드리자면, 티에디션 HTML에 들어가시면 tt-span-4 처럼 되어있는 부분이 있을 겁니다. 이 부분이 폭을 고정시키고 있는 부분이라서 티에디션이 좌측으로 쏠려나오게 되는 것입니다. 이 부분을 bootstrap의 가변폭으로 적용하기 위해 col-md-4로 수정하시면 가변으로 적용되어 티에디션이 정상적으로 보이게 됩니다.
      tt-span-12라면 col-md-12로 수정하시면 되고, 요령은 비슷합니다. tt-span-xxx로 되어 있는 것을 col-md-xxx로 해주세요.
      이렇게 하고 나서도 마이너한 이슈들이 있을 것으로 생각됩니다만, 한번 해결해 보시고 안되시면 정확한 내용은 제 다음 포스팅을 기다려 주시기 바랍니다.
      해결 과정중에 다른 질문 있으시면 또 답변 드리겠습니다.
  4. 그리고 스킨 앞에 구글 웹폰트가 없어
    @import url(http://fonts.googleapis.com/earlyaccess/Malgun Gothic.css);
    를 추가했습니다.
    • 현재 이 스킨의 이름이 FastBoot인 만큼 구글 웹폰트를 적용하게 되면 그만큼의 오버로드가 발생하여 기본적으로 적용하고 있지 않습니다. 기본적으로 이 스킨은 시스템에 있는 글꼴로 보이도록 하고 있고, 나눔고딕이나 다른 글꼴을 적용시키시려면 말씀하신 것처럼 적용하시면 됩니다. ^^
  5. html/css style.css에 col-mid 로 모두 수정했는데도 여전히 같은 증상입니다.
    그리고 홈으로 클릭하면, 홈으로 가는 시간이 좀 느린 감이 있습니다.(반응속도)
    초기에 스크립트 읽는 시간일까요
  6. 우선은 티에디션 해제했습니다. 홈으로 가는 반응이 느린이유가 티에디션 때문같습니다.
    • 네 티에디션 관련 포스팅을 곧 해볼게요 좀만 기둘리세요 ㅎㅎ
  7. 좋은 자료 잘 받아가겠습니다.
    열심히 한번 꾸며봐야겠어요 ^^
  8. 안녕하세요.
    배포하신 스킨 적용하여 잘 사용하고 있습니다. 감사드립니다.
    혹시 최상단 하늘색 바의 색상을 변경하려면 어찌하는지 알려주실 수 있는지요.
    그럼 수고하세요. ^^
    • 바로는 수정이 안되고 css overriding해야 합니다. 한번 다음 포스팅 때 적용법을 올려볼게요.
    • 2014.07.29 10:57
    비밀댓글입니다
    • 2015.04.07 03:32
    비밀댓글입니다

티스토리 툴바