■ 포스팅 꾸미기팁


글을쓸때 그냥 써내려가는것 보다는



<BLOCKQUOTE>태그를 이용해서 포인트를 주면 한결 깔끔해집니다.


하지만 기본형은 너무 작아서 밋밋해 보이기때문에 크기를 조금 키우는게 아무래도 보기가 
좋아보이는것 같습니다.  


따옴표 크게 만드는 방법

1. 자기가 원하는 크기의 따옴표를 만들어줍니다.
   포토샵으로 만들기를 원하시면 글자입력을 이용해서 따옴표를 크게 만들어주면됩니다.

    

- 포토샵을 이용해서 투명한 배경을 원하시면 포토샵의 토명배경을 불러와서 작업해주고 
   GIF나 PNG로 저장하면 되지만 PNG는 익스플로러 6.0에서 잘호환하지 않습니다.   


2. 위에 만들어준 파일을 티스토리 메뉴 업로드를 이용해서 업로드 해줍니다. 


3. CSS부분을 수정해준다. ( HTML/CSS편집에서 CTRL+F를 이용해 인용문을 찾아준다.)
    따옴표그림만 바꿔주면 본문글씨랑 겹쳐보이게되서 
   


따옴표 위치 조정법   

- 작은따옴표에 위치가 맞춰져 있기때문에 위치를 조정해줘야합니다. 
- 아래그림을 참고로 하셔서 숫자부분을 변경해서 적당한 위치를 맞춰주면됩니다.  
- 위의 그림을 사용하시면 인용문.txt파일의 내용으로 그대로 CSS부분을 수정하시면 됩니다.




 /* 인용문 */
.article blockquote {
 margin:5px;
 padding-left:30px;
                padding-top:7px; 
 background:url(images/Blockquote1.jpg) no-repeat;
}



댓글을 달아 주세요

  1. ㅋㅋ 잘 보고 갑니다. 아...이거 하나 하는데 시간이 엄청 걸리네요..
    제가 뽀샵을 못하다 보니까...하나하나 하는데...시간은 걸리는데...
    삽질도 하다 보면 삽질 요령이 생긴다고...뭘...수정해야 되는지는 보이네요 ^^

    2010.03.27 20:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 흰색 배경이면 따옴표 그냥쓰셔도되는데..ㅋ
      아..마우스 오른쪽 막혀있네요 따로 지금 올려야겠어요 ^^;
      오~ 블로그 아이콘 멋져요!!

      2010.03.27 20:55 신고 [ ADDR : EDIT/ DEL ]
    • 크할....
      '블로그 아이콘', '파비콘'도 설정했음다.
      오늘 밤에는 메인 상단
      수정해야 것슴다. 감솨감솨 ~~~

      2010.03.27 20:56 신고 [ ADDR : EDIT/ DEL ]
    • 기대대요~ 화이팅하세요!!! ^^
      스킨저장은 꼭 하고 하세요!!!!!!!

      2010.03.27 21:07 신고 [ ADDR : EDIT/ DEL ]
  2. 티스토리 블로그의 따옴표가 너무 흐려 진하게 하고 싶어서 이 글을 찾았는데 파워블로거 따라잡기 글을 읽으면서 왔어요. 이 글을 보고서 바로 적용했어요.
    대단히 감사합니다.

    2010.04.01 20:11 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 유용하게 봐주셔서 감사합니다.! ^^
      오늘.. 컴퓨터가 비실비실해서 정신이좀 없네요
      윈도 새로 설치해야될듯해요 ㅠㅠ

      2010.04.01 20:11 신고 [ ADDR : EDIT/ DEL ]
  3. 현재 티스토리에서 제공하는 Pure Black스킨을 사용하고 있는데, Ctrl+F 로'인용문'을 검색해도 나오지 않네요.
    티비님 어떻게 찾는지 좀 도와주세요~ ^^

    2010.04.20 19:32 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • Pure black스킨은 인용문으로 따로 구분을 해놓지 않아서요

      css부분에서요
      .article blockquote로 검색하셔서 아래부분 수정해주시면 되네요
      ---------------------------------------
      .article blockquote { background:url(images/iconBlockquote.gif) top left no-repeat; padding-left:25px; margin:10px 20px;}
      -----------------------------------------
      예쁜 따옴표 만드셔서 사용하세요 ^^;

      2010.04.20 19:44 신고 [ ADDR : EDIT/ DEL ]
  4. 티비님 말씀대로 잘 수정 했습니다^^
    감사합니다~ 잘 쓸께요 ㅋㅋ

    2010.04.20 20:14 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 만드는건 너무 간단한거구 수정이 번거러운건데요 ^^;
      메이플립스님이 수정잘하신거죠!!
      블로그 더 예쁘게 꾸미세요~!

      2010.04.20 20:30 신고 [ ADDR : EDIT/ DEL ]
  5. 따옴표 말고도 다른 것들을 이런식으로 만들수가 있을까요??

    2010.05.19 10:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 폴라님 답변이 늦어서 죄송해요 ㅠ
      그럼요 ㅋ 그런데 따옴표가 제일 잘 어울리는것 같더라구요
      따옴표 모양도 다양하니깐요 폴라님만의 따옴표를 꾸며보세요!

      2010.06.01 17:44 신고 [ ADDR : EDIT/ DEL ]
  6. 저도 따옴표좀 크게 하고 싶었는데 보면서 따라해봐야겠어요 ^^

    2010.06.01 17:43 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 해보시면 포스팅할때 훨씬 깔끔해보이는것 같더라구요 ^^;
      이 따옴표외에도 찾아보시면 도트형식 따옴표도 괜찮은 같아요!
      다양한 모양을 시도해보셔도 좋을것 같아요!

      2010.06.01 17:46 신고 [ ADDR : EDIT/ DEL ]
  7. 제 스킨은 인용문이라는게 없어서 그냥 article blockquote에서 이미지만 바꾸어주었는데도
    잘되네요.ㅎㅎㅎ 또 배워갑니다. ^^

    2010.06.25 12:00 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 비밀댓글입니다

    2010.07.31 21:30 [ ADDR : EDIT/ DEL : REPLY ]
    • 나중에 비번/아이디를 남겨주시거나~
      아니면 스킨이름이 먼지 정확히 알려주시면~ 제가 바로 알려드릴께요.
      스킨을 2단에서 찾고 있는데 헤매고 있어요 ^^;

      2010.07.31 22:42 신고 [ ADDR : EDIT/ DEL ]
    • 스킨 2단 2페이지에 " Pure Black (Text) "입니다
      죄송해요

      2010.07.31 23:48 신고 [ ADDR : EDIT/ DEL ]
  9. 감사합니다. ^^

    2010.08.01 13:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 쉽고 편하게 글에 포인트를 줄 수 있어서 정말 좋네요 ^^

    감사합니다 ~~~

    2010.08.06 10:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
  11. 적용 완료~ ㅋ

    티비님 팁들으르 하나씩 정복?할 거에요. ㅋㅋ

    .. -_-;

    2010.08.08 22:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 처음 포스팅 하면서는 따옴표를 많이 사용했느데요
      포스팅 하다보면 따옴표보다는 글상자를 사용하는게 더 좋더라구요~
      따옴표는 가끔 마무리 멘트정도때 쓰는게 좋구요^^;

      2010.08.08 22:43 신고 [ ADDR : EDIT/ DEL ]
  12. 전이거 왜 안될까요 ㅋ

    2010.08.23 18:22 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 나중에 팀블로그 관리자 권한으로
      nextgoal@naver.com 초대좀 해주세요 ^^;;
      제가 직접 수정해볼세요 ~!!!

      2010.08.23 18:24 신고 [ ADDR : EDIT/ DEL ]
    • 했어요 ! 근데 이거 ㅋㅋ티비님거 보고 이것저것 변경하려고했더니 --다꼬이네요 ㅋㅋㅋ

      2010.08.23 18:45 신고 [ ADDR : EDIT/ DEL ]
    • 옷.. 설치 축하드려요 ㅎㅎ
      유키노님 스킨 괜찮으신데요~!! 혹시 해주실때는
      스킨저장 꼭해주세요 ^^;;

      2010.08.23 19:04 신고 [ ADDR : EDIT/ DEL ]
    • ㅜㅜ 티비님 설치를 했다는게아니라 팀블로그 초대했다는거에요 저 하나도 못하고 다막힘- -ㅋ

      2010.08.23 19:17 신고 [ ADDR : EDIT/ DEL ]
    • 아~ ㅎㅎㅎ
      다른것 필요한것 있으면 말하세요 지금 바로 수정해드릴께요 ^^;;

      2010.08.23 19:18 신고 [ ADDR : EDIT/ DEL ]
    • 저 꼭 하고 싶었던 거있었어요 뷰 추천 박스랑 --ㅋ 올블릿 광고랑 사이 한칸 띠어 놓는거요 --;;;;

      2010.08.23 19:28 신고 [ ADDR : EDIT/ DEL ]
    • 검색 최적화 까지는 힘들겠죠 !!!!!!!!!

      2010.08.23 19:41 신고 [ ADDR : EDIT/ DEL ]
    • 제 나름대로 변경을 했는데 마음에 드시는지 모르겟어요 ^^;;
      검색최적화는 글을쓸때 하는건데요!
      유키노님도 지금 잘하고 계시는것 같은데요~!
      ---------
      스킨저장 꼭 한번은 해두세요~ ^^;;
      그리고 팀블로그는 지금 탈퇴했어요~!

      2010.08.23 20:24 신고 [ ADDR : EDIT/ DEL ]
  13. 좋은 공부 하고 갑니다 ~ 너무 쉽고 재미있네요 ^^

    2010.09.09 13:31 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 말씀하신대로 하긴 했는데 이 다음에 따옴표는 어떡해 넣는거지요???? 다옴표 클릭하면 이상한 상자만 덩그러니 나옵니다 ㅋㅋㅋ 환장하겠네

    2010.09.09 15:32 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 저도 황금미소님처럼 이상한 상자만 덩그러니..혹시 문제를 해결하셨나요?

      2010.10.15 14:16 신고 [ ADDR : EDIT/ DEL ]
    • 그 상자속에 글을쓰는겁니다
      글 쓸때는 안보이고.. 다적고나서 확인누르거나 미리보기하시면 적용되어있는게 보일겁니다..

      2010.10.16 22:42 신고 [ ADDR : EDIT/ DEL ]
  15. 와우 티스토리 따옴표란 검색을 통해서 들어왔는데 티비의세상구경님의 블로그 였네요!! 정말 반가운 마음입니다.ㅋㅋ덕분에 따옴표 글에 잘 적용하였습니다.
    처음에는 인용구를 넣어도 표시가 안됐는데 업로드한파일의 이름을 같게 설정해주니까 표시가 되네용
    정말 감사합니다. 블로그 글이 따옴표로 인해 한결 깔끔해진거 같네용~

    2010.10.10 11:06 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 도움되었습니다 감사합니다 ^_^
    이거 궁금했었는데 ㅋ
    제홈피에 관련글 썻는데 트랙백 걸겠습니다 ㅎㅎ

    못된준코님 블로그에는 인용구 아이콘이 사람그림으로 되있던데 사람그림으로 바꾸는 법도
    알려주실수있나요 ㅋ

    2011.01.07 13:12 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 예전부터 해보고 싶어서 적용해보내요. 티비님 글은 곱씹어야 제맛입니다. 항상 감사해요

    2011.02.24 20:16 신고 [ ADDR : EDIT/ DEL : REPLY ]
  18. 이거 정말 부러웠는데..ㅠㅠ
    정말 감사합니다. 티비님블로그에서 정말 많이 배워가야겠어요..ㅎ
    감사합니다.('')(..)('')(..)~*

    2011.06.22 12:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  19. 잘 쓰겠습니다~ 감사합니다 ^^

    2011.11.30 03:13 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 항상 도움받고 있습니다 ^ ^

    2012.03.02 10:08 신고 [ ADDR : EDIT/ DEL : REPLY ]