[티스토리] 반응형 웹 스킨 FastBoot으로 스킨 변경하는 법 3 - 티스토리 메인화면 디자인 바꾸는 법

 

 

샐리의 이야기보따리는

 

     Readiz 님이 만드신 FastBoot 1.6.1 버전으로 스킨 변경완료.

 

     따라서 FastBoot 1.6.1 버전을 기준으로 설명하겠습니다.

 

     스킨 다운 받으실분은 http://blog.readiz.com/214 <<-- 클릭.

 

 

 

 

 

 

FastBoot 1.6.1은 블로그의 홈 블로그의 메인화면에 사이드바가 없는것이 기본으로 되어있답니다.

 

그리고 발행된 글들만 메인화면에 나타난다는 점 꼭 알아두시길 바랍니다.

           

     http://blog.readiz.com/221 참조

 

 

 

 

[티스토리] 반응형 웹 스킨으로 스킨 변경하는 법 2 - 반응형 웹 스킨 등록  <<-- 방법대로 올렸다면

 

 

 

 메인화면 사이드바 있고 디자인 html에서 바꿀수 있는 코드

 

◈ Html/Css 편집을 클릭하여 skin.html 수정! 

 

 

 

 

◈ ctrl+F로 rssLogFlag 로 찾기를 누르면 document.write가 바로 아래에 나오는 부분을 찾을수 있답니다.

 

   document.write( 다음 코드부분을 그대로 복사하여 skin.html의 동일한 부분에 붙여넣기 하면 됩니다.

 

   메인디자인바꾸기.txt<<-- 코드 다운!

 

 

 

 

그러면 블로그의 메인화면은 아래와 같습니다.

 

 

 

샐리의 블로그의 메인화면 디자인은

 

맨 위에 한칸 아래는 두칸으로 나뉘어지고 옆에 사이드바가 보이는 상태가 됩니다.

 

그 부분은 어떻게 변경을 할수 있느냐하면

 

위의 소스 붙여넣은 부분 중

 

var index_design = [12, 6, 6, 6, 6, 6, 6, 6, 6, 6, 6];

 

숫자를 바꿔주면 되는데요.

 

12가 기본으로 12는 한줄이 됩니다.

 

6, 6 은 두줄

 

4, 4, 4 는 세줄

 

3, 3, 3, 3 은 네줄....  합이 12가 나올수 있도록 숫자 배합을 해주면 된답니다.

 

 

 

 

메인화면 사이드바 없고 디자인 html에서 바꿀수 있는 코드

 

 

메인사이드바없는거.txt<<-- 다운로드!

 

 

  

 

 

admin -> html/css편집에서 위에 한것처럼 수정하면 아래와 같은 메인화면이 나옵니다.

 

 

 

 

위의 파일들로 본인이 원하는 메인화면을 디자인해보시기 바랍니다.

 

 

 

 

 로그인/로그아웃 기능 패치하기

 

      http://blog.readiz.com/236  <<-- 참조

 

 

1. Ctrl+F 로 mapping 를 찾으면 아래 부분이 나옵니다. 

 

 

 

 

<script>  ~  </script> 안의 내용을 아래의 코드로 바꿔주시면 됩니다.

 

로그인로그아웃패치.txt <<--  코드 다운!!

 

 

 

 

 

 

 

[티스토리] 반응형 웹 스킨으로 스킨 변경하는 법 1 - 기존 스킨 저장

 

[티스토리] 반응형 웹 스킨으로 스킨 변경하는 법 2 - 반응형 웹 스킨 등록

 

[티스토리] 반응형 웹 스킨으로 스킨 변경하는 법 4 - 데스크톱 버전으로 보기 버튼 만드는 법

 

[티스토리] 반응형 웹 스킨으로 스킨 변경하는 법 5 - 본문 부분 크기와 사이드바 크기 조절하는 법

 

[티스토리] 반응형 웹 스킨으로 스킨 변경하는 법 6 - 티스토리 설정 바꿔야 하는 몇가지

 

[티스토리] 블로그 타이틀 제목에 링크 걸기

 

[티스토리] 블로그 로드 속도 향상 방법