티스토리

Readiz - Read easy
검색하기

블로그 홈

Readiz - Read easy

blog.readiz.com/m

Read everything in the world easily. http://readiz.com/

구독자
3
방명록 방문하기
공지 마음의 평화가 왔다 모두보기

주요 글 목록

  • [FastBoot 2.0] 티스토리 #2 기본 스킨으로부터 재작업 중 FastBoot 2.0 작업일지 #2 저번에 공지한대로 추가적인 작업을 진행중입니다. 기본적으로 낡은 구조를 많이 활용하고 있는지라, 티스토리 반응형 기본스킨 #2로부터 재작업을 진행하고 있습니다. 1. 스킨 치환자 추가로 인해 필요없어진 RSS 삭제 - 글 하단의 카테고리 다른 글의 이미지형태 Box 추가 검토2. 모바일 상단바 개선 (Bootstrap Base 잔재 제거)3. Gallery형 Category 로딩 개선 (Masonry 삭제 검토) 4. 웹 환경 개선으로 인한 IE7.0 이하 지원 테스트 미실시 예정 * 본 블로그에 테스트 코드 삽입하여 테스트 후 정식 버전 배포 예정 1,3번 항목에 대해 현재는 진행중이 되겠습니다. 진행 모습은 아래 주소에서 확인 가능합니다. http://fastbo.. 공감수 57 댓글수 47 2016. 6. 5.
  • [FastBoot 2.0] 상단바 업데이트 작업 완료 FastBoot 2.0 작업일지 #1 안녕하세요. 조만간 스킨 업데이트 소식으로 찾아뵈려고 합니다. 100만 방문자수 돌파 기념이기도 합니다. 그냥 조용히 진행하려고 했는데, 회사생활과 병행하다보니 개인적으로 채찍질이 되지않아 진행현황을 조금씩 블로그에 글로 남겨보려고 합니다. 다음 버전에서는 크게 아래와 같은 불편사항들을 수정하려고 합니다. 2.0으로 메인 버전이 올라가는 나름의 대규모 업데이트가 될 것 같은데, 외형적 변화를 꾀하기보다는 내부적인 내실을 다지려고 합니다. 아래 작업예정인 진행사항들은 앞으로도 언제든지 추가되거나 변경될 수 있습니다. 혹시 의견 있으신분은 코멘트 부탁드립니다. 1. 스킨 치환자 추가로 인해 필요없어진 RSS 삭제 - 글 하단의 카테고리 다른 글의 이미지형태 Box 추가 .. 공감수 29 댓글수 15 2016. 5. 31.
  • [공지] FastBoot스킨 티스토리 RSS URL 변경으로 인한 문제점 발생 RSS URL 변경으로 인한 문제점 발생 안녕하세요. 최근 발생한 문제 때문에 오랜만에 또 글을 쓰게 되었습니다. 티스토리가 정책을 또 바꿨네요. 어떤 정책이냐면, 바로 RSS 발행 URL에 관련된 정책인데요. 기존에는 http://블로그주소/rss로 rss접근이 redirect 없이 가능했습니다. 무슨말이냐면 이제는 아래처럼 접근이 된다는 겁니다. 아래 스크린샷은 제 블로그 RSS로 들어간 모습입니다. 스크린샷에 보이는 것처럼, RSS 접근시 http://blog.readiz.com/rss로 접근을 하고 있음에도 http://*.daumcdn.net/ 으로 자동으로 redirect가 되고 있습니다. 따라서 현재 스킨단에서 RSS를 활용하고 있는 FastBoot과 같은 스킨에서는 아래와 같이 내부적인 J.. 공감수 14 댓글수 15 2016. 5. 26.
  • 메인화면 하단 이미지 하나만 나오는 현상 해결하기 메인 하단 이미지 하나만 나오는 현상 해결하기 안녕하세요. 요즘 티스토리에서 패치가 많아져서 그런지 스킨쪽에서도 문제가 조금씩 발생하고 있는듯 하네요. 이번 문제는 티스토리 측에서 이미지 첨부경로를 바꾸어서 생기는 문제입니다. 하단 그림처럼 나오는 현상인데요. 여러개 나와야 할 썸네일이 하단부에 하나만 나오는 현상인데요, fastboot_index.js에서 하단 부분을 찾아주세요. a = a.replace('image', 'C80x80'); a = a.replace('original', 'C80x80'); 아래와 같이 한줄을 추가시켜 주세요. a = a.replace('image', 'C80x80'); a = a.replace('original', 'C80x80'); a = a.replace('attac.. 공감수 6 댓글수 25 2016. 2. 26.
  • [FastBoot] 마이너 패치 실시 안내 FastBoot v1.6.2 마이너 패치 안내 * 2월 17일 오후 11시 fastboot.min.js파일 재패치 합니다. 보안관련된 패치이니 적용 부탁드립니다. 안녕하세요, Readiz입니다. 운영팀으로부터 메일을 받고 부랴부랴 패치를 합니다. 메일을 받았다는 것 자체가 아직 제 스킨을 사용중이신 분들이 많다는 것이고, 책임감을 느껴 바로 업로드 하게 되었습니다. 제 스킨 이후로 그동안 많은 분들이 다양하게 좋은 스킨을 업로드 해 주셔서, 사실상 웹디자인 공부를 정식으로 해보지도 않았던 저로서는 제 스킨을 더 이상 제작하지 않아도 괜찮겠다라고 안일하게 생각했던 것 같습니다. 아무튼 이번 업데이트는 큰 건은 아니고 한줄만 수정하면 되는 부분입니다. 보안과 관계된 부분이니 아직 제 스킨을 사용중이신 분들은.. 공감수 23 댓글수 35 2016. 2. 15.
  • [버그패치] 툴팁이 오른쪽으로 밀려서 표시되는 현상 수정 툴팁 버그 해결법 BLUEnLIVE님이 제보해주신 내용입니다. FastBoot은 Bootstrap을 기반으로 하고 있어서, 가끔 티스토리와 충돌하는 문제가 있었고 이걸 다 수정했다고 생각했는데 남아있었네요. 제가 생각치 못한 부분의 문제라 해결방법을 생각하는데 좀 애를 먹었는데 BLUEnLIVE님이 도와주신덕에 금방 해결할 수 있었습니다. 오늘 포스팅에서 소개하고자 하는 문제는 아래와 같습니다. 툴팁 부분의 위치에 주목해주세요. 그림에서 보실 수 있는 것처럼, 각주가 오른쪽으로 밀리는 현상이 있었습니다(숫자 위에 마우스 호버시). 문제가 되는 부분 sup {display:relative;} 위와 같이 기본 bootstrap 코드 때문에 에러가 발생하고 있습니다. 해결법 style.css에 다음과 같이 o.. 공감수 10 댓글수 24 2014. 9. 24.
  • 메인화면에 원하는 문구 집어넣기 FastBoot 메인화면에 원하는 HTML로 꾸미기 우선, HTML에 대한 기본적인 이해를 하시고 있다는 가정 하에 시작하겠습니다. 지식이 있으심에도 FastBoot의 구조가 타 스킨과 다른 탓에 메인화면을 마음대로 커스텀하지 못하시는 분들이 많으신 것 같아 포스팅하게 되었습니다. 아시다시피, FastBoot는 다른 스킨과 다르게 RSS를 사용해서 메인화면을 가져올 수 있도록 세팅을 할 수가 있습니다. 우선 시작하기 전에 아래처럼 세팅되어 있는지 skin.html을 확인해보시기 바랍니다. /* ----------------- FastBoot Setting Variables ---------------*/ /* ---------- Category Setting 0: Gallery (Default) 1: L.. 공감수 23 댓글수 13 2014. 8. 13.
  • 티스토리 메뉴바 패치에 따른 FastBoot 로그인/로그아웃 버튼 문제해결 로그인/로그아웃 기능 패치 티스토리에서 개발인력을 충원한다는 공지가 오래전에 있었는데, 그 때문인지는 몰라도 로그인/로그아웃 기능에 변화가 있었습니다. 사용하시는 분들은 알아채지 못할 변화일 수도 있지만 이 기능 변화 때문에 FastBoot 스킨도 영향을 받아서 상단과 Offcanvas에 있는 로그인/로그아웃 버튼이 먹통이 되는 현상이 있었네요. 뭐하라님께서 제보해주셔서 수정하는 방법에 대해서 알려드리고자 포스팅합니다. skin.html 아래 부분이 찾으셔야 할 부분입니다. (삭제해야할 부분) var tmpLogin = document.getElementsByClassName("tt_menubar_logout")[0].getElementsByTagName("a")[0]; tmpLogin.className.. 공감수 20 댓글수 31 2014. 7. 5.
  • 화면 스크롤시 상단고정메뉴 고정되지 않게 하기 이 글은 FastBoot v1.6과 관련이 있습니다. 관리가 요즘 쉽지가 않습니다만 질문은 쌓여만가고.. 우선 자주 들어오는 질문부터 포스팅 해야겠다 싶어서 포스팅 합니다. 질문받은 내용은 상단고정바를 어떻게하면 고정하지 않을 수 있는가? 입니다. 간단한 질문부터 우선 해소시켜드려야겠다는 생각에 급하게 포스팅합니다. style.css 수정 body.navFixed { padding-top:177px; } @media screen and (max-width: 767px) { body.navFixed { padding-top:50px; } } #desktopNav.fixed { position: fixed; top: -40px; height: 90px; z-index: 100; width: 100%; } #.. 공감수 15 댓글수 11 2014. 6. 30.
  • 사이드바 구글 애드센스 예제소스 이 포스팅은 FastBoot과 관련이 있습니다. 사이드바에 애드센스를 넣는 법을 궁금해하시는 분이 계셔서 간단한 적용방법에 대해 잠깐 적으려고 합니다. 어려울 건 없구요.. 대충 형태만 보시면 될 것 같습니다. 타 스킨이라도 기본 적용 방법은 동일합니다. 적용모습 코드 Adsense 주석처리된 부분에 애드센스 코드를 넣으시면 됩니다. s_sidebar_element로 skin.html에서 검색하셔서 원하는 위치에 넣어주시면 됩니다. 원하는 창 크기에서만 넣고 싶으시다면 (半반응형) 아래 코드를 참고하세요. if(window.getWindowCleintWidth()=992){ document.write(' Adsense'); (adsbygoogle = window.adsbygoogle || []).push.. 공감수 27 댓글수 27 2014. 6. 10.
  • 데스크탑 상단 메뉴 바꾸기 / 블로그 제목에 홈링크 넣기 이 글은 FastBoot 1.6버전과 관련이 있습니다. 데스크탑에 표시되는 Home, Tags, Guestbook, Recents 버튼을 변경하는 법을 질문해주신 분이 계셨는데, 설명하기가 어렵지 않아 간단하게 작성해봅니다. 추가적으로 블로그 제목에 홈링크를 다는 것을 원하시는 분도 계셔서 이또한 포스팅합니다. 일단 상단 메뉴를 바꾸는 방법은 아래와 같습니다. 데스크탑 상단 메뉴 구성 바꾸기 하단 그림 부분입니다. 수정할 부분 skin.html를 보시면 아래 부분이 있습니다. Add Link Login Home Tags Guestbook Recents [$$_title_$$] [$$_desc_$$] 여기서 주목해야 할 부분은, Home Tags Guestbook Recents 이 부분입니다. 필요 없는 .. 공감수 14 댓글수 39 2014. 6. 2.
  • 사이드바에 추천글 넣기 사이드바에 추천글 넣기 우선 이 방법은 수동으로 추천글을 관리해야 함을 밝힙니다. 굳이 FastBoot 스킨이 아니더라도 비슷하게 응용하시면 삽입이 가능하실 것이라 보입니다. 현재 티스토리에서 인기 있는 글을 가져오는 기능을 제공하고 있지 않기 때문에(지원을 할 리도 없죠..) 사용자가 직접 추천글을 넣을 수밖에는 없습니다. 외부 위젯을 이용하면 되긴 하겠지만(다음뷰 위젯이 쓸만했지만 이제 지원 종료되지요..) 이는 블로그 속도에 제약이 걸리는 단점이 있죠. 귀찮더라도 가장 빠르게 구동되는 방법은 직접 HTML을 수정하여 삽입하는 방식입니다. 사이드바 추천글 HTML Recommended FastBoot v1.6.1 다운로드 100+ FastBoot 기본 설정 반응형 스킨을 달면 방문자수가 감소한다? 반.. 공감수 11 댓글수 26 2014. 5. 26.
  • 모바일 상단바 / 데스크탑 네비게이션바 색상 변경하기 이 글은 FastBoot v1.6버전과 관련이 있습니다. 상단바 색상 변경은 많은 분들께서 질문하시는 사항인데, 이것과 관련하여 1.6버전의 공식적인 커스텀 관련 문서가 아직 없어서 CSS에 관련해 잘 모르시는 경우에는 수정하기 어려운 부분인 것이 사실입니다. 우선 모바일 상단바 색상 변경에 대해 알아봅시다. 모바일 상단바 색상 변경 FastBoot의 모바일 상단바 모습은 아래와 같습니다. 크롬 개발자도구(F12)에서 확인하면 쉽게 어디를 바꿔야하는지 위치를 찾을 수 있으니 도전해보세요. 기본 색상은 #333333입니다. navbar-inverse로 overriding하여 색상을 넣어두고 있기 때문에 style.css에서 아래와 같이 넣어주시면 됩니다. 추가적으로 넣어주시는 것입니다. .navbar-in.. 공감수 9 댓글수 19 2014. 5. 23.
  • 메인화면 구성 마음대로 바꾸기 이 글은 FastBoot v1.6 이상과 관련이 있습니다. 좀 오래 기다리게 해드린 것 같네요. 쉬운 반응형 스킨을 사용하게 해드리려고 1.6에서 티에디션을 패기있게 제거하긴 했는데 어떻게 하면 편하게 디자인을 수정하실 수 있게 해드릴까 많은 고민을 했습니다. 그 결과 어느정도 해결책을 찾은 것 같습니다. 길게 설명드리지 않겠습니다. 우선 수정해야하실 부분에 대해 말씀드리겠습니다. 사실 수정하는 입장에서는 저번 강좌와 거의 비슷합니다. 이 글이 바로 이해가 되지 않으시면 아래 글을 한번 참고하여 보세요. 2014/05/15 - [반응형 티스토리/FastBoot] - 메인화면 커스텀 기초 - 사이드바 나타나게 하기 CSS변경 아쉽게도 일단은 사이드바가 없는 버전입니다. 사이드바가 필요하실 분은 일단 저번 .. 공감수 22 댓글수 66 2014. 5. 21.
  • 메인화면 커스텀 기초 - 사이드바 나타나게 하기 이 문서는 FastBoot v1.6 버전과 관련이 있습니다. FastBoot의 메인화면에는 sidebar가 기본적으로 나오지 않게 되어 있습니다. 오늘은 간단한 수정으로 이 sidebar가 다시 나타나도록 해보겠습니다. 앞으로도 계속 그럴 것인데, FastBoot 메인화면을 수정하기 위해서는 크게 두 부분을 수정해야 합니다. 1. 메인 전용 CSS2. fastboot_index.js 메인 전용 CSS 수정 1번의 경우에는 FastBoot 메인에서만 적용되는 CSS를 뜻합니다. CSS는 부분의 다음부분에 한줄로 들어있습니다. /* FastBoot Index by Readiz */ var urlAddr = decodeURIComponent(location.href);urlAddr = urlAddr.repla.. 공감수 0 댓글수 59 2014. 5. 15.
  • [FAQ] 메인화면에 글이 뜨지 않아요 FastBoot 메인화면에 글이 뜨지 않을 경우 FastBoot은 최대한 티스토리 스킨수정에 지식이 없으신 분들도 설치하실 수 있게 해드리려고 노력하고 있습니다. 그래서 자주 물어보시는 사항들에 대해 FAQ를 기획하게 되었습니다. 처음으로 할 얘기는 1.6버전부터 바뀐 메인 화면에 대한 이야기입니다. 그 동안은 반응형 스킨을 사용한다고 한다면 티에디션을 수정하기는 매우 까다로웠습니다. 그래서 아예 티에디션을 사용하지 않는 분들을 많이 보았습니다. FastBoot v1.6부터는 이런 티스토리의 한계를 극복하고자 과감하게 기본 옵션으로 티에디션 대신에 위 화면과 같은 Flipboard형태의 메인화면이 출력되게 하였습니다. 그런데 몇몇 티스토리를 처음 하는 분들이나 발행 정책에 대해 잘 몰라 메인화면이 안떠서.. 공감수 3 댓글수 37 2014. 5. 12.
  • 상단바 배경 넣기 / 상단바 색상 변경하기 이번에 상단바가 추가되면서 흰색이라서 밋밋한 느낌을 받으시는 분들이 많으실 것이라 생각됩니다. 시험삼아 그냥 구름배경을 한번 저는 넣어봤는데, 이미지만 잘 고르면 나쁘지 않을 것이라 생각이 되네요. 간단한 수정이라서 굳이 강좌가 필요할까 싶지만, 스킨 수정에 어려움을 겪는 분들을 위해 준비해보았습니다. 1. 이미지 고르기 / 혹은 색상 선택하기 이미지를 잘 선택해야 합니다. 너무 어두우면 메뉴바에 있는 글씨들이 보이지 않겠죠. 또한 좌우 해상도도 어느정도(1920px는 나와야..)있어야 다른 큰 모니터에서 봤을 때 이미지 반복이 안되어 이상해지지 않습니다. 이제 이 이미지를 받아서 포토샵이나 그림판 등으로 적당한 사이즈로 자르셔야 하는데, 권장하는 사이즈는 높이 130px에 좌우 1920px입니다. 이렇.. 공감수 15 댓글수 33 2014. 5. 9.
  • 데스크탑 상단바 개선 본 글은 FastBoot v1.6과 관련이 있습니다. FastBoot v1.6.1 상단바 개선 뭐하라님(http://nubiz.tistory.com/)의 의견으로 개선된 기능입니다. 현재 잠수패치.. 라고 하죠. 1.6.1에 수정해두었습니다. 새로 받으시면 업데이트 된 것으로 받으실 수도 있지만, 새로 받지 않으셔도 이 글을 보시면 적용가능하십니다. 일단 동영상과 스크린샷을 준비했습니다. 평상시 고정(애니메이션과 함께) 아예 데스크탑에서는 데스크탑 상단바가 고정되도록 개선하였습니다. 이 편이 더 깔끔한거 같기도 하고, 디자인이 좀 더 현실성있네요. 아래는 수정 방법입니다. CSS 수정 아래 부분을 찾아주세요. (style.css) #desktopNav { height:130px; background-co.. 공감수 0 댓글수 22 2014. 5. 7.
  • 간단히 설치하는 반응형 스킨! FastBoot v1.6.2 비교적 오랜만에 새로운 기능들을 가지고 판올림합니다. 조금 실험적인 기능도 추가되어 있습니다. 여러 글들을 찾아다니시면서 설치하는 수고를 덜어드리고자, 이번에는 최대한 핵심만 짚어서 FastBoot v1.6의 특징부터 설정 과정까지 한번에 소개해드리려고 합니다. 14/05/06: 몇가지 수정사항 판올림하여 1.6.1로 다시 올립니다. 글 하단부에서 수정사항 확인하실 수 있습니다. 16/02/17: 1.6.2 마이너 패치 실시합니다. 티스토리 운영팀의 권고를 받아 하는 간단한 패치입니다. 역시 글 하단부에서 수정사항 확인하세요. (2월 17일 10시에 재 패치 실시합니다. 파일 다시 적용시켜주시면 감사드리겠습니다) FastBoot 1.6 버전 주요 특징 티에디션 없는 Flipboard 스타일의 메인화면 티.. 공감수 329 댓글수 675 2014. 5. 6.
  • 티에디션 없애기 / Flipboard Layout 티에디션을 설정하면 블로그 메인의 로딩 속도가 한참 늦어진다는 사실은 다들 아시는 바일 것입니다. 요즘도 FastBoot v1.6의 기능 추가가 한창입니다. 티에디션이 느려터져서, 생각해낸 해결책이 주소를 Detection하여 메인이면 티에디션을 없애버리고 Flipboard 스타일의 메인을 보여주려고 시도를 해보고 있습니다. RSS를 긁어와서 출력시키는 것인데 생각보다 속도가 괜찮습니다. 일단은 위와 같은 느낌입니다만 onasaju님께서 RSS리더들의 레이아웃을 참고하면 좋다고 하셔서 요즘 여러 디자인들을 보고 있습니다. 이게 참 스킨이라는건 만들수록 디자인을 공부하는 느낌이네요. Feeder's Design 이건 Feedly의 디자인인데, 맥 앱의 경우에는 3단으로 구성되어있는 듯 하네요. Onasaj.. 공감수 3 댓글수 29 2014. 4. 18.
  • 블로그를 사이트로 보이게하는 Second Navigation 이 글은 다음버전 FastBoot과 연관이 있습니다. Second Navigation for Desktop 사실 이걸 뭐라고 불러야하는지는 잘 모르겠습니다. 일단은 제 편의대로 Second Navigation이라고 부르기로 했습니다. 전에 있던 Breadcrumb와 카테고리 하위 메뉴들을 합쳐서 하나의 Navbar로 만들어보았습니다. 이제 이게 추가되면 상단바에 카테고리를 추가하려고 안하셔도 괜찮을 듯 합니다. ^^; Second Navigation 이 기능 구현은 엑수시아님(http://zion437.tistory.com/337)이 올려주신 내용을 참고하여 제작하였습니다. 넣고보니 왜 진작에 넣지 않았나 하는 생각까지 들 정도네요. 이 기능 역시 카테고리가 자동으로 메뉴에 들어가는 것이기 때문에 따로 .. 공감수 10 댓글수 19 2014. 4. 11.
  • FastBoot 색상 세부 조정 중 / FastBoot 앞으로의 방향 본 포스팅은 앞으로 나올 FastBoot v1.6 버전과 관계가 있습니다. FastBoot v1.6의 방향 앞으로 FastBoot의 방향에 대해 여러가지 생각을 해보고 있는데요.. 일단은 CSS정리가 우선인 것 같아서 현재 진행중에 있습니다. 아래도 현재 사이드바 보시면 미세한 색상 톤이 다른 것을 볼 수 있는데, 이런 것들을 v1.6에서는 다 잡을 생각입니다. Overview 중점사항 여전히 FastBoot에서 가장 우선시 할 요소는 설치의 용이성과 속도 이 두가지입니다. v1.5버전에서는 이 두 점에 대해서 실망시켜드렸다고는 생각되지 않습니다만, 아직도 최적화할 요소는 남아있는 듯 합니다. 따라서 개선의 여지가 없을 때까지(그럴 수는 없지만) 최적화는 계속 될 것이며 순정상태에서는 포스팅 로딩에 있어.. 공감수 1 댓글수 25 2014. 4. 9.
  • [임시] FastBoot Offcanvas 상하 스크롤 만들기 본 포스팅은 FastBoot v1.5.1과 관련이 있습니다 Offcanvas 상하 스크롤 시키기(100% Solution 아님) 사실 지금 소개하려는 방법은 처음 Offcanvas 제작단계부터 알고 있던 해결책입니다만, 문제가 하나 있어서 일부러 알려드리지 않고 있었습니다. 그런데 Offcanvas의 스크롤에 관해 물어보시는 분들이 많아서 문제가 약간 있는 해결책이라도 일단 알려드리려고 합니다. 문제는 바로 구버전의 안드로이드에서 스크롤이 안된다는 것인데요(제가 가지고 있는 진저브레드 기기는 확실히 안됩니다). 확인해본 바로는 젤리빈 이상에서는 문제없이 스크롤 되고, 사실 이제 왠만한 스마트폰은 진저브레드를 잘 안쓴다는 판단하에 일단 공개합니다. iOS에서는 현재 제가 가지고 있는 사과기기가 없어서 확인.. 공감수 1 댓글수 6 2014. 4. 6.
  • 사이드바와 본문 크기/위치 조절하기 (Bootstrap 기반 스킨) 사이드바와 본문 입맛대로 수정하기 스킨 커스텀 관련해서 사이드바 크기 조절과 위치조절에 관해 질문하시는 분들이 많아 따로 포스팅합니다. Bootstrap은 기본적으로 한 줄의 Grid의 크기를 12로 계산하고 있습니다. 현재 FastBoot에서 적용된 본문과 사이드바 폭의 비율은 9:3입니다. 이를 변경하시려면 8:4, 10:2등으로 변경하시면 되는데, 물론 본문 폭의 크기에 영향을 받습니다. 사이드바 크기를 늘리게 되면 본문 폭이 줄어들고, 사이드바 크기를 줄이게 되면 본문 폭이 늘어나죠. 이것은 Bootstrap의 스펙이라 아예 전체를 유동적으로 하거나 구조를 바꿔버리지 않는이상 어쩔 수 없는 부분입니다. 아래코드는 FastBoot의 코드입니다만 Bootstrap기반 스킨의 대부분이 아마 아래처럼 구.. 공감수 15 댓글수 41 2014. 4. 5.
  • FastBoot 티스토리 스킨의 상단 Locator 커스텀하기 상단 Locator를 입맞대로 바꿔보자 FastBoot스킨에서 Locator가 1.5버전부터 추가가 되었죠. 그런데 이 부분을 마음에 들어하시지 않는 분도 계신 것 같고, 색상도 변경하고 싶어하시는 것 같고.. 여러가지 수정하고 싶으신 것 같으셔서, 이번에 Locator에 관련된 것은 몰아서 한번 포스팅을 해보려고 합니다. 2014/03/21 - [연재/FastBoot] - FastBoot스킨에 Locator 추가 1. Locator 없애기 일단 가장 극단적으로 없애는 방법을 알아보면서 FastBoot에 Locator가 어디에 위치하는지 알아봅시다. 생각보다 찾기는 쉬운데요, 왜냐하면 Locator가 실제 위치하고 있는 위치에 skin.html에 제가 표식을 달아놨기 때문입니다. 중간에 보시면 라고 주석.. 공감수 2 댓글수 24 2014. 4. 4.
  • 블로그를 모바일 앱처럼! FastBoot v1.5.1 배포 Fast, Mobile First, Responsive, Gallery Type Category Skin v1.6 공개되었습니다: http://blog.readiz.com/214 어느덧 v1.5.1입니다. 처음 제작했던 알파버전과 비교하면 정말 많이 변했다고 제 자신이 느끼는 중입니다. 점점 블로그 돌아다니다보면 제 스킨이 많아지는 것 같아 뿌듯하게 느끼고 있습니다. 이제 커스텀 강좌와 조금 다른 형태의 스킨도 배포하면 2단형이 별로 좋지 않다고 생각되시는 분들도 제 스킨을 달게되지 않을까.. 생각하고 있습니다. Major Specification 1. Offcanvas 2014/03/22 - [연재/FastBoot] - FastBoot 스킨에 Offcanvas 적용 Offcanvas란 메뉴버튼을 눌렀을.. 공감수 20 댓글수 313 2014. 3. 29.
  • FastBoot IE7 동작 IE7.. 반응형 스킨이 IE7을 지원하게 하는 것은 정말 지옥입니다. 거의 대부분의 기능이 제대로 안먹힌다고 보면 편합니다.. Bootstrap과 IE7과의 상성 때문에 말이죠. 어찌되었든 조금씩 삽질하던 끝에 그래도 볼만한 형태로 만들어내는데에는 성공하였습니다. 이번버전에서는 목표를 IE7에서도 읽을 수 있게 하는 것으로 정했고, 방명록이나 댓글 쓰기 등의 기능들은 작동하지 않습니다. 불행중 다행인건 jQuery가 IE7에서도 무리없이 작동되어 스크립트를 엎는 일은 하지 않아도 되었단 것입니다. CSS하고만 전쟁을 치뤘군요... FastBoot IE7 동작 IE7문제가 조금이나마 해결되므로써 다음버전 공개가 임박한 것 같습니다. v1.5 주요 예정 스펙은 다음과 같습니다. 1. Offcanvas 지원.. 공감수 2 댓글수 21 2014. 3. 27.
  • FastBoot v1.4 반응형 스킨 기본값 설정 해야할 것 FastBoot v1.4 반응형 스킨 기본값 설정 해야할 것 기본적으로 세팅해줘야 할 것이 거의 없는 점이 FastBoot스킨의 장점으로 생각하고, 그렇게 되도록 제작하고 있습니다. 최우선적으로 생각하는 것이 설치 후 No Setting으로도 FastBoot테스트용 블로그처럼 바로 형태를 갖추게 하는 것이 목표였습니다. 그래서 상단 메뉴바에 카테고리가 들어가면 효율적인 것을 알지만 사용자분들마다 카테고리를 사용하는 환경이 다르기 때문에 넣지 않고 Home, Tag, Guestbook 세가지만 뜨도록 해둔 것입니다. 2014/03/08 - [연재/FastBoot] - FastBoot v1.3 반응형 스킨 블로그에 적용하기 설치법은 위 포스팅을 참고하시면 되고, FastBoot을 받으시고 설치한 다음에, 설.. 공감수 26 댓글수 31 2014. 3. 23.
  • FastBoot 스킨에 Offcanvas 적용 FastBoot 스킨에 Offcanvas 적용 Bootstrap이 참 좋은데.. 필요한 기능 이외의 것을 구현하려면 참 3배 이상의 삽질을 해야한다는 것을 오늘 깨달았습니다. 다음에 또 스킨 제작할 일이 생긴다면 Bootstrap기반으로 하지 않을 것 같네요. 어쨌든 어찌어찌 해서 그동안 구현하고 싶었던 Offcanvas를 구현하는데 성공했습니다. Category를 자동으로 읽어들여서, 드롭다운 형태의 Offcanvas를 생성합니다. 저번 버전과 마찬가지로 적용만 하시면 아래 모습으로 사용이 가능하실 겁니다. Bootstrap에서 Offcanvas를 적용한 예제들은 구글링해보면 조금 있긴 한데, 모두 다 단점이 하나씩 있어서 결국 그냥 삽질하면서 제작했습니다. 가장 큰 문제는 다들 기존의 Navbar를 .. 공감수 4 댓글수 5 2014. 3. 22.
  • FastBoot스킨에 Locator 추가 Locator가 적용된 FastBoot 엑수시아님 Locator플러그인 http://zion437.tistory.com/278 요즘은 세세한 디테일에 신경쓰고 있습니다. 티스토리에서 현재 위치를 나타내주는 플러그인이 있었으면 참 좋겠다 싶었는데(개인적으로 티스토리가 블로그가 아닌 사이트처럼 비쳐지는 것을 참 좋아합니다), 딱 알맞는 플러그인이 있어 숟가락만 얹어보았습니다. 아마 다음 버전에 기본 스펙으로 들어갈 듯 싶습니다. 맨 마지막 사진은 마우스 오버시.. 흰색에 검정색으로 변합니다. 로케이터가 현재 있는 위치를 딱딱 짚어줍니다. 달고보니 잘 어울리는 것 같아 다행입니다. ^^; 저런 형태의 바를 Breadcrumb라고 하는 모양이더군요. Bootstrap에서도 기본적으로 지원하는 기능이긴 한데, 기.. 공감수 2 댓글수 5 2014. 3. 21.
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.