2008/01/03 - 엄청 고생하면서 알아낸 스킨 변경, HTML/CSS 설정시의 티스토리 버그와 팁입니다.!
그러므로 이전 글을 읽으신 분들은 안읽으셔도 됩니다.
제가 이것을 시도하게 된 것은 스킨 변경할 때 more/less 아이콘 버튼이 사라져버렸기 때문입니다.
원래 기본 스킨에서는 멀쩡하게 자리하고 있던 more/less 아이콘이 공지스킨으로 바꾸면서 사라졌습니다. 심리테스트의 결과 보기나, 추가 설명 시에 more/less 기능을 많이 사용하는 저에게는 아주 치명적인 오류지요. 버튼이 없이 글자만 떡~ 하니 나오니까 more/less 인지 구분이 안가서 정말 불편했거든요.
그런데 이것의 해결방법이 의외로 간단하다는 것을 알았어요!!
지금은 버튼이 나오도록 만들었습니다. 혹시 필요하신 분은 이 아이콘을 저장해서 사용하세요.
(→→→→
이건 스킨 변경에서 직접 올리기를 통해서 해결이 가능한데요, 직접 올리기는 다운받은 스킨을 사용할 때만 필요한 기능인줄 알았는데 그게 아니더군요. 이런 more/less 버튼, rss 버튼 등도 직접 올리기에서 등록이 가능합니다.
(※ rss 버튼을 자신이 원하는 이미지로 바꿀 때, 웹 주소로 올리는 방법은 다른 분들도 많이 설명해주셨으니 생략하겠습니다. 저는 Zet님, 선샤인님의 글을 참고로 했습니다.)
이 사실을 모를 때는 저는 일일이 이걸 다른 웹싸이트에 올리거나, 이 블로그에서 비공개로 그림을 올린 다음 그 그림의 주소를 링크하는 방식으로 사용했는데 정말 불편했습니다. 그림주소도 엄청 길고, 블로그에 직접 등록된 것이 아니라서 html에서 수정할 때도 html 태그 형식을 바꾸는게 정말 헤깔리고 어렵더군요.
혹시 여러분도 more/less 아이콘이나, rss 버튼을 일일이 다른 싸이트에 올려서 링크해서 올리시나요??
그러지 말고, 직접 올리기를 해보세요. 트래픽 걱정도 없고 파일명도 간단해서 훨씬 편리합니다! ^^
제가 직접 올린 것들은 more/less 아이콘, rss 버튼, 댓글 입력 버튼 등입니다.
간단히 설명하면, 직접 올리기에 가서 추가하고, skin.html 혹은 style.css에 가서 이미지 이름 변경하면 됩니다.
직접 올리기 방법 자세히 보기
어떻게.. 도움이 조금이라도 되었으면 좋겠네요.
캡쳐하고 잘 모르는 skin.html, style.css 편집하느라 장장.. 5시간에 걸쳐 쓴 글입니다..ㅜㅜ
정말 너무 고생해서 쓴 글이라 처음으로 제 블로그 구독을 권유드려 봅니다.
이 게시물이 도움이 되었다면 제 블로그를 한RSS로 구독해보세요. 
관련글
티스토리 more/less(더보기, 감추기) 기능에 대해 알아보자!
티스토리, 이미지 직접 올리기로 more/less 아이콘 등록하기, 댓글창 버튼 넓히기 방법
티스토리 카테고리 모두 펼치기 방법! (하위 카테고리를 모두 보여주는 방법)
트랙백(trackback)의 개념과 보내는 방법을 그림으로 알아보자!
'읽을 거리 > 블로그 이야기' 카테고리의 다른 글
| 태그 글자 누르면 태그구름 모두 보여주는 방법 아세요? (36) | 2008/01/09 |
|---|---|
| 트랙백(trackback)의 개념과 보내는 방법을 그림으로 알아보자! (42) | 2008/01/08 |
| 티스토리 more/less(더보기, 감추기) 기능에 대해 알아보자! (60) | 2008/01/06 |
| 티스토리, 이미지 직접 올리기로 more/less 아이콘 등록하기, 댓글창 버튼 넓히기 방법 (36) | 2008/01/06 |
| 티스토리 카테고리 모두 펼치기 - 무지 쉬운 방법 2개 더 추가!! (56) | 2008/01/05 |
| 티스토리 카테고리 모두 펼치기 방법! (하위 카테고리를 모두 보여주는 방법) (69) | 2008/01/04 |
| 엄청 고생하면서 알아낸 스킨 변경, HTML/CSS 설정시의 티스토리 버그와 팁입니다.! (86) | 2008/01/04 |
트랙백 주소 :: http://blutom.com/trackback/315
-
Subject: 티스토리 사이드바 너비를 줄여봤습니다
Tracked from 대한민국 밑에서 1%로 사는 이야기 2008/02/27 14:08 삭제티스토리의 '팀 - 스프링노트' 스킨을 사용했더니 본문 너비와 사이드바 너비가 같아 사이드바의 너비를 줄이고 본문의 너비를 늘여 스킨을 제취향에 맞게 고쳐 봤습니다 처음 스킨보기 사진을 클릭해서 크게보세요 왼쪽의 본문과 오른쪽의 사이드바 너비가 같아서 맘에 안들었습니다 1. 티스토리 관리자 메뉴의 스킨→ HTML/CSS편집, 항목으로 들어간후 style.css에 있는 '블로그 레이아웃'을 찾아 스킨의 전체 너비를 확인했습니다 style.css창보기..
댓글을 달아 주세요
파일올리기 기능이 좀더 보강이 되었으면 좋겠더군요..살짝 모자란 감이 있죠..
달룡님^^ 안녕하세요. 저는 이제 무서워서 스킨 변경도 못하겠3.ㅋㅋ
후아ㅠㅠ고생하셨어요ㅠㅠ백그라운드 유알엘 이미지로 넣는구나 ㅎㅎ more/less 깔끔한게 보기 좋네요~ 잘보고갑니다^^
할랑할랑님, 와주셨네요^^ more/less 아이콘 넣기는 성공하셨는지^^
친절하고 이해하기 쉽게 알려주셔서 감사합니다.
다음에 스킨 편집할 때 꼭 참고 할게요.
댓글 감사합니다. 도움이 되셨다니 정말 기쁘네요^^
/* 본문 - more / less */
.moreless_fold { background:url(images/icon-more-circle-red.png) top left no-repeat; padding-left:20px; color:#000;}
.moreless_top { background:url(images/icon-less-blue.png) top left no-repeat; padding-left:20px; color:#000;}
.moreless_body { }
.moreless_bottom { background:url(images/icon-less-blue.png) top right no-repeat; padding-right:20px; color:#999; text-align:right;}
제 스킨에는 이 부분도 없고 다른 부분도 없네요..;;
그래서 그냥 추가했는데..변하지도 않고...
심신님, 방명록에 자세한 답변 달았습니다.
오홋~ 짱입니다요
이미지 직접 올리기 방법이 있는줄 몰랐을때는 일일이 인터넷에 올려서 링크를 했습니다-_-;;ㅋㅋ
외부 인터넷 이미지를 링크시 그냥 <image> 태그 쓰면 되는 건가요?
이제 제 블로그에도 more/less 시 아이콘이 나온답니다. ㅠ.ㅠ
감사요~
이제 잘 된다니 다행이네요^^
제가 찾던게 여기 다 있었군요 으흐흐흐~
아주 좋습니다
지금은 퇴근해야하니 나중에 꼭 적용시킬게요 헤헤~
고마워요 >_<
이런 댓글 하나에 힘이 납니다^^ 감사합니다.
최고예요...ㅠ ㅠ
정말 많은 도움 받고 가요..
어려워서 북마크 해뒀다가, 나중에 차근차근 해봐야겠어요..^^;
새해 복 많이 받으세요!!
Karr님, 댓글 감사합니다. 도움이 되었다는 댓글 하나에 이렇게 힘이 부쩍 부쩍 나는데요? ^^
오오... 파란토마토님 블로글에 이런 귀한 글들이 숨겨져 있었군요 +.+
제 블로그도 조금씩 꾸며야 겠습니다.
그러나.. 여기선 style.css 를 수정하고 저장할려니깐 계속 실패하네요 OTL
(업로드가 막혀있어서 그런가봅니다.)
그래서 카테고리 펼치기도 아직 못하고 있어요 큭;;
질문 몇가지 드려도 될까요 ^^?
1. 파란토마토님은 이런 정보들을 검색할때 어디서 하시나요? 티스토리 홈에서
검색하시는건가요?
2. 사이드바의 넓이를 강제로 넓힐 수 있는 방법 아시는지요?
제가 쓰는 스킨이 글 쓰는 영역이 너무 넓고 사이드바는 좁아서
글 쓰는 영역을 조금 줄이고 사이드바를 넓히고 싶은데 혹시 가능한지 모르겠습니다.
즐거운 주말 되세요~~~
카테고리 펼치기가 안되는 스킨도 있나요?? 원래는 다 막혀있지만 skin.html 수정하면 다 되는 줄 알았는데;;
질문에 대한 답입니다.
1. 이런 정보를 검색할 때는 티스토리, 다음에서 우선적으로 검색하고 정 안되면 다른 싸이트에서도 찾아봅니다. 그리고 찾은 정보를 바탕으로 일일히 실험해보고 '이거다'싶은 답이 나오면 글을 올립니다. 초보자도 따라할만큼 쉽게 올리려고 노력하기 때문에 저같은 웹맹의 글이 도움될 거라고 믿습니다.ㅋㅋ
2. 사이드바는 한번도 생각안해봐서 모르겠는데.. 죄송해요.. 도움이 못되서.ㅠ 사이드바도 어쩌면 style.css 에 있지 않을까 싶은데.. 일단 저도 찾으려고 노력해볼게요. 콜드레인님도 알아내시면 알려주세요.^^;
하핫... 제가 질문드리고 제가 찾아냈습니다 ^^;
http://apen.tistory.com/entry/티스토리-본문-늘이기
http://apen.tistory.com/entry/사이드바-너비늘이기
이 둘을 참고하면 될 듯하네요.
사이드바를 줄이는건 이걸 역이용하면 될듯합니다.
안그래도 나중에 CSS 파일 한번 뒤져봐야지..했는데 먼저 찾으셨네요. ^^ 정말 감사합니다.
저도 트랙백 걸어드릴게요 
늘 친절하게 댓글과 인사말 적어주셔서 너무 감사해요.
비밀댓글 입니다
아.. 그랬군요. 감사합니다.
말씀만으로도 감사해요^^ 모르는 거 있으면 물어볼게요. ^^
오옷!
모아 레스 아이콘이라....
괞찮아 보여서 한번 써보고 싶은데
초보에게는 쉽게 하기 힘든것이라 해볼까? 말까? 고민 되네요..
저도 완전 초보라서 제가 초보 수준으로 써놓으니까 제 거 보고 따라하시면 될 거에요.
참 밋밋했었는데~~ 고맙게 잘 쓰겠습니다. 헤헤^^*
도움이 되었다니 기쁘네요^^ 댓글 감사합니다.
도움 많이 받았어요 ~~
잘보고 가요 ^-
댓글 감사합니다. 도움이 되었다니 저도 기쁩니다^^
우선... 너무 너무 고맙습니다. 어떻게 딱!!! 찾고 있는 정보를 이렇게 정리를 해주시다니!!! 가려운 곳을 정확히 짚어서 긁어주시네요... ^^
그런데... 한가지 질문을 드려도 될까요?
제 스킨에는 more/less 에 대한 css 가 아예 없답니다. 그래서, 토마토님께서 가르쳐주신대로 그 부분만 추가했습니다.
그랬더니! 딱 적용이 되네요.. 너무 기뻤습니다.. ^^
문제는... ^^;;;
아이콘과 글씨가 겹친다는 것에 있습니다... ^^;;;
글씨와 아이콘을 겹치지 않게 하려면 어디를 손을 봐야할지 모르겠네요...
또하나는... 펼쳤을 때.. 아래에 생기는 Less 버튼이 오른쪽으로 가야하는데 그냥 왼쪽에 그대로 있네요..^^;;
한수 부탁드려도 될까요?
좋은 정보와 쉬운 설명 다시 한번 고맙습니다.
즐거운 하루 보내세요~
-------------------------------------------
해결했습니다... 제가 많이 모자랐네요... ^^;;;
그런데.. 한가지... 바디 부분에 효과를
.moreless_body { padding: 5px; margin: 5px; border: 1px dotted #006; background: #EFFFAF; }
주었는데.. 아무런 효과나 나타나질 않네요..
뭐가 잘못 됐을까요? ^^;;
-------------------------------------
하하 ^^;; 찾았습니다...
제 스킨에서는 .moreless_body 가 아니라 .moreless_content 라고 지정을 해야하네요.. 스킨마다 다른가봅니다..
고맙습니다~~
댓글 감사합니다.. 질문을 하셨네요. 아아.. 정말 다행입니다. 왜냐하면 제가 요즘 블로그 접속도 잘 못해서 질문에 대해서 빨리 답변 드리기도 힘들었구요,, 더 큰 문제는 저도 웹맹이라서 초여름님의 질문을 이해를 못했거든요. 그래서 아. 어떡하지.. 하고 고민을 했는데 다행히 해답을 찾으셨네요. 제가 대답 안해드린다고 기분나빠하실까봐 걱정했는데.. 해답 찾았다고 답까지 적어주셔서 감사합니다.
제가 적용하고 있는 스킨의 style.css에는 아예 moreless가 없더라는..ㄷㄷㄷ;;그래도 덕분에 잘 끝났습니다
감사합니다~~ㅠ
그래요? 해결하셨다니 다행이네요. 저도 이런 거 잘 몰라서 많은 분들이 묻는 질문에 답변을 잘 못해드린답니다..
와 깔끔한 정리 감사합니다 찾던거 드뎌 찾았네요 >.</
유용하게 잘 쓸께요
믹시나 블코등 추천버튼이 없어 아쉽네요 추천 한방 눌르려고했는데 ^^;
감사합니다 ㅎㅎ 필요한 정보였는데 ㅎㅎ