티스토리에서 메뉴 설정을 할 수 있는 기능이 추가되었습니다.
이번 메뉴 설정 추가로 자신만의 메뉴명들로 블로그를 꾸밀 수 있겠죠?

먼저 이번에 추가된 메뉴설정을 사용하실려면, 메뉴설정을 제공해주는 스킨을 사용해야합니다.


스킨 선택화면에서 스킨 이름 옆에 M 아이콘이 있는 스킨만 메뉴설정이 가능합니다.
메뉴설정을 하고 싶으신 분들께서는 이 부분을 꼭 확인하셔야겠죠?


메뉴설정하기


스킨 선택까지 완료가 되셨으면 바로 메뉴설정으로 이동!!!


※ 주의할것은 먼저 카테고리가 설정되어있어야 합니다 ^^



이제부터 메뉴 설정을 해볼까요?

1. 먼저 변경 할 메뉴를 선택합니다. (추가버튼을 클릭해서 메뉴를 추가할 수 있습니다.)
2. 변경할 메뉴명을 입력합니다. (최대 20자까지 가능하네요 ^^)
3. 메뉴 선택! (기본메뉴, 카테고리, 태그검색, 직접입력 편하신 메뉴를 선택하세요)
ex) 메뉴는 카테고리 선택 후, 자신의 메뉴명과 연결할 카테고리를 선택합니다.

아주 간단하죠?


완료 된 모습입니다.^^


메뉴 설정을 지원하지 않는 스킨이라면?

메뉴설정을 지원하지 않는 스킨을 사용중이라면, HTML/CSS 코드를 수정해야합니다.


HTML/CSS 편집화면에서 찾기(Ctrl+F)로 blogMenu 를 찾으시면 됩니다.
그럼 <div id="blogMenu"> 위에 메뉴설정이 가능한 코드를 적으시면 끝~

<div class="blogMenu">
    [##_blog_menu_##]
</div>
<div id="blogMenu">




헉!!!
제가 예상했던 화면이 아니네요 ㅠㅠ

기존에 있던 블로그 메뉴와 설정을 통해 추가한 블로그 메뉴 두개다 보여집니다.
또 다시 수정을 해야겠네요.

<div class="blogMenu">
    [##_blog_menu_##]
</div>
<div id="blogMenu">
<ul>...</ul>
</div>
기존에 있던 blogMenu의 ,div> 전체를 삭제했습니다.


그럼 기존에 있던 메뉴는 사라지고, 이번에 추가한 블로그 메뉴만 남아있게 되죠.
그런데 원하는 세로로 리스트가 되어서 보기가 않좋네요.ㅠㅠ

수정하기


먼저 완성된 모습부터 보여드릴게요 ^^
간단하게 CSS 2줄 추가로 완성이 되었습니다.


CSS 편집 화면에서 위와 같이 2줄만 추가해주시면 됩니다.^^

CSS 코드

.blogMenu{overflow:hidden;width:100%}
.blogMenu li{float:left;margin-right:20px}

margin-right 의 숫자 값은 메뉴들과의 사이 공간을 지정해주는 숫자입니다.
숫자를 늘려도 보시고, 줄여도 보시면서 자신의 블로그에 맞게 바꾸시면 되겠죠?

테스트 블로그 구경가기[링크]


신고
Posted by 별군

댓글을 달아 주세요

  1. 아이고. 일단 따라해보려고 하는데 잘 안되네요 'ㅁ'

    2010.10.21 14:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
  2. 저는 스킨을 수정한 상태라 가능할지 모르지만 필요할때 적절히 활용할 수 있겠네요..
    코드 수정내용도 감사히 보았습니다.

    2010.10.21 14:50 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 치환자 코드를 입력하면 사용은 가능합니다.^^
      저도 지금 스킨은 마음데로 바꾼거라서;;; 필요할때 다시 사용해봐야겠어요~ㅋ

      2010.10.21 14:55 신고 [ ADDR : EDIT/ DEL ]
  3. 역시 쉽지는 않군여.. 그래도 좋은 정보 너무 감사여!!!

    2010.10.21 15:00 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 기본적으로 제공해주는 스킨을 사용하면 쉽게 가능하지만, 자신만의 스킨을 사용한다면... 조금은 복잡한 과정을 거쳐야 완성이 되더라구요 ㅠ

      2010.10.21 15:33 신고 [ ADDR : EDIT/ DEL ]
  4. 저도 이번 메뉴기능이 궁금했는데요
    잘 배우고 갑니다. ~!
    이번 메뉴가 빨리 나왔으면 저도 텍스트 메뉴로 변경
    안해도 될뻔 했는데요 ^^;;;

    2010.10.21 16:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 후후..그래도 티비님 메뉴처럼 설정할려면...
      엄청난 CSS 압박이 생길것 같아요 ㅠㅠ
      전 이미지로 사용중이라... 텍스트로 한번 바꿔볼까 생각중이에요.ㅋㅋ

      2010.10.21 17:04 신고 [ ADDR : EDIT/ DEL ]
    • 비밀댓글입니다

      2010.10.21 17:16 [ ADDR : EDIT/ DEL ]
    • 크큭..감사합니다 ^^
      이용해서 업그레이드 버전으로 한번 포스팅해볼게요.ㅋ

      2010.10.21 17:26 신고 [ ADDR : EDIT/ DEL ]
  5. 좀 진즉좀 되었으면 좋겠다고 생각한 기능이 드디어 추가가 되었네요~
    하지만 전 이미 벌여놓은게 많아서...(...) 더이상 손대기가 두렵습니다 ㅠ_ㅠ

    2010.10.22 02:34 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그러게요~ 진작 나왔음 HTML/CSS를 만지작 안해도 됬을것을 ㅠㅠ
      그래도 이제 나왔으니 언젠간 사용할 날이 오겠죠? ^^

      2010.10.22 10:04 신고 [ ADDR : EDIT/ DEL ]
  6. 멋진 기능인데 몰라서 망설이고 잇었습니다.. 시간날때 적용해 봐야 겠군요..^^

    2010.10.22 11:33 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 하핫..정말 제대로만 활용한다면 블로그를 한껏 더 표현할 수 있을것 같아요!!!

      2010.10.22 11:44 신고 [ ADDR : EDIT/ DEL ]
  7. 후미...너무 어려운거 같아요 ^^; 잘 안되는군요~ ㅎㅎ 그래도 다시 한번 도전~

    2011.01.23 21:06 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 하이요

    님 스킨은 뭐에요?

    2011.02.01 22:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 비밀댓글입니다

    2011.04.14 16:16 [ ADDR : EDIT/ DEL : REPLY ]
  10. 비밀댓글입니다

    2011.10.19 21:13 [ ADDR : EDIT/ DEL : REPLY ]
  11. 저기 혹시 질문해도됄까요? 제가 어덯해해서 일단 스킨이랑 대충 꾸몃는데요 옆에 메뉴바 랑 댓글 창 같은게 맘에 안들어서 그러는데 혹시 어덯해 설정하는지 알수잇을까요?http://smallknight.tistory.com/ 제블로그 한번보시고 조언좀 부탁드릴게여 ㅠㅠ ,,,메인페이지를 아무것도 안뜨게 만들고싶은데 방법을 몰라서 ..

    2014.07.09 13:35 신고 [ ADDR : EDIT/ DEL : REPLY ]


티스토리 툴바