티스토리 카테고리 글 더 보기 배경 꾸미기 - 블로그팁



카테고리 글 더 보기 이렇게 꾸며 보자




제 블로그 하단을 보면 카테고리의 다른 글 보기 부분이 조금 다를겁니다. 오른쪽에는 배경이 들어가있고, 기본적으로 나오는 날짜는 나오지 않고 있습니다. CSS 에 맞추어서 카테고리 다른 글 보기 꾸미는 블로그팁에 대해서 소개 합니다.

급하신 분은 붉은색 글자만 읽어보세요 ^^



카테고리 글 더 보기 꾸미기 절차


1. 플러그인 > 꾸미기 > "카테고리 글 더 보기" 활성화



티스토리관리자 페이지의 플러그인 설정에는, 카테고리 글 더 보기 라는 설정이 있습니다. 이 옵션을 활성화 해 줍니다.





2. 카테고리 글 더 보기의 여백부분에 넣을 그림을 선택 후, 자신의 스킨에 업로드 합니다.


제트님
부스카님

무료 아이콘 좋은곳이 많군요 관련된곳을 엮어봤습니다.

Bloggertip.com (제트님) 블로그 아이콘(그림) 을 검색하는 좋은 포스트가 있네요.
부스카님 블로그 에도 무료이면서 수준 높은 이미지를 소개한 글이 있네요.
윤초딩님 블로그 무료아이콘 사이트 6곳을 소개한 포스트

직접 그림을 그려도 되겠지만, 잘 만들어진 그림을 활용하는것도 좋아보입니다. 좋은 무료 이미지 소개한 곳 있다면 트랙백날려주세요.

그림을 준비한뒤, 파일을 자신의 스킨에 업로드 합니다. 파일이름은 잘 기억해 둡니다. 아래 CSS 부분에서 적어넣어야합니다.


참고 !  파일명은 파일명으로도 어느위치의 그림인지 구분이 잘 가도록 설정하며, 기존에 업로더되어있는 그림파일명과 겹치지 않게 합니다. 같은 파일명을 올리면 덮어쓰게 되어 기존의 그림을 쓸 수 없게 됩니다.

.png(24) 그림 경우 IE6 의 하위버전에서는 배경이 검게 나올 수 있습니다. 상위버전의 인터넷브라우저를 사용한다면, 느끼지 못하는 부분이지만, 정 불편하다면 꽁수를 쓰는 방법도 있지만, 그림 사이즈를 줄이는 차원에서 .jpg 또는 .gif 로 배경색을 맞추어서 만들어 올릴걸 권합니다.






3. CSS (style.css) 의 맨 하단에 아래부분을 추가합니다.

/* 카테고리 글 더보기 그림 넣기 및 날짜 없애기 */
/* 아래의 "업로드한파일명" 부분에 2번 과정에서 업로드한 파일명을 적어줍니다. */


.another_category {
    background: transparent url(./images/업로드한파일명) no-repeat right bottom;
}
.another_category td {
    display: none;
}

"업로드한파일명" 부분을 수정한 뒤, CSS 를 복사하여 자신의 스킨의 style.css 의 맨 하단에 붙여넣기 합니다. 업로드한 파일명과 노란색의 파일이름 부분은 반드시 일치해야합니다.

- CSS 설명 -
위에 부분은, 카테고리 글 더 보기의 오른쪽 아래 부분에 위에서 업로드한 배경그림을 띄우라는 부분입니다. 아래 부분은, 카테고리 글 더 보기의 오른쪽에 날짜가 나오는 부분을 없애는 부분입니다.


스킨공부에 도움이 될 책들





이 글은 "씨디맨" 의 동의 없이 전문 재배포 금지. 링크 및 트랙백은 허가 없이 무제한 허용 *  [자세히보기]

질문 또는 댓글을 남겨 주세요.

질문글은 무조건 답변 드리겠습니다. 이곳에 질문을 올려주세요.
이 글과 연관이 없는 급한 질문은 빠른 질문/답변을 이용해 주세요!

댓글 입력 폼

s;s s;s

     이미지 업로드

  1. 이전 댓글 더보기
  2. 부스카 2009.09.29 01:17

    이런 좋은 팁을 알려주시다니 감사합니다~
    저도 바로 적용해 보겠습니다. ^^

    perm. |  mod/del. |  reply.
  3. 마파람(iOceo) 2009.09.29 08:37

    역시 올때마다 하나씩 건져갈 수 있군요.
    오후에는 소개해주신 블로그에 아이콘을 찾으로 다녀볼 요량입니다. ^^

    perm. |  mod/del. |  reply.
  4. 넷테나 2009.09.29 09:13

    좋은 팁 감사드립니다~ 저도 다음에 따라해봐야겠어요 스킨은 잘 안건드리긴하는데 밋밋하긴하더라고요

    perm. |  mod/del. |  reply.
  5. JUYONG PAPA 2009.09.29 11:06

    블로그하면서 예전보다 컴관련 용어를 많이 알아가는 제 자신이 기특하기만 하네요. ㅋㅋㅋㅋ ^^;;

    perm. |  mod/del. |  reply.
  6. 행복박스 2009.09.30 05:52

    이런 방법도 있군요..
    어떤 사진 넣어볼까요?
    그것부터 고민이 되는데요..
    씨디마니님꺼도 예쁘구...ㅎㅎㅎ

    perm. |  mod/del. |  reply.
  7. 여게바라 2009.10.01 22:31

    기본적으로 티스토리 자체에서 여러가지 설정을 해줄 수 있으면 좋을텐데...카테고리 다른글말고도 인기글같이... 대충 하나 던져주고 신경을 안쓰니... 그래도 cdmanii 님 같은 고수분이 존재해서 다행 ㅎㅎ

    perm. |  mod/del. |  reply.
  8. rince 2009.10.06 23:11

    오호홋... 요고요고요고....
    멋진걸요 ^^;

    perm. |  mod/del. |  reply.
  9. 네모난 2009.10.27 18:50 신고

    유용한 정보네요.
    큰 도움 받고 갑니다.
    제 블로그에도 적용해 보아야겠네요.^^
    감사!

    perm. |  mod/del. |  reply.
  10. 허그베이비 2009.10.28 07:24

    정말 알고싶은 정보였는데! 감사합니다^.^

    perm. |  mod/del. |  reply.
  11. Kyou_ 2009.11.14 12:58

    덕분에 보기는 싫지만 달아놔야했던 카테고리 더 보기가

    보기 좋아졌습니다^^

    좋은 정보 감사합니다.

    perm. |  mod/del. |  reply.
  12. LiveREX 2009.12.24 23:29

    좋은 정보 감사합니다 ^^ 보기 싫어서 없애버렸었는데 다시 꾸며봐야겠네요 ^^~

    perm. |  mod/del. |  reply.
  13. 마이티 워리어 2009.12.25 16:51

    어렵네요. 나름 쉬을듯 하면서 어려워요...
    도데체 어떤 책부터, 어디서부터 접근해야할지 막막하네요.
    특히 스킨 부분에 관해서 말예요..^^

    perm. |  mod/del. |  reply.
  14. 라이거 2010.04.09 23:43

    센스있고 유용한 정보 잘 써먹었습니다^^
    아주 잘 먹히네요ㅋ
    씨디맨님 블로그는 이제껏 본 블로그 중 가장 보기편한 블로그인것 같아요 ~ 쵝오!

    perm. |  mod/del. |  reply.
  15. 닉쑤 2010.07.21 09:46

    완전 깔끔하게 이쁜 그림 넣었어요.
    있어보임. ㅋㅋ

    감사합니다~

    perm. |  mod/del. |  reply.
  16. javier 2010.07.30 13:04

    유용한 팁 감사합니다.
    혹시 "'******(카테고리 제목)' 카테고리의 다른 글" 부분에서
    '카테고리의 다른 글' 이라는 텍스트 부분만 수정/삭제하는 방법이 있나요?

    perm. |  mod/del. |  reply.
  17. jins76lsw 2010.10.01 22:13

    좋은 자료 감사합니다.
    현재 씨디맨님은 카테고리 글 더보기 글자색이 검정색인데 설정창에는 색상을 5가지만 설정 할수 있는데 그외 다른 색을 설정하려면 어떻해야 하나요?

    저는 박스테두리와 글자색을 바꿔보려구요. 블로그 배경색이 회색이라 글자색을 검정으로 하고 테두리는 #aaaaaa 색상으로 하고 싶거든요.

    perm. |  mod/del. |  reply.
  18. 아울런 2010.12.28 18:48

    카테고리의 글" 아래에 트랙백과 코멘트가 나오거든요, 이순서를 바꿀수 없나요? 트랙백,코멘트 밑에 "카테고리의 글"이 나오도록...

    제가 컴터를 아예 모르는데요, 지금사용하는 스킨이 rest_leaves 입니다.
    trackback과 comment를 한글로(트랙백,댓글)로 바꾸려고 html/css에 나오는 trackback,comment를 다 한글로 바꿔봤거든요, 그런데도 안바뀌네요...

    혹시나 해서 여쭤봅니다

    perm. |  mod/del. |  reply.
  19. jollaman999 2011.01.30 10:17

    좋은팁 감사합니다~ 덕분에 한결 나아보이네요~ㅎㅎ

    perm. |  mod/del. |  reply.
  20. Cherry™ 2011.02.01 21:08

    팁 감사합니다.
    근데 혹시 카테고리 글 더 보기 박스 안의 폰트를 키우는 방법도 있는지요?
    그리고 제 블로그 우측 사이드바에서 전체분류보기만 글자크기가 작은데 이 것도 혹시 폰트 키우는 방법이 있는지 궁금합니다

    첫 글 남기면서 질문이 너무 많아서 죄송해요
    잘 모르면서 스킨 손대다가 지금 완전히 헤매고 있어서요

    perm. |  mod/del. |  reply.
  21. 모피우스 2011.12.21 15:06

    안녕하세요.

    혹시 더보기 배경이 아니라... 테두리를 없애거나 설정할 수 있는 방법이 있을까...

    찾아 왔습니다. 좋은 시간되세요.

    perm. |  mod/del. |  reply.