글창고/이벤트2010.05.17 21:06
 
■ 티에디션 변경하는 부위

티에디션에서는 태터데스크에서 있던 more 버튼이 사라져서 카테고리를 바로 볼수 없는 불편함이 있어서 아래그림처럼 한번 만들어보게 되었습니다.







■ 준비물

- 흰색 배경을 기준으로 만들었습니다.
- 길이조절이 가능합니다.
- 글씨체 변경이 가능합니다.






■ 티에디션, 사라진 more 버튼 만드는 방법

 
- 원하는 색상의 티에디션more메뉴 파일을 다운받아서 메모장으로 열어줍니다. 
- "타이틀제목"에 원하는 타이틀의 이름을 넣어주시면 됩니다.
- "굴림"에 원하는 글씨체 이름을 넣어주시면 글씨체 변경이 가능합니다.
- 글자를 굵게 하시려면 타이틀 제목 사이에 <strong> ~</strong> 넣으시면됩니다.
- "주소"에 more버튼에 연결할 주소를 넣어줍니다. 
- 앞 div의 width:642px의 숫자를 크고 작게하면서 길이를 조절하실수 있습니다.
(익플로러 8.0에선 잘보여도 6.0에서 밀릴 수가 있으니 꼭 점검 바랍니다.) 
- 마지막으로 완성한 태그를 복사해주면됩니다. 




<DIV style="BACKGROUND-IMAGE: url(http://cfile4.uf.tistory.com/image/151E57104BEFC8DEAE427C); WIDTH: 642px; HEIGHT: 68px; float:left"><DIV style="HEIGHT: 16px"></DIV> &nbsp; &nbsp; &nbsp;  <FONT color=#ffffff><SPAN style="FONT-SIZE: 18pt; FONT-FAMILY: 굴림">타이틀제목</SPAN></FONT></DIV><div style="width:90px;float:left"><a href="주소"><img src="http://cfile21.uf.tistory.com/image/143140114BF035CA072052"></a></div>












■ 티에디션에 넣는방법

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



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



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


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




■ 완성된 모습
(바로가기)




■ 후기


파란연필님께서는 예전부터 테터데스크를 사용하고 계셨는데 이번 티에디션에서 more 버튼이 사라져서 불편하다고 한것에 아이디어를 얻어서 한번 만들어봤습니다. width부분의 숫자를 변경해서 메뉴 가로길이 조절이 가능하고 글씨폰트 이름만 변경하면 글씨체도 변경해서 사용할수 있습니다. 추가로 궁금한점 있으면 댓글로 질문해주시기 바랍니다. ^^


신고

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 사려진 more버튼은 뭐지요??
    자꾸만 새로 배울게 올라옵니다요..ㅎ

    2010.05.16 23:40 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 예전 첫화면연에서 타이틀 메뉴 오른쪽에 mroe버튼이
      있어서 전체 카테고리로 이동하는기능이있었는데
      이번 티에디션에서는 그기능이 사라졌더라구요
      그래서 제가 한번 만들어봣어요 ^^;
      색상업데이트 하고나면 한번 만들어보세요 !!

      2010.05.17 01:42 신고 [ ADDR : EDIT/ DEL ]
    • 오~호!
      그런게 있었군요?
      저는 그런게 있었는지도 몰랐는데...
      완전 해결사 이신거 같아요.~^^

      2010.05.17 12:33 신고 [ ADDR : EDIT/ DEL ]
    • 저도... 이웃분이 이야기해주셔서 알아서 한번 만들어봤어요
      여우님도..업데이트하세요!! 이번엔 가로폭조절도 가능해요!!

      2010.05.17 12:33 신고 [ ADDR : EDIT/ DEL ]
    • 비밀댓글입니다

      2010.05.17 12:35 [ ADDR : EDIT/ DEL ]
    • 이야기해주셔서 너무 감사드려요 ^^;
      맨날 급하게 포스팅한다고 맨날 오타네요 ㅎㅎㅎ

      2010.05.17 12:39 신고 [ ADDR : EDIT/ DEL ]
    • 비밀댓글입니다

      2010.05.17 14:51 [ ADDR : EDIT/ DEL ]
  3. 티비의 세상구경님은, 이런 정보를 무료(?)로 블로거들에게 공개하시고! 복 받으실겁니다. ^^ 아직은 검은색만 가능한 것이죠? 스스로 디자인이 가능하다면 만들어 볼텐데~ ㅋ 색깔 업데이트될때까지 기다려야 하는 것인가요~ㅋㅋㅋ

    2010.05.17 02:20 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 이제 스킨하면 티비님이 제일 떠오른다는...ㅋㅋ
    즐거운 한주 되시고요! 이번주도 힘내세요!@ 파이팅!!

    2010.05.17 09:31 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 실력이 없어서 공부하는 과정에서 배운것들을
      포스팅을 많이해서 그렇지 실제로는 실력이 별루예요ㅠㅋ
      카라님도 즐거운 한주 시작하세요 !!!

      2010.05.17 09:42 신고 [ ADDR : EDIT/ DEL ]
  5. 티에디션이 나오고 많은 분들께 도움을 주고 계시네요..
    티비님 같은 분 때문에 초보 블로거들도 쉽게 스킨을 꾸밀수 있어서 좋겠습니다.

    2010.05.17 10:04 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 수익형 포스팅 하고 싶은데..
      아직도 스킨의 세계에 푹빠져서 이러고 있네요 ㅠ
      다음에 시작하면 많은 도움좀 주세요 ^^;;;;
      즐거운 한주시작하세요!!

      2010.05.17 10:05 신고 [ ADDR : EDIT/ DEL ]
    • 티비님께 제가 도울 수 있는건 최대한 도와드리죠..^^

      2010.05.17 10:20 신고 [ ADDR : EDIT/ DEL ]
  6. 비밀댓글입니다

    2010.05.17 15:00 [ ADDR : EDIT/ DEL : REPLY ]
    • 원하는 색상 메뉴위에 회색.txt 이렇게 있잖아요
      그부분 열기 하시면 소스가 다 나와있어요
      교체는 전체부분을 다 교체해주시면 되요!!
      단 메뉴 이름이랑 주소부분은 수정해주시구요!!

      2010.05.17 21:07 신고 [ ADDR : EDIT/ DEL ]
    • 했어욤~^^

      2010.05.17 22:33 신고 [ ADDR : EDIT/ DEL ]
  7. 파란색 more 이미지 링크가 잘못되었는지 엑박이 뜨네요~ ^^;;

    2010.05.17 20:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 잉? 잘되는데요 ?
      원본에서 숫자만 수정하시구 한번해보세요!

      2010.05.17 20:40 신고 [ ADDR : EDIT/ DEL ]
    • 다시 해보니 잘되네요... ㅎㅎ
      티비님의 팁대로 메인화면 다시 바꿨습니다...
      색상은... 뭐.. 포토샵에서 바꾸기도 귀찮고....
      또 파일저장할데가 마땅찮아서.. 그냥 있는거 쓰기로 했어요...
      메인 한번 봐주시고 이상한 점 없는지 좀 알려주실래요? ^^

      2010.05.17 21:09 신고 [ ADDR : EDIT/ DEL ]
    • 넷북 익스 7.0에선 잘 보여요
      잘 달아 놓으셨네요 ^^;;;

      2010.05.17 21:13 신고 [ ADDR : EDIT/ DEL ]
  8. 끙.. 요리조리 티에디션 해보는데 마음대로 잘 안되네요~
    세상구경님 글 요리조리 보면서 따라하는 중~^^
    항상 좋은 정보 감사합니다~

    2010.05.18 02:29 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 티에디션 너무 어렵게 생각하지 마시구요
      포스팅한다고 생각하고html 이용하니깐
      전 편하더라구요~
      멋진 티에디션 꾸미세요 ^^;;

      2010.05.18 05:47 신고 [ ADDR : EDIT/ DEL ]
  9. 티비님 전왜 티에디션 화면이 작죠? 우어..ㅠ.ㅠ 그냥 잘려서 밑으로 내려가네요 모아 이미지는..ㅠㅠ

    2010.05.18 17:24 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 크기가 넘커서 밀려서그래요
      일단 파일 받으셔서 메모장열고 첫번째 Width부위
      Width :642적혀있는부분요!!
      642를 600으로 줄여보세요! 그리고 화면에 맞게 조절하시면되요!

      2010.05.18 17:26 신고 [ ADDR : EDIT/ DEL ]
  10. 좋은정보 감사합니다 ㅎㅎㅎ근데 저는 모어 버튼 눌리면 오류 뜨는 데 어떻게 해야되죠?

    2010.05.23 09:58 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 비밀댓글입니다

    2010.06.25 12:50 [ ADDR : EDIT/ DEL : REPLY ]
    • 흰색배경이 안남게해서..
      하나더 추가해서 만들어드릴께요 ^^;
      나중에 다되면 방명록에 미시지 남겨드릴께요 !!

      2010.06.25 13:04 신고 [ ADDR : EDIT/ DEL ]
  12. 비밀댓글입니다

    2010.06.25 14:53 [ ADDR : EDIT/ DEL : REPLY ]
  13. 비밀댓글입니다

    2010.07.08 11:36 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도.. 기억하고 있고 빨리 하고 싶은데
      요즘 좀 정신이 없네요 죄송해요 (__)꾸벅~!
      div 안에.. height값을 줄여 주시면 될것 같은데요 ^^;

      2010.07.08 16:41 신고 [ ADDR : EDIT/ DEL ]
  14. 감사합니다!ㅎ

    2010.07.08 18:57 신고 [ ADDR : EDIT/ DEL : REPLY ]
  15. 문단

    잘 쓸게요. ㅎㅎ

    2010.10.01 13:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 요거 필요했는데 진짜 딱 도움이 되네요~~
    티스토리 에디션으로 멋진 블로그 첫 화면 꾸며봐야겠어요 ^-^~

    2010.12.16 14:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 감사합니다. 감사합니다. ^^ 완벽!
    아직 적용은 안했...못했지만요 ㅎ 슬슬 적용해 보겠습니다.

    2011.09.14 16:04 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 좋은 정보 감사합니다. 그런데 제 블로그에 적용한 것은 'more' 버튼 위에 마우스를 올려도 깜빡거리질 않네요.

    2011.10.01 12:14 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 정말 감사합니다 잘 쓸게요~

    2012.05.06 02:49 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 티비님 혹시 more 버튼 눌렀을 때 나오는 리스트....를
    지금처럼 그냥 글만 주욱 나오는 게 아니라
    티에디션처럼 사진과 제목, 내용 등이 어우러져 보이게 만드는 방법은 없을까요?
    그건 불가능할까요?

    2013.03.24 09:25 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 찾던건데 옛날에해놓으신거네요 잘봤습니다

    2016.10.30 12:38 신고 [ ADDR : EDIT/ DEL : REPLY ]

티스토리 툴바