사용자 삽입 이미지

코나타스킨세트...입니다. 에.. 레이아웃은 이미 짜여져있는걸 사용했습니다..
앞으로도 이런 형태로 스킨을 배포(?)하고자 합니다. 티스토리 스킨을 만드시는 분들은..
기본틀.. 레이아웃이랄까. 그 정도만 만드시고 배포하는 기준이기때문에.. 데코레이션을 원하시거나..
네이버에서처럼 애니메이션 스킨을 원하시는 분들중 직접 만들 능력이 안되시는 분들..
그런 분들을 대상으로 제가 수정한 스킨을 만들어서 배포하고자 하는겁니다.

이 스킨을 적용하시기전에.. 기본적으로 해둬야할것들부터 말씀드리고자 합니다.
일단 티스토리 관리자로 들어가셔서 스킨선택을 누르신 후 2단형 카테고리를 누르시고
아래 그림에 나온 스킨을 선택한 후 적용을 눌러주세요.
이 단계에서 사이드바와 애드센스라든가 하는 플러그인들은 죄다 초기화가 될테니
다 하시고나서 차후 수정해주셔야 합니다.

사용자 삽입 이미지

그리고 HTML/CSS 수정 들어가셔서 윗칸에는 아래 올릴 파일 중 KONATA_SKIN_HTML.TXT라는
파일을 그대로 복사해서 붙여넣으시고 아래칸에는 KONATA_STYLE_CSS.TXT라는 파일을
복사해서 넣어주세요. 반드시 위의 스킨레이아웃을 적용한 상태에서 해주셔야합니다.
(그래야 기본적인 파일들이 제 기능을 할 수 있습니다.)


위의 텍스트파일들의 이미지링크는 모두 제 블로그의 어느 포스팅(비공개글)에 들어있으며..
무슨 일이 일어나서 제 블로그가 싸그리 초기화되지 않는한에서는 영원히 그 기능이 작동할겁니다.

그리고 이 스킨의 미리보기입니다. 리사이징되어있으니 눌러서 보세요.

사용자 삽입 이미지

그 외에 수정할 수 있는 루트..라든가 방법같은것도 몇개 올려보도록 하겠습니다.
(아래의 목록은 한글로 되어있는 부분이 없었기에 한글부분을 몇몇 추가했습니다.)

[1] 바탕화면 수정하기
바탕화면이라는건.. 타이틀. 컨테이너. 사이드바 이외의 기본적인 바탕..을 말하는겁니다.
현재는 제가 패턴을 집어넣어 수정한 바탕이 깔려있으며 그것의 주소는
<!-- #### 바탕화면 #### --> 이라고 되어있는 줄 아래의 background-image:url 이라고
되어있는 곳입니다. 괄호는 냅두고 그 안의 주소를 따로 수정하시면 됩니다.

[2] 타이틀 수정하기
현재 타이틀은 상단의 경우 863*300 사이즈. 하단의 경우는 660*200사이즈로 되어있습니다.
폰트대로 수정하고 싶으신분은 제가 수정한것을 사용하지마시고 원본을 쓰셔서 따로 수정해주시고.
타이틀 스킨을 다른걸로 바꾸고 싶으신 분들은 <!-- #### 상단 타이틀 #### --> 혹은
<!-- #### 하단 타이틀 #### --> 을 검색으로 찾아서 그 아래의 이미지 주소를 수정해주시기 바랍니다.
다른 사이즈로 수정을 원하시는 분은 각 타이틀 부분에 추가되어있을 width와 height 부분을
수정해주시면 됩니다. 가로부분은 포스팅 컨테이너와 같은 사이즈로 되어있으니.. 포스팅부분 사이즈를
건드릴 생각이 없으신 분은 세로부분만 수정해주시면 됩니다.
한가지 더.. footer 부분에 가시면 있는 하단타이틀의 링크 주소를 이 스킨을 사용하시는 분의
블로그 주소에 맞게 수정해주시기 바랍니다. 현재 제 블로그 주소로 되어있을테니까요.;

[3] 각 파트 색상 수정하기
이 스킨에서 가장 많이 쓰인 저 오렌지색의 코드는 #FFAE00 입니다. 이 색상코드를 검색으로 찾아서
수정해주시면 되겠습니다. 색상코드는.. 역시 포토샵을 켜서 보고 수정하는게 가장 편합니다.

[4] 사이드바 수정하기
이 스킨은 사이드바..라는 개념이 없다고 해야할까요..;;
스킨관리자 창에서 사이드바를 수정하는게 불가능합니다. 결국 html창 들어가셔서 수정하셔야 합니다만
그 경우 잘 모르는 분이라면 어려울 수도 있겠지요. 여튼.. 조금만 올려볼게요.
<!-- #### Side Start #### --> 이 부분이 사이드바가 시작되는 부분으로 우측의 블로그 이미지라든가
rss버튼이라든가 등등이 떠있는 곳이라고 보시면 됩니다. 서브 블로그를 하나 더 만드셔서
두개의 html을 비교하시면서 해보시면 더 쉬울수도 있겠지요.
아..그리고 기존의 사이드바 최대 가로사이즈는 190px입니다. 이 사이즈를 넘으면..
사이드바가 아래로 내려가게 되므로 190픽셀에 맞춰서 제작해주시기 바랍니다.

[5] 원본에 없었던 부분 중 추가된 곳
이 스킨의 원본에는 more / less 라는 행이 없었습니다. 그래서 원래는 그곳의 색상이라든가 하는걸
수정 할 수 없었습니다만.. 현재는 제가 따로 만들어서 집어 넣었으므로 고치실 수 있습니다.
아이콘도 다실 수 있지만.. 중앙정렬에는 아이콘이 별로 이쁘지 않았기때문에 빼뒀습니다.
찾으실 수 있는 곳은 style.css 부분의  /* 본문 - more / less */ 을 검색해보시면 됩니다.
그리고 애초에 링크를 나타내던 부분을 살짝 수정했습니다. 수정 방법은 아래 텍스트파일을 받으셔서
그걸 여시고 그 안에 있는 내용을 스킨관리자 창 내에서 link site 라는 행을 찾으시고
그 부분의 맨 앞 <div> 부터 맨 끝 </div> 부분 대신 넣어주시면 됩니다.


마지막으로 스킨 관리자창 내에있을 whos.amung.us 부분은 따로 설정을 하셔서 수정하시거나
혹은 아예 지워버리시는게 좋을것 같습니다. 왠지는 몰라도 이 블로그의 수치랑 연동된다는
느낌을 지울 수가 없네요. 계정을 넣고 소스를 받는것도 아닌데도 불구하고 신기하게도 말이죠.;;
whos.amung.us 부분을 찾으셔서 그 행의 <center>부터 </center>까지 찾아서 지워주시거나
그 부분에 자신이 직접 받은 whos.amung.us 소스를 넣어주시면 됩니다.

에.. 뭐 이상입니다. 배포..라고해봐야.. 티스토리 홈피 자체에 배포된 스킨의 레이아웃을 가지고
살짝 개조하고 수정한것 뿐이니까.. Fixed Series 라고 해두도록 할게요..ㅎ

이 스킨의 원 제작자이신 데이지님의 블로그입니다. ( ← 누르시면 이동합니다.)
아.. 그리고 또 한가지. 이 스킨의 미리보기를 할 수 있는 곳입니다.
UNLIMITED RENEWAL WORKS TEST LAYOUT ( ← 누르시면 이동합니다.)

첫 수정배포판이라서 하아.. 상당히 안습합니다만..;; 뭐 하다보면 잘 하게 되겠지요.
언젠가는 직접 레이아웃을 짜겠지만..귀찮음때문에 그것까지 할지 안 할지는 모른답니다.ㅋ

또하나.. 원하시는 캐릭터 추천 받아요..캬캬캬.. 대중적인 캐릭터도 되고 비주류도 됩니다~
다만 남자캐릭터는 사양하고 싶네요.; 그건 별로랄까..;;


이올린에 북마크하기(0) 이올린에 추천하기(0)
크리에이티브 커먼즈 라이선스
Creative Commons License

TRACKBACK ADDRESS :: http://spiegel04.tistory.com/trackback/943 관련글 쓰기
wrote at 2008/08/04 00:17
좀 더 손을 보셔서 티스토리 스킨 공모전에 도전해보시는 건 어떨까요? USB메모리도 주니깐 말이죠.
wrote at 2008/08/04 01:04
귀찮은건 딱 질색인데다가 이건 제가 원작자가 아닌지라
그쪽에 내놓을수가 없네요.
wrote at 2008/08/04 01:48
스킨까지 만드시다니 부럽습니다ㅠㅠ 저는 맨날 스킨때문에 고생한다는;;;
wrote at 2008/08/04 01:55
만든거라기보단 이건 고친거죠.ㅎ
이름 :
비밀번호 :
홈사이트 :
비밀글 :
*1  ... *52  *53  *54  *55  *56  *57  *58  *59  *60  ... *648 
카르사마의 미디어로그
Blog's Counter
Total Count 578,404. Today 159. Yesterday 820

Statistics Graph
Statistics Graph
분류 전체보기 (648)
◆ BlogLife (259)
◆ DataBase (283)
◆ Car (12)
◆ Internet (72)
◆ Entertainment (21)
◆ Reservation (0)