티스토리 스킨 Tirium 공개

티스토리 스킨 Tirium 공개

반응형 웹디자인을 통해서 스마트폰에서 멋지게 보이도록 하는 티스토리 스킨이 공개되었습니다. 물론 2014년 12월 이지만요.

스마트폰에 본인의 티스토리가 멋지게 보여지길 바라면 한 번 설치해 보시는 건 어떨까요?

게시글이 있는 곳 : http://vannskang.com/105 

기존 기본 스킨을 사용하던 분들은 설치가 쉽지 않습니다. 시간이 걸릴 수 있습니다.

티리움 0.83b 티스토리 스킨 공개를 2014년 12월에 하였는데 반응이 뜨겁다. 요우님은 이 스킨을 조금 수정해 배포하고 있다.

여기 저기 찾다가 삽질을 했습니다.

다음과 같이 해보시면 성공하실 겁니다.

0. http://luckyyowu.tistory.com/285 요우님의 내맘대로 블로그 에서 링크된 스킨 사이트

https://github.com/uyu423/Tirium-LuckyYoWu 내가 설치한 요우님 스킨 다운로드 경로에서 zip파일 받고 압축 풀기

1. 티스토리 관리자에서 html/css편집 메뉴를 클릭 > 우측에서 html탭을 클릭 > 전체 내용을 삭제 > skin.html 파일을 에디터나 메모장으로 열어서 전체 복사 > html탭 삭제한 곳에 붙여 넣기를 함

2. 티스토리 관리자에서 html/css편집 메뉴를 클릭 > CSS 탭 클릭 > 전체 내용을 삭제 > style.css 파일을 에디터나 메모장으로 열어서 전체 복사 > CSS탭 삭제한 곳에 붙여 넣기를 함 

3. image/tiriumContent.css 경로를 연다. 아래와 같은 소스를 찾는다,

.entry,.searchList,.searchRplist,.searchTblist,.taglog,.localog,.entryNotice,.entryProtected {

margin-top:5em;

margin-left:auto;

margin-right:auto;

max-width:700px;

word-wrap:break-word

}

위의 max-width:700px 를 730px로 수정해주고 저장한다. 구글 에그센스 최적화 값이라고 한다. 

4. 티스토리 관리자에서 html/css편집 메뉴를 클릭 > [파일 업로드탭] > 하단에서 [+추가]클릭 > 압축 풀린 파일에서서 skin.html과 style.css를 제외한 나머지 파일을 선택해서 업로드 함. 이때 images폴더에 있는 내용을 모두 선택해서 업로드 하면 티스토리가 알아서 경로를 images/파일들 과 같이 존재하게 함으로 경로에 신경쓰지 말것.

즉 index.xml, preview.gif, 과 images 폴더에 있는 것을 경로신경 쓰지 말고 모두 업로드 하면 자동으로 처리 된다.

5. 캡션의 글자정렬을 오른쪽으로 하는 것이 예쁨으로 다음과 같이 style.css를 찾아서 수정함.

89.  /* 이미지 아래 캡션 스타일 */

90. .cap1{ color:#999;  text-align:right; padding:4px 0; margin:0;}

이 부분의 원본은 text-align:center;로 되어있다. 취향에 따라 필요하면 left로 수정한다.

6. 포스팅 할 때 그림을 클릭 > 우측 사진정보 입력란에서 > 자막 > 사진 왼편에 나타날 그림설명을 입력함 > 확인 클릭 > 저장 클릭

이상은 10시간 이상을 삽질하다. 설치된 설치 사용기 입니다. 필요하신 분들은 따라하시가 바랍니다.

아참 배경 화면을 수정하려면 bg.jpg파일을 만들어 업로드 하시면 됩니다. 높이는 1280 길이는 1920픽셀이 원본 입니다. 화면 비율로 보아 높이는 1280보다 작아도 될듯 싶은데 실험해 보지 않았습니다.