본문 바로가기

컴퓨터/블로그

왕초보가 조금 수정해 본 티스토리용 스킨

티스토리 기본 스킨 중에 포함되어 있는 리체님의 '기본테마스킨응용-tisNoteBlue'를 지금 제 블로그의 분위기처럼 약간 수정해 보았습니다.


리체님의 스킨에서 다음과 같은 점들을 다르게 처리하였습니다.

1. 배경이미지를 고정 처리해 보았습니다.
   (자신이 원하는 그림을 bg.gif의 이름으로 저장하여 업로드하시면 언제든지 변경 가능합니다.)
2. 이올린 배너를 달아 보았습니다.
3. 포스트 제목의 색깔을 본문과는 다른 계열의 색으로 처리하여 가독성을 높이고자 하였습니다.
4. 오른쪽 사이드바의 배경색을 없애서 깨끗한 느낌을 주고자 하였습니다.

지금 제가 쓰고 있는 블로그의 스킨과 배경이나 자질구레한 광고말고는 동일하다고 생각하시면 될 것 같습니다.

스키을 보고 싶으신 분은 아래의 링크에서 보실 수 있습니다.



고수님들께 욕먹을 것 같아 긴장이 되기도 합니다만, 필요하신 분은 말씀해 주세요.

사진은 제가 찍은 거여서 저작권 이런 문제와 관계없습니다.




0123

-----------------------------------------------------------------------------------------

시험 삼아 빗방울이 흐르는 차창 너머로 보이는 노란 버스 사진을 배경으로 하는 스킨 파일을 올리겠습니다. 티스토리용으로 제작한 것이어서 잡다한 이미지 파일은 없습니다.

설치파일 다운받기 -> 


설치 방법은 간단합니다.

1. 위의 파일을 다운받아 압축을 풉니다.

2. 티스토리에 로그인 한 후 관리자>스킨 메뉴를 선택합니다.

3. <기본테마스킨응용 - tisNoteBlue>을 선택하고 적용 버튼을 누릅니다. 아래 그림 참고하세요.

사용자 삽입 이미지




4. 상단 메뉴에 새로 적용된 스킨에 대한 설명이 뜹니다. 스킨이 <기본테마스킨응용 - tisNoteBlue>로 제대로 변경되었는지 확인한 다음 '직접올리기' 메뉴를 선택하여 들어갑니다.

5. 아래쪽 맨 아래에 있는 파일업로드 버튼을 눌러 다운받은 압축파일의 폴더 속에 있는 skin.html, style.css, bg.gif, eolin.jpg 파일을 선택한 후 파일 업로드 버튼을 클릭합니다. (폴더 구분하실 필요없이 그냥 선택해서 올리시면 됩니다. 압축파일 속에 있는 하위 폴더는 다른 배경 이미지와 스타일 시트 파일이니 같이 올리지 마시고, 설정을 변경하고자 할 때 사용하세요.)

6. 다 되었습니다. 블로그로 이동하셔서 확인하시면 될 것입니다.

* 버스 이미지 외에 위에 소개해 드린 배경 이미지를 모두 첨부하였습니다. 꽃과 자전거 타는 사람, 징검다리 이렇게 있습니다. 원하시는 이미지로 업로드하시면 됩니다. 그리고, 오른쪽 사이드바를 투명처리하지 않고 tisNoteBlue의 방식을 그대로 사용하시고자 하는 분은 파로 css 파일을 올려두었으니 그걸 업로드 하시면 되겠습니다.

* 해상도 1280*1024를 바탕으로 만들었기 때문에 다른 해상도에서는 위의 화면과 다르게 보이게 됩니다.

* 기본 바탕색은 까만색으로 설정해 두었습니다. 수정하실 분들은 참고하세요.