■  변경할 부위 ( 티에디션 메뉴부분 )

- 아래그림의 빨간네모 부분처럼 티에디션에 나만의 이미지 메뉴를 만드실수 있습니다.
- 위의 상단에 메뉴판은 http://nextgoal.tistory.com/458  참고하시면됩니다.
- 완성된 모습 보러가기 : http://nextgoal.tistory.com/te/2


 
■  자신의 티에디션의 가로폭과 메뉴 갯수 정하기

기준 : 737px
메뉴갯수 : 6개
메뉴1개당 크기는 : 737 나누기 6 = 122.833333333

크기를 딱맞게 해보니 버그인지는 모르지만 밀리는 현상이 생겨서 약간 작게 하는것이 좋은것
같습니다. 그래서 6개 메뉴일 겨우에는 소수점을 때주고 1개당 가로폭 122를 하는것이 좋습니다.

세로크기는 원하는크기만큼 잡아주시면 됩니다. 저는 100정도로 잡았습니다.


■ 메뉴버튼 만들기


- 포토샵을 이용해서 122 * 100인 기본 버튼을 만들어봤습니다.

- 자세하게 만드는방법은 따로 포스팅에서 소개하고 지금은 완성된 포토샵 파일을 첨부했습니다.
- 포토샵파일에서 글씨와 그림만 바꿔서 6개의 메뉴를 만들어 주면됩니다.
- 여기서는 저작권에 대한 메뉴를 만들어봤습니다.
  (드라마,이미지,신문기사,만화,링크,뮤직비디오)
- 이미지는 아이콘파인더를 이용,자세한 저작권에 대한 내용은 아래를 참고하시면됩니다.
  (아이콘파인더 저작권에 대한 사용방법 : http://nextgoal.tistory.com/359




■ 각각의 그림에 링크를 연결


- 기본적인 링크 방법 : <a href="링크주소" target=_blank><img src="그림주소></a>
- 이방법으로 6개의 모두 링크를 걸어주면 아래의 회새박스 모양처럼됩니다.

 <a href="드라마저작권주소" target=_blank><img src="드라마저작권메뉴그림"></a><a href="이미지저작권주소" target=_blank><img src="이미지저작권메뉴그림"></a><a href="신문기사주소" target=_blank><img src="신문기사메뉴그림"></a><a href="만화저작권주소" target=_blank><img src="만화저작권그림"></a><a href="링크저작권주소" target=_blank><img src="링크저작권메뉴그림"></a><a href="뮤직비디오주소" target=_blank><img src="뮤직비디오그림"></a>



■ 티에디션에 넣는방법


- 타이틀 제목의 추가를 원하는 곳의 위쪽에 메뉴 추가 버튼을 눌러줍니다. 



- 생성한부분을 선택 > 아이템 > 글형태를 선택해줍니다. 
  (아이템을 선택하지 않으면 디자인이 선택되지 않아서 하는것이기 때문에
   어떤형태의 글을 생성해줘도 전혀 상관이 없습니다.)



- 디자인 > HTML를 선택해줍니다. 


- 위에서 생성한 태그를 복사하시고 적용을 눌러주시면 됩니다.




■  완성된 모습 보러가기 

티비 세상구경의 저작권이야기 보러가기 : http://nextgoal.tistory.com/te/2




신고

댓글을 달아 주세요

  1. 야~ 이런 이미지 어떻게 구하나요??
    티비님이 직접 만드시나요??ㅎㅎ
    하여튼 신기하네요.ㅋㅋ 좋은 주말 되세요^^

    2010.05.15 09:49 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아이콘 파인더라는에서 많이 구하는 편이예요
      본문에 아이콘파인더 글자에 링크걸어놓았어요
      저작권만 조심하시면 퀄리티 높은 이미지들이 많이 있어요 ^^;

      2010.05.18 09:37 신고 [ ADDR : EDIT/ DEL ]
  2. 지난 번 방명록 글 남겨주셔서 고맙습니다~
    (제 포스팅이 없어서 남겨주셨죠? ^^)
    알려주신 한 rss는 다음번 스킨 바꿀 때 감사히~~
    요새는 포스팅도 간신히 하는 편이라 스킨 쪽을 건드릴 염두가 나질 않네요~~
    좋은 주말 되세용~~

    2010.05.15 11:49 신고 [ ADDR : EDIT/ DEL : REPLY ]
  3. 요즘 스킨에 푹 빠지셨군요.
    근데 혹시 티에디션 발행해 보셨나요?
    이웃분이 발행했는데 계속 오류가 나더군요.
    발행하시게 되면 결과 좀 알려주세요. ^^

    2010.05.15 11:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 헉..실망이예요 ㅠ 저 벌써 3개째 발행했어요 ㅠ
      추천좀 팍팍주세요 ^^;;
      1탄 스킨뽀개기
      http://nextgoal.tistory.com/te/1
      2탄 저작권관련
      http://nextgoal.tistory.com/te/2
      3탄 이웃의 여행이야기요 ㅎㅎㅎ
      http://nextgoal.tistory.com/te/3
      -------------
      제목은 글씨크기 18정도에 왼쪽정렬이 좋은듯싶네요
      종류대로 대충해봤는데요 ^^;;

      2010.05.15 12:00 신고 [ ADDR : EDIT/ DEL ]
    • 아 지금 봤어요.
      아래 글이 댓글 다는게 없어서 보니
      티에디션 발행이군요.
      티비님 것은 오류가 안나네요.
      어제 그 분 건 오류 장난아니었거든요. ^^

      2010.05.15 12:00 신고 [ ADDR : EDIT/ DEL ]
    • 저는 아직 발행에 오류는 없더라구요 ^^;
      이미지랑 링크만 이용해도 다양하게 꾸밀수 있으니깐요
      띵님도 멋지게 꾸미셔서 응모해보세요
      제가 도움이 될지는 모르지만.. 필요하면 언제든지 이야기하세요!

      2010.05.15 12:04 신고 [ ADDR : EDIT/ DEL ]
  4. @.@ 티에디션 꾸미기가 계속되는군요. ㅎㅎ
    전 만약 발행한다면, 한번 발행하고 안할 것 같아요.^^;;
    효용성이 그다지...^^; ㅎ

    2010.05.15 12:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 한번 꾸미고 나면 잘 발행할일은 없을것 같아요
      이벤트에서 수를 따져서 머리짜내고 발행중요 ㅠ
      3개가 한개 더이상 나올게 없네요 ㅠㅠ

      2010.05.15 12:21 신고 [ ADDR : EDIT/ DEL ]
  5. 참~나~
    입만 헤~벌리고 있어요!
    사부의 경지를 넘어 도사님으로 모셔야 할듯!!

    티에디션은 티스토리에서
    티비님께 감사 드려야 할것 같네요~ㅎㅎ

    2010.05.15 12:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그정도는 아니구요ㅠ 재밋어서 하는거예요 ㅋ
      참 어설픈님 사이드바 메뉴판이랑 테두리색깔 핑크빛이면 되죠? 만들어드릴께요!!
      안에 그림과 글씨는 여우님이 찾아서 한번 만들어보세요
      (글씨체는 휴먼옛체 18pt추천!!) ^^;;

      2010.05.15 12:28 신고 [ ADDR : EDIT/ DEL ]
    • 네네....ㅜ,ㅜ
      아이고....좋으면서도 죄송해서리...

      2010.05.15 12:45 신고 [ ADDR : EDIT/ DEL ]
  6. 굉장히 좋은 팁이네요 +_+
    티에디션 사용해보고 싶었는데 어떻게 해야할지
    난해해서 기본으로 제공해주는 서비스 이용하고 있었는데
    감사합니다. ^^

    2010.05.15 17:13 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 유용하게 읽어주셔서 감사합니다.
      티에디션예쁘게 꾸미시고 이벤트에 꼭 참여해보세요 ^^;;
      즐거운 주말 보내세요!

      2010.05.15 17:17 신고 [ ADDR : EDIT/ DEL ]
  7. 저도 티에디션으로 새로 첫페이지를 만들었어요....
    지난 테터데스크랑 뭐.,. 디자인은 비슷하게 배치를 했지만.. 나름 더 깔끔해진 것 같네요...
    근데.. 한가지 아쉬운게... 메뉴바 오른쪽 끝에 카테고리별 글 더보기 링크설정이 없어서...
    그게 좀 아쉬워요..
    예전에는 더보기 혹은 목록보기 버튼이 있어... 카테고리 전체 목록을 볼수 있었는데...
    티에디션에선 그게 안되네요... -.-;;

    2010.05.16 12:31 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저는 파란연필님처럼 테터를 사용하지 않았는데..
      그러고보니 more가 정말 없는것 같네요 ^^;;
      ( 제리뷰에 단점에 냉큼 올려버려야겠어요!! ㅎㅎ)
      혹시 제 블로그같은 메뉴버튼 필요하지않으세요?
      하나 만들어드릴까요?!

      2010.05.16 12:34 신고 [ ADDR : EDIT/ DEL ]
    • 제일 위에 있는 메뉴버튼 말씀하시는건가요?
      지난번에 가로사이즈 때문에 잘 안된다던....

      사이즈 맞춰서 어렵지 않게 만들수 있다면 부탁드리고 싶은데...
      또 복잡하고 손이 많이 간다면 안해주셔도 되요... ^^;;

      2010.05.16 13:04 신고 [ ADDR : EDIT/ DEL ]
    • 지금말한건 티에디션 메뉴이야기였어요
      http://nextgoal.tistory.com/458
      저도 파란연필님 블로그 볼때마다 Life in mono스킨 가로폭이 넓은것에도 도전해보고 싶었는데
      오늘한번 해봐야겠어요 ^^;;

      2010.05.16 13:30 신고 [ ADDR : EDIT/ DEL ]
    • 아... 티에디션 메뉴 말씀하셨군요....
      고맙지만.. 일단은 그냥.. 이대로 쓸게요...
      그동안 너무 도움을 많이 받아서.. ㅎㅎㅎ

      나중에 필요하면 따로 요청드리겠습니다... ^^

      2010.05.16 14:30 신고 [ ADDR : EDIT/ DEL ]
    • 파란연필님덕분에 포스팅할거리가 하나생겼어요 ㅋ
      제가 more 버튼을 티에디션에 한번 만들어봐야겠어요 ㅋ

      2010.05.16 14:32 신고 [ ADDR : EDIT/ DEL ]
  8. 에디션 꾸미기 좋아하시는 분들한테는 아주 유용한 정보네요~좋은글 잘 보고 갑니다.

    다음뷰 믹시 없애버렸어요 저~ㅎㅎㅎ

    2010.05.16 13:24 신고 [ ADDR : EDIT/ DEL : REPLY ]
  9. 비밀댓글입니다

    2010.05.16 23:47 [ ADDR : EDIT/ DEL : REPLY ]
    • 암튼 흉내는 내봤어요~^^

      2010.05.17 00:22 신고 [ ADDR : EDIT/ DEL ]
    • 오~ 멋지게 잘바꾸셨어요!!
      복사가되면 더 복잡하고 어려워질까봐 생략했어요
      그냥 그림에 링크연결하는거라서요 ^^;
      갯수에따라 달라질것 같기도하고 해서 안넣었어요 ^^;;;;

      2010.05.17 01:23 신고 [ ADDR : EDIT/ DEL ]
    • 아~그런뜻이 있었군요!
      하지만 저는 덕분에
      숙취로 머리도 딩딩한 상태로 일일이 적어 하고 복사하고..
      나름 애를 좀 먹었다지요? ㅎㅎ

      2010.05.17 12:28 신고 [ ADDR : EDIT/ DEL ]
    • 이제 링크랑 그림 불러오기는 통달하셨겠는데요 ^^;

      2010.05.17 12:30 신고 [ ADDR : EDIT/ DEL ]
  10. 여기있었군요

    2010.08.15 08:27 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. <a href="http://uniqueverse.tistory.com/6" target=_blank><img src="라이브러리\사진\1393249></a>
    이런 식으로 하면 되나요?
    HTML 들어가면 빈게 아니라 꽉차있던데 어디쯤에 놓아야 되나요"??

    2010.10.25 10:08 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 우앗..잘보고갑니다..이런게 있었군요..저도 한번 해봐야겠네요^^
    감사합니다 좋은하루되세요~

    2010.10.28 12:04 신고 [ ADDR : EDIT/ DEL : REPLY ]
  13. 아직 엄두는 못네고 있습니다만... 정말 도움되는 글이 많으십니다. 감사하게 글을 보고 있습니다.
    조금씩 적용해 볼려고 합니다. 의욕만 앞어서..ㅋㅋ 글만 계속 보고 있네요.^^;; 이놈에 게으름이란..

    2011.09.13 12:52 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바