Media Log

오래만에 티스토리 스킨을 변경하였다.  약 반년 정도 이전 스킨을 사용해 오다 오늘 드디어 시간을 내어 변경을 하였다.

지금까지 사용해왔던 스킨이 문제가 있거나 하진 않았다.  이전 스킨도 나무랄데 없이 좋지만 오랫동안 쓰다보니 약간 질리는 면이 있어 새로운 스킨을 쓰고 싶은 생각이  들어 바꿀려는 마음은 계속 있었지만 이것 저것 만져야하는 귀차니즘 때문에 미루어왔었다.  스킨을 바로 적용하여도 되나 맘에 들게 하려면 이것 저것 만져야하는 것들이 있어 조금 시간이 걸린다.

새로운 스킨으로 변경하면서 보니 느끼거나 새로 배운 점들을 적어 보았다.

1) 아직까지 스킨이 충분하지 않다.
이전에 비해 티스토리에서 자체 제공하는 스킨들이 늘었다. 하지만 아직까지도 스킨이 충분히 많다고 생각하지 않는다.

2) 스킨 적용이 어렵다.
스킨 적용하는 것이야 한번으로 클릭하면 끝이지만 조금이라도 손 볼려면 힘이 든다.  글꼴 하나만 바꾸려해도 style.css를 바꾸어야하는데 스타일시트에 대해 이해가 부족하다보니 요걸까 저걸까 이리 저리 만져 보아야만 한다.  네이버 블로그처럼 쉽게 글꼴도 변경할 수 있고,  기본으로 몇가지 웹 폰트를 지원해 주었으면 한다.

3) 사용자가 만든 티스토리용 스킨 구하기가 어려워졌다.
이전에는 테터툴즈 홈페이지에서 태터툴즈용 스킨을 이용하면 되었는데 지금은 텍스트큐브용으로만 올라오고 있다.  이전에 올린 것들 중에는 다수 티스토리용이 있지만 지금은 거의 올라오지 않는다.
티스토리에서도 사용자가 올릴 수 있도록 티스토리 포럼 http://www.tistory.com/forum/viewforum.php?id=2 에 스킨이 올라오지만 찾기도 불편하고, 모양 보기도 편하지 않다.

4) 특히나 갤러리용으로 쓰는 스킨은 아직도 없다시피하다.
이건 티스트로뿐만 아니라 텍스트큐브 역시 마찬가지다.  네이버 블로그의 포토로그와 같은 형태로 사진을 보여 줄 수 있는 형태가 추가되었으면 한다.

5)  큰 사진을 올리려면 index.xml을 편집해야 한다.
가로 사이즈가 800 정도되면 티스토리 스킨은 사용할 수 있는 게 거의 한정적이다. 직접 스킨을 만들면 되지만 스킨을 만들 실력이 안되면 이미 만들어져 있는 스킨을 써야하는데 적당한 스킨은 거의 없다.  스킨이 맞지 않아 큰 사진을 올리면 영역 밖으로 벗어나 버리거나, 일부가 안 나타나거나 잘려서 나타나 버린다.

임의로 스킨을 편집해도 사진을 올리면 잘리는 경우가 있는데 이는 index.xml에서 영역이 제한되어 있기 때문이다. index.xml에서 contentWidth을 600으로 지정해 버리면 800 사진을 올려도 600으로 줄어 버린다. 800으로 올리려면 contentWidth을 늘려 주어야 한다.

http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin&page=6 보고 수정해서 올리면 된다.

6) 치환자
블로그 제목 아래에 블로그 설명을 달려다보니 블로그 치환자를 달아주면 되었다. 블로그 치환자는 http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin&page=4에 설명이 되어 있는데 블로그 설명은 [##_desc_##] 이었다.

7) 글의 위치를 높이로 지정할 수 있었다.
html 코드를 잘 알면 쉽게 알 수 있는 내용이었는데 몰라서 고민하다 알게된 것이 글의 쓰여질 높이를 수치로 지정할 수 있다는 것이다.   [##_desc_##]으로 블로그 제목 밑에 블로그 설명을 달았는데 설명이 엉뚱한 위치에 나온다.  블로그 제목 아래에 오기 위해 <BR>을 썼지만 제목 위에 나와 <BR><BR><BR> 형태로 몇번 써도 위치가 안 변해 왜 이러지 했다.

#header h4#logo-text a {
 position: absolute;
 margin: 0; padding: 0;
 font: bolder 15px '맑은 고딕', 'Trebuchet MS', Arial, Sans-serif;
 letter-spacing: -2px;
 color: #FFF;
 text-transform: none;
 text-decoration: none;
 background: transparent;
 
 /* change the values of top and left to adjust the position of the logo*/
 top: 75px; left: 47px;
}


위에서처럼 top: 75px; left: 47px; 글이 시작되는 가로/세로 위치를 직접 지정할 수가 있었다.


[관련 글]
2006/12/26 - [블로그 관련 정보] - 티스토리(테터툴즈) 사용할 때 이미지(사진) 리사이즈 안되게하기
2006/12/25 - [블로그 관련 정보] - 테터툴즈에서 사용한 스킨을 티스토리에서 사용하기
2006/12/25 - [블로그 관련 정보] - 테터툴즈 스킨 티스토리에 적용하기



submit

오래만에 티스토리 스킨을 변경하였다.  약 반년 정도 이전 스킨을 사용해 오다 오늘 드디어 시간을 내어 변경을 하였다.

지금까지 사용해왔던 스킨이 문제가 있거나 하진 않았다.  이전 스킨도 나무랄데 없이 좋지만 오랫동안 쓰다보니 약간 질리는 면이 있어 새로운 스킨을 쓰고 싶은 생각이  들어 바꿀려는 마음은 계속 있었지만 이것 저것 만져야하는 귀차니즘 때문에 미루어왔었다.  스킨을 바로 적용하여도 되나 맘에 들게 하려면 이것 저것 만져야하는 것들이 있어 조금 시간이 걸린다.

새로운 스킨으로 변경하면서 보니 느끼거나 새로 배운 점들을 적어 보았다.

1) 아직까지 스킨이 충분하지 않다.
이전에 비해 티스토리에서 자체 제공하는 스킨들이 늘었다. 하지만 아직까지도 스킨이 충분히 많다고 생각하지 않는다.

2) 스킨 적용이 어렵다.
스킨 적용하는 것이야 한번으로 클릭하면 끝이지만 조금이라도 손 볼려면 힘이 든다.  글꼴 하나만 바꾸려해도 style.css를 바꾸어야하는데 스타일시트에 대해 이해가 부족하다보니 요걸까 저걸까 이리 저리 만져 보아야만 한다.  네이버 블로그처럼 쉽게 글꼴도 변경할 수 있고,  기본으로 몇가지 웹 폰트를 지원해 주었으면 한다.

3) 사용자가 만든 티스토리용 스킨 구하기가 어려워졌다.
이전에는 테터툴즈 홈페이지에서 태터툴즈용 스킨을 이용하면 되었는데 지금은 텍스트큐브용으로만 올라오고 있다.  이전에 올린 것들 중에는 다수 티스토리용이 있지만 지금은 거의 올라오지 않는다.
티스토리에서도 사용자가 올릴 수 있도록 티스토리 포럼 http://www.tistory.com/forum/viewforum.php?id=2 에 스킨이 올라오지만 찾기도 불편하고, 모양 보기도 편하지 않다.

4) 특히나 갤러리용으로 쓰는 스킨은 아직도 없다시피하다.
이건 티스트로뿐만 아니라 텍스트큐브 역시 마찬가지다.  네이버 블로그의 포토로그와 같은 형태로 사진을 보여 줄 수 있는 형태가 추가되었으면 한다.

5)  큰 사진을 올리려면 index.xml을 편집해야 한다.
가로 사이즈가 800 정도되면 티스토리 스킨은 사용할 수 있는 게 거의 한정적이다. 직접 스킨을 만들면 되지만 스킨을 만들 실력이 안되면 이미 만들어져 있는 스킨을 써야하는데 적당한 스킨은 거의 없다.  스킨이 맞지 않아 큰 사진을 올리면 영역 밖으로 벗어나 버리거나, 일부가 안 나타나거나 잘려서 나타나 버린다.

임의로 스킨을 편집해도 사진을 올리면 잘리는 경우가 있는데 이는 index.xml에서 영역이 제한되어 있기 때문이다. index.xml에서 contentWidth을 600으로 지정해 버리면 800 사진을 올려도 600으로 줄어 버린다. 800으로 올리려면 contentWidth을 늘려 주어야 한다.

http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin&page=6 보고 수정해서 올리면 된다.

6) 치환자
블로그 제목 아래에 블로그 설명을 달려다보니 블로그 치환자를 달아주면 되었다. 블로그 치환자는 http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin&page=4에 설명이 되어 있는데 블로그 설명은 [##_desc_##] 이었다.

7) 글의 위치를 높이로 지정할 수 있었다.
html 코드를 잘 알면 쉽게 알 수 있는 내용이었는데 몰라서 고민하다 알게된 것이 글의 쓰여질 높이를 수치로 지정할 수 있다는 것이다.   [##_desc_##]으로 블로그 제목 밑에 블로그 설명을 달았는데 설명이 엉뚱한 위치에 나온다.  블로그 제목 아래에 오기 위해 <BR>을 썼지만 제목 위에 나와 <BR><BR><BR> 형태로 몇번 써도 위치가 안 변해 왜 이러지 했다.

#header h4#logo-text a {
 position: absolute;
 margin: 0; padding: 0;
 font: bolder 15px '맑은 고딕', 'Trebuchet MS', Arial, Sans-serif;
 letter-spacing: -2px;
 color: #FFF;
 text-transform: none;
 text-decoration: none;
 background: transparent;
 
 /* change the values of top and left to adjust the position of the logo*/
 top: 75px; left: 47px;
}


위에서처럼 top: 75px; left: 47px; 글이 시작되는 가로/세로 위치를 직접 지정할 수가 있었다.


[관련 글]
2006/12/26 - [블로그 관련 정보] - 티스토리(테터툴즈) 사용할 때 이미지(사진) 리사이즈 안되게하기
2006/12/25 - [블로그 관련 정보] - 테터툴즈에서 사용한 스킨을 티스토리에서 사용하기
2006/12/25 - [블로그 관련 정보] - 테터툴즈 스킨 티스토리에 적용하기



submit
이전에 사용하던 제로보드나 파란의 경우 사진을 편하게 보기 위해  사진 사이즈를 800 이상으로 지정한 경우가 많았다.  싸이나 네어버 블로그 등에 사람이 더 많음에도 쓰지 않은 이유는 사진을 올리면 사진이 리사이즈되어 원본 이미지의 품질이 떨어지기 때문이다. 그렇다고 사진 사이즈를 작게하면 시원하지 않고 웬지 답답함을 느꼈기 때문이다.

제로보드에서 사용하던 갤러리 게시판을 이용하여 티스토리로 옮기면서 2가지 문제가 부딪혔는데 하나는 게시물에 포함된 사진 일부를 불러오지 못한다는 것이었고, 다른 하나른 사진을 올리면 네이버에서처럼 리사이즈가 된다는 것이다.   티스토리가 테터툴즈 것을 사용하기 때문에 테터툴즈 역시 동일한 문제를 안고 있다.

처음에 불러왔을 때에는 사진 리사이즈가 안되었는데 나중에 새로 글을 작성하여 올리면 그때부터 이런 증상이나타나 이곳 저곳 알아보니 글을 작성하여 등록할 때 contentWidth에서 지정한 수치보다 클 경우 이 수치에 맞게 리사이즈를 한다는 것이다. index.xml을 보면 된다고 하는데 스킨 편집에 들어가면 파일 목록에 index.xml은 보이지만 다운로드하여 편집할 수 없고, 편집할 수 있는 것은 skin.htm과 style.css뿐이었다.

할 수 없이 skin.htm과 style.css만으로 수정을 하기 위해 스킨 관리의 편집으로 들어가 contentWidth를 찾아보아도 보이지 않아 width만으로 검색하여 수치를 조절하여 보았으나 이미 작성한 문서의 경우 조절한 수치에따라 사진 보여주는 형식만 변할 뿐(테이블 크기에 맞게 사진을 줄여서 보여주거나, 크기에 맞는 부분만 보여주고 나머지 부분은 잘려서 보여줌) 글을 작성하여 등록할 때에는 잘리는 현상이 계속 발생하였다.

그러다가 스킨을 올리는 방법을 알고 index.xml을 확인하니 그 안에 <contentWidth>500</contentWidth>이 있다는 것을 알게 되었다.  <contentWidth>와 </contentWidth>에 있는 수치인 500 이상이면 리사이즈되어 표시가 된다.

리사이즈 안되게 올리려면 이 수치를 다른 수치로 옮기면 된다.  참고로 대부분 사진이 800으로 만들었고 일부 이보다 조금 큰게 있어 850으로 수정을 하였다.

사진이 리사이즈 안되게 하려면 다음과 같은 방법을 사용하면 된다.

1. 먼저 테터툴즈에서 사용한 스킨을 티스토리에서 사용하기를 참고한다.
테터툴즈에서 사용한 스킨을 티스토리에서 사용하기 :
  -
http://www.solijini.com/1456
  -
http://solijini.tistory.com

이걸 읽으면 아래 내용은 바로 할 수 있다.


2006년 12월 26일 수정
티스토리가 1.1로 업그레이드하면서 스킨 올리는 방법이 바뀌었다.
관리자로 접속한 후 스킨 탭에서 직접 올리기하면 스킨을 올릴 수 있다.

2. 스킨의 index.xml 파일 수정하여 올리기
적용하려는 스킨 폴더를 보면 index.xml이 있는데 이 파일의 끝부분에 있는 <contentWidth>500</contentWidth>이라고되어 있는 부분을 <contentWidth>850</contentWidth>과 같이 적당한 수치로 변경한 후 등록한다.


참고 1
- 모든 스킨에 적용할 수 있으나 스킨이 특정한 크기에 맞게 제작된 경우가 있다.(이런게 많다.) 그럴 경우 사진 크기가 늘어나면 레이아웃이 깨지는 경우가 생긴다.  여러 개를 적용하여 큰 사진을 올려도 깨지지 않는 이 스킨을 선택해 쓰고 있다.

2006년 12월 26일 추가

참고 2
티스토리에서 제공하는 스킨만 쓸 경우 index.xml 파일 있긴하나 이 파일을 다운로드할 수 없기 때문에 수정이 불가능하다. 테터툴즈 홈페이지에 있는 스킨 중 하나를(이왕이면 동일한 스킨, 대부분 테터툴즈에 등록되어 있다) 받아 그 안에 있는 index.xml을 이용하면 된다.







  1. Favicon of https://gendoh.com BlogIcon 겐도 at 2006.12.26 21:38 신고 [edit/del]

    http://자신의 블로그아이디.tistory.com/owner/skin/previewAttachment?filename=index.xml

    :)

    Reply

submit
이전에 사용하던 제로보드나 파란의 경우 사진을 편하게 보기 위해  사진 사이즈를 800 이상으로 지정한 경우가 많았다.  싸이나 네어버 블로그 등에 사람이 더 많음에도 쓰지 않은 이유는 사진을 올리면 사진이 리사이즈되어 원본 이미지의 품질이 떨어지기 때문이다. 그렇다고 사진 사이즈를 작게하면 시원하지 않고 웬지 답답함을 느꼈기 때문이다.

제로보드에서 사용하던 갤러리 게시판을 이용하여 티스토리로 옮기면서 2가지 문제가 부딪혔는데 하나는 게시물에 포함된 사진 일부를 불러오지 못한다는 것이었고, 다른 하나른 사진을 올리면 네이버에서처럼 리사이즈가 된다는 것이다.   티스토리가 테터툴즈 것을 사용하기 때문에 테터툴즈 역시 동일한 문제를 안고 있다.

처음에 불러왔을 때에는 사진 리사이즈가 안되었는데 나중에 새로 글을 작성하여 올리면 그때부터 이런 증상이나타나 이곳 저곳 알아보니 글을 작성하여 등록할 때 contentWidth에서 지정한 수치보다 클 경우 이 수치에 맞게 리사이즈를 한다는 것이다. index.xml을 보면 된다고 하는데 스킨 편집에 들어가면 파일 목록에 index.xml은 보이지만 다운로드하여 편집할 수 없고, 편집할 수 있는 것은 skin.htm과 style.css뿐이었다.

할 수 없이 skin.htm과 style.css만으로 수정을 하기 위해 스킨 관리의 편집으로 들어가 contentWidth를 찾아보아도 보이지 않아 width만으로 검색하여 수치를 조절하여 보았으나 이미 작성한 문서의 경우 조절한 수치에따라 사진 보여주는 형식만 변할 뿐(테이블 크기에 맞게 사진을 줄여서 보여주거나, 크기에 맞는 부분만 보여주고 나머지 부분은 잘려서 보여줌) 글을 작성하여 등록할 때에는 잘리는 현상이 계속 발생하였다.

그러다가 스킨을 올리는 방법을 알고 index.xml을 확인하니 그 안에 <contentWidth>500</contentWidth>이 있다는 것을 알게 되었다.  <contentWidth>와 </contentWidth>에 있는 수치인 500 이상이면 리사이즈되어 표시가 된다.

리사이즈 안되게 올리려면 이 수치를 다른 수치로 옮기면 된다.  참고로 대부분 사진이 800으로 만들었고 일부 이보다 조금 큰게 있어 850으로 수정을 하였다.

사진이 리사이즈 안되게 하려면 다음과 같은 방법을 사용하면 된다.

1. 먼저 테터툴즈에서 사용한 스킨을 티스토리에서 사용하기를 참고한다.
테터툴즈에서 사용한 스킨을 티스토리에서 사용하기 :
  -
http://www.solijini.com/1456
  -
http://solijini.tistory.com

이걸 읽으면 아래 내용은 바로 할 수 있다.


2006년 12월 26일 수정
티스토리가 1.1로 업그레이드하면서 스킨 올리는 방법이 바뀌었다.
관리자로 접속한 후 스킨 탭에서 직접 올리기하면 스킨을 올릴 수 있다.

2. 스킨의 index.xml 파일 수정하여 올리기
적용하려는 스킨 폴더를 보면 index.xml이 있는데 이 파일의 끝부분에 있는 <contentWidth>500</contentWidth>이라고되어 있는 부분을 <contentWidth>850</contentWidth>과 같이 적당한 수치로 변경한 후 등록한다.


참고 1
- 모든 스킨에 적용할 수 있으나 스킨이 특정한 크기에 맞게 제작된 경우가 있다.(이런게 많다.) 그럴 경우 사진 크기가 늘어나면 레이아웃이 깨지는 경우가 생긴다.  여러 개를 적용하여 큰 사진을 올려도 깨지지 않는 이 스킨을 선택해 쓰고 있다.

2006년 12월 26일 추가

참고 2
티스토리에서 제공하는 스킨만 쓸 경우 index.xml 파일 있긴하나 이 파일을 다운로드할 수 없기 때문에 수정이 불가능하다. 테터툴즈 홈페이지에 있는 스킨 중 하나를(이왕이면 동일한 스킨, 대부분 테터툴즈에 등록되어 있다) 받아 그 안에 있는 index.xml을 이용하면 된다.







submit
티스토리를 사용하면서 느낀 불편함중의 하나는 스킨이 별로 없다는 것이다. 

다양한 형태로  스킨이 존재한다면 나름대로 입 맛에 맞는 것을 선택할 수 있는데 티스토리에 존재하는 스킨은 개수가 한정되어 있어 딱 내 맘에 맞는 것을 찾기가 쉽지 않다.

스킨의 종류가 적다 많다는 개인적으로 느끼는 차이겠지만 이전에 사용하던 제로보드에 비해, 그리고 티스토리가 모체로하고 있는 테터툴즈에 비해서 그 수가 현격하게 적다는 것이다.

티스토리 나름대로 스킨을 편집할 수 있는 기능을 제공하지만 디자인에 무감각한 나와 같은 사람이 이를 편집하는 것은 너무나 힘든 작업이다.  대신 남이 만들어 놓은 것을 가져와서 사용할 줄은 안다.  그동안 제로보드 게시판을 사용하면서 만들어진 스킨을 사용하였으니까.

티스토리는 테터툴즈를 기반으로 하여 만들었기 때문에 테터툴즈의 스킨을 사용할 수 있다. 그런데 테터툴즈에서처럼 스킨을 임으로 등록하여 사용할 수는 없다. 대신 이미 있는 스킨에 업로드하는 식으로 스킨을 올려서 사용할 수 있다.

티스토리에서 테터툴즈 스킨을 이용할 수 있게 해 주는 방법은 쿨보이님의 글(http://coolvoy.com/9)에서 보았고 그렇게해서 스킨을 등록하였다.  그 글을 보고 내 입맛에 맞게 조금 수정을 하였다.  수정을 하였다고 하지만 거의 동일하다.

참고 글 : 쿨보이님의 글(http://coolvoy.com/9)


1. 테터툴즈 스킨 다운로드하기 및 압축 해제

테터툴즈에는 다양한 스킨이 있는데 이 스킨들을 사용하기 위해서는 먼저 스킨을 다운로드하여야 한다.
http://www.tattertools.com/ko/bbs/zboard.php?id=skin 으로 가서 맞는 스킨을 고른다음 다운로드한다.

하단에 예전 스킨 모음이 있어 예전에 만들어 둔 더 많은 스킨들 중에서 골라도 된다.

스킨을 다운로드 하였으면 임의의 폴더에 압축을 푼다.

2. 관리자 모드로 접속하여 스킨 편집하기
스킨을 편집하기 위해서는 관리자 모드로 접속하여야 한다.  관리자 모드로 접속을 한 후  [스킨 관리]를 누르면 스킨에 관한 선택을 할 수 있는데 현재 사용하고 있는 스킨을 다른 것으로 변경하기 위해 [편집하기]를 누른다.  현재 스킨을 수정하는 것으로 다른 스킨을 적용한 후 적용된 스킨을 이용하여도 된다.
사용자 삽입 이미지


3. 기존 스킨 파일 내용 삭제하기
새로운 스킨을 적용하기 위해 기존 스킨을 삭제하여야 한다.  이미 있는 것을 그대로 두고 올려도 되겠지만 그냥 모두 삭제하고 다시 올렸다.

사용자 삽입 이미지

파일을 선택하고 [삭제하기]를 하면 파일들이 삭제된다.  파일을 하나씩 삭제할 수도 있지만 <Ctrl>이나 <Shift>를 이용하면 한꺼번에 여러개를 선택하여 삭제할 수 있다.
1번째 파일을 마우스로 선택한 후 제일 마지막 파일을 <Shift>를 누른체 선택하면 1번째 파일부터 마지막 파일까지를 선택할 수 있다.  파일을 선택하면 그림에서처럼 파일 선택된 것이 표시되는데 이 때 [삭제하기]를 누른다.

그러면 위 그림처럼 파일이 삭제되어 아무 것도 없는 상태가 된다. 

4. 스킨 파일 업로드하기
이제 테터툴즈에서 받은 스킨을 업로드해야 한다.  [파일 업로드]를 누르면 파일 선택 창이 나타난다.
사용자 삽입 이미지

1) 스킨을 받아 압축 해제한 경로로 이동하여 파일을 모두 선택해 [열기]를 하면 파일 업로드가 된다.
2) 다시 [파일 업로드]를 눌러 하위 폴더의 images 폴더에 있는 이미지 파일들을 선택해서 마찬가지로 업로드한다.

사용자 삽입 이미지


5. 적용 끝
이제 스킨이 적용되었다. MYBLO를 눌러 티스토리 메인으로 돌아오면 적용한 스킨으로 화면이 바뀌어 있다.
관리자 모드로 스킨 관리로 들어가면 스킨이 변한 것을 볼 수 있다.
사용자 삽입 이미지




submit
티스토리를 사용하면서 느낀 불편함중의 하나는 스킨이 별로 없다는 것이다. 

다양한 형태로  스킨이 존재한다면 나름대로 입 맛에 맞는 것을 선택할 수 있는데 티스토리에 존재하는 스킨은 개수가 한정되어 있어 딱 내 맘에 맞는 것을 찾기가 쉽지 않다.

스킨의 종류가 적다 많다는 개인적으로 느끼는 차이겠지만 이전에 사용하던 제로보드에 비해, 그리고 티스토리가 모체로하고 있는 테터툴즈에 비해서 그 수가 현격하게 적다는 것이다.

티스토리 나름대로 스킨을 편집할 수 있는 기능을 제공하지만 디자인에 무감각한 나와 같은 사람이 이를 편집하는 것은 너무나 힘든 작업이다.  대신 남이 만들어 놓은 것을 가져와서 사용할 줄은 안다.  그동안 제로보드 게시판을 사용하면서 만들어진 스킨을 사용하였으니까.

티스토리는 테터툴즈를 기반으로 하여 만들었기 때문에 테터툴즈의 스킨을 사용할 수 있다. 그런데 테터툴즈에서처럼 스킨을 임으로 등록하여 사용할 수는 없다. 대신 이미 있는 스킨에 업로드하는 식으로 스킨을 올려서 사용할 수 있다.

티스토리에서 테터툴즈 스킨을 이용할 수 있게 해 주는 방법은 쿨보이님의 글(http://coolvoy.com/9)에서 보았고 그렇게해서 스킨을 등록하였다.  그 글을 보고 내 입맛에 맞게 조금 수정을 하였다.  수정을 하였다고 하지만 거의 동일하다.

참고 글 : 쿨보이님의 글(http://coolvoy.com/9)


1. 테터툴즈 스킨 다운로드하기 및 압축 해제

테터툴즈에는 다양한 스킨이 있는데 이 스킨들을 사용하기 위해서는 먼저 스킨을 다운로드하여야 한다.
http://www.tattertools.com/ko/bbs/zboard.php?id=skin 으로 가서 맞는 스킨을 고른다음 다운로드한다.

하단에 예전 스킨 모음이 있어 예전에 만들어 둔 더 많은 스킨들 중에서 골라도 된다.

스킨을 다운로드 하였으면 임의의 폴더에 압축을 푼다.

2. 관리자 모드로 접속하여 스킨 편집하기
스킨을 편집하기 위해서는 관리자 모드로 접속하여야 한다.  관리자 모드로 접속을 한 후  [스킨 관리]를 누르면 스킨에 관한 선택을 할 수 있는데 현재 사용하고 있는 스킨을 다른 것으로 변경하기 위해 [편집하기]를 누른다.  현재 스킨을 수정하는 것으로 다른 스킨을 적용한 후 적용된 스킨을 이용하여도 된다.
사용자 삽입 이미지


3. 기존 스킨 파일 내용 삭제하기
새로운 스킨을 적용하기 위해 기존 스킨을 삭제하여야 한다.  이미 있는 것을 그대로 두고 올려도 되겠지만 그냥 모두 삭제하고 다시 올렸다.

사용자 삽입 이미지

파일을 선택하고 [삭제하기]를 하면 파일들이 삭제된다.  파일을 하나씩 삭제할 수도 있지만 <Ctrl>이나 <Shift>를 이용하면 한꺼번에 여러개를 선택하여 삭제할 수 있다.
1번째 파일을 마우스로 선택한 후 제일 마지막 파일을 <Shift>를 누른체 선택하면 1번째 파일부터 마지막 파일까지를 선택할 수 있다.  파일을 선택하면 그림에서처럼 파일 선택된 것이 표시되는데 이 때 [삭제하기]를 누른다.

그러면 위 그림처럼 파일이 삭제되어 아무 것도 없는 상태가 된다. 

4. 스킨 파일 업로드하기
이제 테터툴즈에서 받은 스킨을 업로드해야 한다.  [파일 업로드]를 누르면 파일 선택 창이 나타난다.
사용자 삽입 이미지

1) 스킨을 받아 압축 해제한 경로로 이동하여 파일을 모두 선택해 [열기]를 하면 파일 업로드가 된다.
2) 다시 [파일 업로드]를 눌러 하위 폴더의 images 폴더에 있는 이미지 파일들을 선택해서 마찬가지로 업로드한다.

사용자 삽입 이미지


5. 적용 끝
이제 스킨이 적용되었다. MYBLO를 눌러 티스토리 메인으로 돌아오면 적용한 스킨으로 화면이 바뀌어 있다.
관리자 모드로 스킨 관리로 들어가면 스킨이 변한 것을 볼 수 있다.
사용자 삽입 이미지




  1. Favicon of http://malcom-ish.tistory.com BlogIcon 욕심M at 2006.12.25 23:04 신고 [edit/del]

    응?: 그럼 CSS파일하고 html 파일은 어떻게?? orz

    Reply
  2. Favicon of http://madeinkorea.tistory.com BlogIcon MadeInKorea at 2006.12.25 23:15 신고 [edit/del]

    이거 옛날 Tistory 아닌가요?
    바껴서 이렇게 못 올리던데요.

    Reply
    • Favicon of http://www.osnews.kr BlogIcon OSNews sonamu at 2006.12.26 09:11 신고 [edit/del]

      지금 글의 성격에 맞는 블로그를 새로 만들었고 이전블로그에서 새로 만든 블로그로 글을 옮기고 있답니다. 일단 모든 글을 옮기고난 후 하나씩 새롭게 수정할 예정입니다.

  3. Favicon of http://www.osnews.kr BlogIcon OSNews sonamu at 2006.12.26 09:12 신고 [edit/del]

    새로 업데이트한 티스토리에서는 직접 올리기를 선택해 파일을 올리면 됩니다.

    Reply
  4. Favicon of http://bengi.kr BlogIcon Bengi at 2007.01.09 22:16 신고 [edit/del]

    트렉백 달아 놓을게요~~

    Reply

submit
테터툴즈에는 많은 스킨이 있는데 비해 티스토리는 테터툴즈를 기반으로하였지만
스킨에 제한이 있다.  많은 스킨 중에서 내 맘에 드는 스킨을 사용하려면 어떻게했는지 궁금했는데
여기에 방법이 나와 있다.

http://coolvoy.com/9


생각보다 방법이 쉽다. 나도 따라해봐야지.


월드컵 스킨   ver.1.05 을 지우고 적용하였다.

추신 : 2006년 9월 24일 적은 글이라 그때와는 상황이 조금 다르다.


submit
테터툴즈에는 많은 스킨이 있는데 비해 티스토리는 테터툴즈를 기반으로하였지만
스킨에 제한이 있다.  많은 스킨 중에서 내 맘에 드는 스킨을 사용하려면 어떻게했는지 궁금했는데
여기에 방법이 나와 있다.

http://coolvoy.com/9


생각보다 방법이 쉽다. 나도 따라해봐야지.


월드컵 스킨   ver.1.05 을 지우고 적용하였다.

추신 : 2006년 9월 24일 적은 글이라 그때와는 상황이 조금 다르다.


submit
 티스토리를 사용하면서 느낀 불편함중의 하나는 스킨이 별로 없다는 것이다. 

다양한 형태로  스킨이 존재한다면 나름대로 입 맛에 맞는 것을 선택할 수 있는데 티스토리에 존재하는 스킨은 개수가 한정되어 있어 딱 내 맘에 맞는 것을 찾기가 쉽지 않다.

스킨의 종류가 적다 많다는 개인적으로 느끼는 차이겠지만 이전에 사용하던 제로보드에 비해, 그리고 티스토리가 모체로하고 있는 테터툴즈에 비해서 그 수가 현격하게 적다는 것이다.

티스토리 나름대로 스킨을 편집할 수 있는 기능을 제공하지만 디자인에 무감각한 나와 같은 사람이 이를 편집하는 것은 너무나 힘든 작업이다.  대신 남이 만들어 놓은 것을 가져와서 사용할 줄은 안다.  그동안 제로보드 게시판을 사용하면서 만들어진 스킨을 사용하였으니까.

티스토리는 테터툴즈를 기반으로 하여 만들었기 때문에 테터툴즈의 스킨을 사용할 수 있다. 그런데 테터툴즈에서처럼 스킨을 임으로 등록하여 사용할 수는 없다. 대신 이미 있는 스킨에 업로드하는 식으로 스킨을 올려서 사용할 수 있다.

업그레이드한 후에는 쉽게 편집할 수 있게 되었다.
관리자로 로그인한 후 스킨 탭에 스킨 선택을 보면 직접 올리기가 있다.
직접 올리기를 통해 스킨 파일을 올려 주면 된다.


사용자 삽입 이미지



=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
아래 내용은 티스토리가 1.1로 업그레이드를 하기 전의 이야기다.
티스토리가 테터툴즈 1.0일 때 스킨 변경 방법

티스토리에서 테터툴즈 스킨을 이용할 수 있게 해 주는 방법은 쿨보이님의 글(http://coolvoy.com/9)에서 보았고 그렇게해서 스킨을 등록하였다.  그 글을 보고 내 입맛에 맞게 조금 수정을 하였다.  수정을 하였다고 하지만 거의 동일하다.

참고 글 : 쿨보이님의 글(http://coolvoy.com/9)


1. 테터툴즈 스킨 다운로드하기 및 압축 해제

테터툴즈에는 다양한 스킨이 있는데 이 스킨들을 사용하기 위해서는 먼저 스킨을 다운로드하여야 한다.
http://www.tattertools.com/ko/bbs/zboard.php?id=skin 으로 가서 맞는 스킨을 고른다음 다운로드한다.

하단에 예전 스킨 모음이 있어 예전에 만들어 둔 더 많은 스킨들 중에서 골라도 된다.

스킨을 다운로드 하였으면 임의의 폴더에 압축을 푼다.

2. 관리자 모드로 접속하여 스킨 편집하기
스킨을 편집하기 위해서는 관리자 모드로 접속하여야 한다.  관리자 모드로 접속을 한 후  [스킨 관리]를 누르면 스킨에 관한 선택을 할 수 있는데 현재 사용하고 있는 스킨을 다른 것으로 변경하기 위해 [편집하기]를 누른다.  현재 스킨을 수정하는 것으로 다른 스킨을 적용한 후 적용된 스킨을 이용하여도 된다.


3. 기존 스킨 파일 내용 삭제하기
새로운 스킨을 적용하기 위해 기존 스킨을 삭제하여야 한다.  이미 있는 것을 그대로 두고 올려도 되겠지만 그냥 모두 삭제하고 다시 올렸다.


파일을 선택하고 [삭제하기]를 하면 파일들이 삭제된다.  파일을 하나씩 삭제할 수도 있지만 <Ctrl>이나 <Shift>를 이용하면 한꺼번에 여러개를 선택하여 삭제할 수 있다.
1번째 파일을 마우스로 선택한 후 제일 마지막 파일을 <Shift>를 누른체 선택하면 1번째 파일부터 마지막 파일까지를 선택할 수 있다.  파일을 선택하면 그림에서처럼 파일 선택된 것이 표시되는데 이 때 [삭제하기]를 누른다.



그러면 위 그림처럼 파일이 삭제되어 아무 것도 없는 상태가 된다. 

4. 스킨 파일 업로드하기
이제 테터툴즈에서 받은 스킨을 업로드해야 한다.  [파일 업로드]를 누르면 파일 선택 창이 나타난다.


1) 스킨을 받아 압축 해제한 경로로 이동하여 파일을 모두 선택해 [열기]를 하면 파일 업로드가 된다.
2) 다시 [파일 업로드]를 눌러 하위 폴더의 images 폴더에 있는 이미지 파일들을 선택해서 마찬가지로 업로드한다.

5. 적용 끝
이제 스킨이 적용되었다. MYBLO를 눌러 티스토리 메인으로 돌아오면 적용한 스킨으로 화면이 바뀌어 있다.
관리자 모드로 스킨 관리로 들어가면 스킨이 변한 것을 볼 수 있다.


submit
 티스토리를 사용하면서 느낀 불편함중의 하나는 스킨이 별로 없다는 것이다. 

다양한 형태로  스킨이 존재한다면 나름대로 입 맛에 맞는 것을 선택할 수 있는데 티스토리에 존재하는 스킨은 개수가 한정되어 있어 딱 내 맘에 맞는 것을 찾기가 쉽지 않다.

스킨의 종류가 적다 많다는 개인적으로 느끼는 차이겠지만 이전에 사용하던 제로보드에 비해, 그리고 티스토리가 모체로하고 있는 테터툴즈에 비해서 그 수가 현격하게 적다는 것이다.

티스토리 나름대로 스킨을 편집할 수 있는 기능을 제공하지만 디자인에 무감각한 나와 같은 사람이 이를 편집하는 것은 너무나 힘든 작업이다.  대신 남이 만들어 놓은 것을 가져와서 사용할 줄은 안다.  그동안 제로보드 게시판을 사용하면서 만들어진 스킨을 사용하였으니까.

티스토리는 테터툴즈를 기반으로 하여 만들었기 때문에 테터툴즈의 스킨을 사용할 수 있다. 그런데 테터툴즈에서처럼 스킨을 임으로 등록하여 사용할 수는 없다. 대신 이미 있는 스킨에 업로드하는 식으로 스킨을 올려서 사용할 수 있다.

업그레이드한 후에는 쉽게 편집할 수 있게 되었다.
관리자로 로그인한 후 스킨 탭에 스킨 선택을 보면 직접 올리기가 있다.
직접 올리기를 통해 스킨 파일을 올려 주면 된다.


사용자 삽입 이미지



=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
아래 내용은 티스토리가 1.1로 업그레이드를 하기 전의 이야기다.
티스토리가 테터툴즈 1.0일 때 스킨 변경 방법

티스토리에서 테터툴즈 스킨을 이용할 수 있게 해 주는 방법은 쿨보이님의 글(http://coolvoy.com/9)에서 보았고 그렇게해서 스킨을 등록하였다.  그 글을 보고 내 입맛에 맞게 조금 수정을 하였다.  수정을 하였다고 하지만 거의 동일하다.

참고 글 : 쿨보이님의 글(http://coolvoy.com/9)


1. 테터툴즈 스킨 다운로드하기 및 압축 해제

테터툴즈에는 다양한 스킨이 있는데 이 스킨들을 사용하기 위해서는 먼저 스킨을 다운로드하여야 한다.
http://www.tattertools.com/ko/bbs/zboard.php?id=skin 으로 가서 맞는 스킨을 고른다음 다운로드한다.

하단에 예전 스킨 모음이 있어 예전에 만들어 둔 더 많은 스킨들 중에서 골라도 된다.

스킨을 다운로드 하였으면 임의의 폴더에 압축을 푼다.

2. 관리자 모드로 접속하여 스킨 편집하기
스킨을 편집하기 위해서는 관리자 모드로 접속하여야 한다.  관리자 모드로 접속을 한 후  [스킨 관리]를 누르면 스킨에 관한 선택을 할 수 있는데 현재 사용하고 있는 스킨을 다른 것으로 변경하기 위해 [편집하기]를 누른다.  현재 스킨을 수정하는 것으로 다른 스킨을 적용한 후 적용된 스킨을 이용하여도 된다.


3. 기존 스킨 파일 내용 삭제하기
새로운 스킨을 적용하기 위해 기존 스킨을 삭제하여야 한다.  이미 있는 것을 그대로 두고 올려도 되겠지만 그냥 모두 삭제하고 다시 올렸다.


파일을 선택하고 [삭제하기]를 하면 파일들이 삭제된다.  파일을 하나씩 삭제할 수도 있지만 <Ctrl>이나 <Shift>를 이용하면 한꺼번에 여러개를 선택하여 삭제할 수 있다.
1번째 파일을 마우스로 선택한 후 제일 마지막 파일을 <Shift>를 누른체 선택하면 1번째 파일부터 마지막 파일까지를 선택할 수 있다.  파일을 선택하면 그림에서처럼 파일 선택된 것이 표시되는데 이 때 [삭제하기]를 누른다.



그러면 위 그림처럼 파일이 삭제되어 아무 것도 없는 상태가 된다. 

4. 스킨 파일 업로드하기
이제 테터툴즈에서 받은 스킨을 업로드해야 한다.  [파일 업로드]를 누르면 파일 선택 창이 나타난다.


1) 스킨을 받아 압축 해제한 경로로 이동하여 파일을 모두 선택해 [열기]를 하면 파일 업로드가 된다.
2) 다시 [파일 업로드]를 눌러 하위 폴더의 images 폴더에 있는 이미지 파일들을 선택해서 마찬가지로 업로드한다.

5. 적용 끝
이제 스킨이 적용되었다. MYBLO를 눌러 티스토리 메인으로 돌아오면 적용한 스킨으로 화면이 바뀌어 있다.
관리자 모드로 스킨 관리로 들어가면 스킨이 변한 것을 볼 수 있다.


submit

티스토리 툴바