티스토리 스킨 #3 Neutral 소개

티스토리 스킨 : Neutral

최근 연이어 티스토리 스킨 소개 글만 쓰고 있네요. ㅋ

제가 당분간 쓸 시킨도 고를 겸, 또 고르다가 추천해 드릴 만한 스킨이 있으면 소개도 할 겸 포스트를 작성하고 있답니다.

참고로 저는 화려하고 복잡한 스킨보다는 심플한 걸 좋아라 한답니다.

심플하고 깔끔한 스킨을 찾으시는 분들에게는 좋은 소개가 될 거라 생각합니다.

오늘도 지난 포스트에 이어 Juostory님이 공개하신 다른 스킨을 소개 할까 합니다.

neutral 이라는 스킨인데요.

원래는 워드프레스용으로 일본의 mono-lab에서 만든 스킨입니다.

워낙 투명하고 깔끔한 스타일이라 자칫 밋밋해 보일 수도 있지만 제 눈에는 너무 예쁘더라구요.

일단 스킨 모습부터 보실까요?

<image-1> 클릭하시면 큰 사이즈로 볼 수 있습니다.

어때요? 너무 예쁘지 않나요?

저는 보자마자 홀딱 반했는데. ㅋㅋ

원래는 사이드바가 글 옆에 있는 2단 스킨인데, Juo님이 글을 넓게 쓰고 싶어 하는 분들을 위해 본문을 넓히고 사이드바는 원할 때만 볼 수 있게 따로 배치한 스타일 입니다.

음.... 무슨 말이냐면요.

그림을 보면서 설명 드려야겠네요.

아래 그림처럼 사이드바를 클릭하면 글 목록이 나오면서 사이드 바가 출력된답니다.

<image-2> 클릭하시면 큰 사이즈로 볼 수 있습니다.

위에서 설명한 대로 글의 내용을 볼 때는 사이드바가 없는 상태로 글이 넓게 나오구요.

사이드바 메뉴를 클릭하면 다른 2단 스킨처럼 글 목록과 Recent Post 등 다른 항목 들이 출력되는 방식입니다.

저는 이방식에 금방 적응됐는데 어떨지 모르겠네요.

스킨이 맘에 드시면 일단 다운 받으셔야겠죠?

neutral-skin_-sw-B-type.zip

혹시 티스토리에서 스킨 등록을 해 본 적 없으시거나, 잘 모르시는 분은 지난 글을 참고해주세요.

티스토리 스킨 등록하는 방법

mysecretblue.tistory.com/23 : 티스토리 스킨 적용하기

자, 이제 본격적으로 요놈에 대해서 파헤쳐 볼까요?

상단 page-navi 항목 중 메뉴<menu> 부분은 마우스를 올리면 서브메뉴가 펼쳐지는 방식으로 되어 있습니다.

스킨 우측 상단에 보시면 twitter 버튼이 있는데요.

스킨을 설치 하시면 기본적으로 세팅이 안되어 있으니 나에게 맞게 설정 해야겠죠?

위 그림에서 회색 박스는 이 스킨의 skin.html 내용의 일부를 크롭한 건데요.

티스토리 관리 화면, html/css 수정화면으로 가셔서 그림처럼 twitter 항목을 찾으세요.

twitter.com/xxx 에서 xxx를 자신의 트위터 계정으로 바꿔 주시면 됩니다.

쉽죠?

다음으로 누군가의 댓글에 추가로 코멘트를 하게 되면 내 아이콘이 출력되게 하는 법을 알아 보겠습니다.

아래 그림을 참고 하시구요.

일단 출력될 아이콘이 필요하겠죠?

사이즈는 64x64 정도의 이미지 파일을 준비해주시구요.

준비한 파일을 티스토리 관리 모드의 html/css 편집 → 파일업로드 → 추가 버튼을 클릭해서 올려줍니다.

그런 다음 skin.html 편집 창을 엽니다.

그림에 보시면 파란색으로 children 이라는 ul 항목을 찾을 수 있습니다.

항목을 따라 내려가다 보면 img src='./images/bg-none.png라고 되어 있는데,

이 내용 중 bg-none.png 를 아까 본인이 업로드 한 파일 이름으로 바꿔 줍니다.

잘 되셨나요?

혹시 모르시겠다면 댓글을 남겨 주세요.

이상으로 Juo님의 Neutral 스킨을 소개해 드렸습니다.

제 눈이 더 번쩍 뜨이게 하는 스킨을 발견하기 전까지는 이 스킨을 쭉 사용할 것 같아요. ^^

오늘 글은 여기까집니다.

아시죠? 추천은 저를 춤추게 한다는 걸... ^^