티스토리 BASIC 2008 스킨을 사용하는 이웃이 본문폭이 조금 답답해서 늘리고 싶다는 부탁을 하셨습니다. 이웃의 스킨을 수정하면서 도움되는 내용들을 메모하면서 BASIC스킨 수정에 도움이될만한 내용들을 모아서 포스팅해봤습니다.  

 
이미지 테두리 없애기

 
 BASIC 2008 스킨은 위의 그림처럼 기본이미지 주변에 테두리가 나오도록 설정이 되어있습니다. 테두리를 없애려면 HTML/CSS편집에서 CSS부분중 이미지 테두리값을 0으로 설정하면 됩니다. 

 



BASIC 스킨 본문폭 넓힐때 오류 수정 및 나만의 롤오버 메뉴 만들기 

 


 이웃의 요청대로 BASIC스킨의 본문폭을 넓혀보니 위의그림처럼 정체모를(?) 가느다란 막대가 생겼습니다. 그리고 평소 BASIC 스킨의 검색창은 사이드바에 숨어있어 찾아보기가 불편하다는 생각이들었습니다. 이웃인 숲쏙N님이 최근 제가 예전에 포스팅한 롤오버메뉴를 검색창과 함께 멋지게 BASIC 스킨에 적용을 해주셔서 이번엔 제가 숲쏙N님 블로그를 참고해서 수정해봤습니다.


숲쏙N님 BASIC 스킨 롤오버 메뉴 구경가기 : http://soopssok.tistory.com/

HTML수정부분


- HTML/CSS편집에서 skin.html중 하단의 빨간 네모 부분을 html수정.txt내용으로 수정하면됩니다.

 

 


CSS수정부분

CSS에서는 롤오버가될 메뉴부분과 검색창의 높이조절 이 두곳을 수정해주셔야합니다.

롤오버가 될 메뉴부분 수정

- HTML/CSS편집에서 syle.css에 하단의 빨간박스부분을 CSS수정.txt내용으로 수정하면됩니다.
- 색상변경등은 예전 포스팅을 참고하면 됩니다. [보러가기]


 


검색높이조절


 위의 메뉴대로 수정하면 검색창이 너무 오른쪽 하단으로 몰려있기때문에 검색창에 외부여백값을 줘서 위치를 맞춰주면 됩니다. 수정방법은 위와 마찬가지로 하단의 CSS수정2.txt의 내용으로 하단의 빨간박스부분을 수정하면 됩니다.

 

   

BASIC스킨 깔끔한 둥글모서리 만들기


 BASIC스킨은 기본적으로 모서리들이 둥글게 만들어져있지만 기본배경색에만 최적화 되어있습니다. 그래서 배경색을 변경해도 깔끔한 모서리가 될수 있도록 수정해봤습니다. 


티스토리, Basic 2008 스킨 테두리를 둥글게 : http://nextgoal.tistory.com/631

 
추가, 하단의 푸터 글자색 변경


 푸터부분의 글자색이 기본 흰색으로 설정이 되어있어서 배경색을 밝은색 변경하면 푸터부분의 글자색을 수정해주셔야합니다. 수정하는 방법은 HTML/CSS편집 style.css에서 하단의 빨간네모부분의 원하는 글자색코드로 변경해주면 됩니다.


 

제목줄과 본문간격 넓히기 

 

 
 BASIC 기본 스킨의 본문 제목 크기가 작아서 24px로 수정( 스킨 > 스킨위자드에서 수정) 했더니 날짜표시줄과 너무 붙어 있어 답답해보였습니다. 그래서 본문 제목하단에 20px정도의 외부 여백을 줘봤습니다. 수정방법은 위와 마찬가지로 하단의 여백주기.txt의 내용으로 하단의 빨간박스부분을 수정해주시면됩니다.

 


 

후기


 이웃의 스킨을 수정하면서 필요하다고 생각되는 부분을 메모하고 메모한 순서대로 포스팅해서 그런지 본문이 너무 길어지고 산만해보이는것 같습니다. ^^;; 티스토리에서 BASIC 2008스킨을 사용하시는 블로거중 오늘 필요한 부분이 있다면 한번 따라해보세요 !!

이웃의 완성된 스킨 구경하러가기 : http://golden21.tistory.com/





신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 티스토리는 정말 알면 알수록 사용자에 맞게 편집이 가능한 것이 좋은 것 같습니다.^^
    그런 자유로운 편집보다; 다음의 대충 스킨을 사용하는 전;;;
    정말 게으로고; 학습의지가 없는 것 같아요 ㅠㅠ
    즐거운 한주 보내시구요~^^

    2011.04.04 19:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 모든 분들이 도움 많이 받아
    티비님 좋은 일 많이 하시는겁니다..^^

    2011.04.04 20:44 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 기본적인 태그 몇가지를 알아두면 어디가 망가진 것인지 금방 파악이 가능하죠
    좋은 블로그 스킨 교재를 만들어주시는 것 같네요

    2011.04.04 21:00 신고 [ ADDR : EDIT/ DEL : REPLY ]
  5. 좋은 내용 잘 보고 갑니다.
    오버메뉴만들기 도전해야 하는데...쬐끔 더 있다가 다시 자세히 참고할께요 ^^

    2011.04.04 21:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
  6. 점점 전문적인듯 합니다^^ 하나씩만 따라하면 깔끔해지는건 시간문제인거 같아요

    2011.04.04 22:21 신고 [ ADDR : EDIT/ DEL : REPLY ]
  7. 저는 이 글을 찬찬히 읽어봤지만 그저 악~ 소리만 절로 납니다.. ㅡㅡ;

    2011.04.04 23:49 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 티비님~너무 좋은 정보 감사드립니다~
    티비님 덕분에 초보블로그에서 점점 빠져나오고 있어요^^

    2011.04.05 00:11 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 흠...잘 보고 갑니다.
    저도 그냥 하던것만 열심히 ^^

    2011.04.05 00:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 티스토리는 계속 공부하게 만드는군요...ㅎㅎ

    2011.04.05 01:25 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 와우 유용한 정보 잘보고 갑니다~
    티비님은 블로그 책에서도 가끔 소개되어 알게 되었는데
    이웃 블로거님들 링크타다보니까 나오시네요
    역시 티비님 대단하십니다 ^^

    2011.04.05 01:37 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 헙~! 제가 책에 소개되었다구요?
      어떤 책인가요 ?;;;
      ---------------------------
      은빛호랑이님 블로그에 댓글을
      남기니 계속 댓글이 차단이되네요 ㅠㅋ

      2011.04.05 03:52 신고 [ ADDR : EDIT/ DEL ]
  12. 지금 스킨 수정하는데 고민이 많은데 아주 유용한 정보네요.
    좋은 정보 감사합니다. 좋은 인연 맺고 갑니다.

    2011.04.05 04:01 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 좋은 정보 잘 봤습니다^^

    2011.04.05 07:06 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 와우 대단하십니다.
    잘 보고 따라해보겠습니다.
    잘보고 갑니다.

    2011.04.05 09:41 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 안녕하세요 ~ㅜㅜ
    저기 지금 사이드바 없애려고 오만 시도를 다해봤는데도 도통 없어지지가 않아서요! ㅜㅜ
    1단 스킨처럼 본문만 보이게 하고 옆에 사이드바를 완전 없애고 싶어요 아래로 본문아래로 내리던가요!
    어떻게 하면되지요? ㅜㅜ
    http://www.dogdrip.net/xe/?document_srl=1160786
    이렇게 만들고파요ㅜㅜ

    2011.04.20 18:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 뎃글 테스트예요~

    2011.04.26 23:03 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 쉽게 잘배워갑니다~~

    2011.09.23 21:50 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 감사합니다 ^^ 저도 위의 스킨 사용하고 있어서,,
    본문폭을 넓혔을때 일어나는 오류를 해결하지못하고 있었습니다 ㅜㅜㅜ
    이렇게 티비님의 포스팅을 발견해서 겨우 해결한듯 합니당 완벽하진 않지만요 ㅎㅎ
    감사합니당 ^^

    2012.08.07 23:34 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 안녕하세요? 글 잘 읽었습니다...
    그런데 저는 롤오버 태그를 가져가서 그대로 하니까 이상하게 제대로 구현이 안되네요....
    무엇이 문제인지 모르겠습니다..ㅠㅠ 참고로 basic 2008 스킨을 사용하고 있습니다.

    2012.10.01 13:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 검색창에 만드는 거랑 같이 넣으면 구현이 되는데..저는 검색창은 빼고 롤오버만 구현할려고 하거든요...그럴때는 어떻게 html을 짜야되는지......ㅠㅠㅠ 도움을 부탁드립니다.

    2012.10.01 13:36 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 스킨 변경하는 데 정말 도움이 많이 됐어요. 감사합니다!

    2012.10.05 04:51 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바