GuestBook

소중한 메세지를 담아둡니다.

방명록 입력폼

방명록 목록

  1. 안녕하세요. 공개해주신 스킨 정말 잘 쓰고 있고, 매번 감사함을 느낍니다. 관련하여 스킨 수정 관련해서 질문 드립니다.

    초기 화면에서 기본적으로 글 리스트가 뿌려지는 데요.

    이때, 글제목 / 썸네일이미지 / 글카테고리정보 / 작성시점(약 1시간전) 이 표기됩니다.(피씨와 모바일 버전 동일)

    1) 여기에 글에 달린 댓글 수와 공감 수를 표기할 수는 없는 지 문의 드립니다.(티스토리 모바일 스킨 처럼)

    2) 작성시점을 연월일시분 으로 직관적으로 표기할 수는 없는지요?

    3) 모바일스킨의 초기화면에서는 pc버전과는 달리 카테고리 숫자를 클릭해서 다음 글 목록을 보는 방식이 아닌 스크롤(또는 더보기 버튼 한개로 간소화: 버튼 클릭시 기존 글 목록에 새로 불러온 글 목록이 추가되는 방식)을 내리면 추가글을 불러오는 방식으로 변경은 안되는 지요?

    4) 모바일 스킨에서는 pc버전 좌측 메뉴의 최근글과 최근댓글의 효용가치가 상대적으로 낮은 듯 합니다.

    특정 글의 하단부분에는 해당 글카테고리 글 목록을 표현해주는 방식은 어떠할지 건의 드려봅니다. (티스토리 모바일 스킨 처럼)

    정말 좋은 스킨 공유해주시고 이렇게 피드백도 받아주셔서 정말 감사합니다. 답글

    2017.06.22 02:56 신고
  2. CCZ-CROSSV1.2.1.fix.zip 를 사용하고있는 티스토리 블로거입니다.
    일단 정~~~~말로 바라던 뷰형식이라서 무료로 제공해주신 부분에대해서 너무너무 감사드립니다.
    아마도 유료였어도 저는 구입해서 사용했을겁니다.

    지금 사용하는 버전에서 관리메뉴-글목록 -서식류를 수정하고 저장하면 분류없음으로 변경되버리는 오류 현상이 발생합니다.
    해당 "분류 없음" 오류는 공지사항 내역을 변경후에도 해당 공지사항이 분류없음으로도 변경되버리는 상황입니다.

    물론 글목록에서 체크 박스 후 분류를 해주면 되서 딱히 거슬리지는 않습니다.

    문제는 포스팅 중에 유투브 영상을 첨부할 경우에 유투브 영상이 중앙정렬임에도 불구하고 좌측정렬로 변경이됩니다.

    이부분에대해서 도와주실수 있을까요? 답글

    2017.04.25 22:21 신고
  3. 애기블로거

    패치노트 보면 패치 내역을 보고 접는 기능이 있는데 이것은 어떻게 구현하여 사용하는 것인가요?? 답글

    2017.03.31 18:07 신고
    • 2017.03.31 18:11 신고

      스킨에서 제공하는 서식을 http://ccz-cross.tistory.com/6 에서 설명하였습니다.

      문의주신 부분은 에디터에 포함되어 있는 더보기를 디자인만 변경한 것이죠.

      에디터에서 더보기를 사용해보세요. 답글

  4. 도움 주셔서 감사드립니다.
    동일하게 설정을 했는데도 변화가 없네요. ㅎㅎㅎ
    뭐가 문젠지 참....

    알다가도 모를일입니다. 늦은 새벽이라 빠른 답변 생각도 안했었는데 감사합니다.
    편안한밤 되세요.^^ 답글

    2017.03.31 03:33 신고
  5. http://egg-bread.tistory.com/
    안녕하세요.

    스킬 잘 사용하고 있는 블로거입니다.
    다름이 아니오라 애드센스 개수 제한이 풀려 여러개의 애드센스를 넣어보려고 하는데요.
    이상하게 한 페이지에서 최대 4개까지 밖에 나타나질 않더라고요.

    본문을 클릭하면
    하단 광고 배너 1개와 사이드바에 추가된 배너가 활성화가 되질 않는 등
    페이지마다 구글 애드센스 노출이 각기 다르게 보이거나 없어지거나 하더라고요.

    안그래도 블로그 방문하니 최신 FIX 된 스킨이 있어 재설치를 해보았는데 동일한
    증상이 나타나더군요.

    혹시 이게 스킨의 HTML 이나 CSS 충돌로 인한 문제인건지 혹시 알고 계신가 싶어서
    실례를 무릎쓰고 문의를 남겨 봅니다. 답글

    2017.03.31 03:14 신고
    • 2017.03.31 03:24 신고

      애드센스 추가 관련해서 http://ccz-cross.tistory.com/29 에 글을 작성했었습니다. 같은 방법으로 추가해보세요.

      만약, 제한이 풀리면서 스크립트가 변경되었다면 다른 증상이 나타날 수도 있겠습니다. 답글

  6. 감사합니다 해결했습니다!
    table 함수 들어간거에 전체 바꾸기 하면되서 기존글 수정도 쉽네요!
    padding으로 세로로 늘릴경우 가로이미지도 세로로 길어지는 현상이 있었는데,
    landscape 부분의 height 앞에 max- 추가해주니까 해결되었습니다.
    그리고 또하나는 전부 triple로만 넣어주면 2장 이미지인경우 알아서 2장짜리로 되는군요!
    (굳이 dual 설정할 필요없이) 답글

    2017.03.25 16:30 신고
    • 2017.03.25 16:33 신고

      dual triple 로 사용하지 않고 , landscape, portrait 과 같이 지정해서
      padding-top을 따로 지정해서 가로 이미지의 경우 하단 여백이 많이 안생기게 하면 어떨까 생각이 들었습니다.
      html도 모르고 문외한이지만 친절한 포스팅들이 많아서 잘 배우고 있습니다! 답글

  7. 안녕하세요, 질문 하나만 드려도 될까요?
    모바일에서 본문 텍스트는 좌우 여백이 있고 이미지는 꽉차게 보여지도록 만들어 주셨는데요, (이 부분이 너무 좋습니다) PC버전 화면에서도 동일하게 할 수가 있을까요? 텍스트는 좌우여백이 있고 이미지는 텍스트 폭보다 크게 나오도록 할 방법이 있을지... 답글

    2017.03.25 13:35 신고
    • 2017.03.25 14:31 신고

      그리고 한가지 더 궁금한게 dual, triple 기능으로 여러장배치기능을 사용해보니 이미지가 직사각형 형태로 고정되던데, 이 비율과 크기도 조절이 가능할까요?
      예를 들어 세로로 긴 이미지 두개를 dual 배치하는경우 밑에가 짤리게 됩니다.. ㅠ 답글

    • 2017.03.25 15:48 신고

      main.js 파일을 살펴보시면

      //이미지오버랩 및 동영상반응형
      if($('#tt-body-page').length) {
      var $eCon = $('.e-content');
      ......

      로 시작하는 구문이 있습니다. 해당 구문에서 .imageblock를 찾아 over-padding 클래스를 붙이는 처리가 되어 있는데 .over-padding은 reset.css 파일에 스타일링 되어 있습니다.

      .over-padding{margin-left:-15px;margin-right:-15px;clear:both!important;}

      @media (min-width: 768px){.over-padding{margin-left:0px;margin-right:0px;clear:none !important;}}

      보시는 바와 같이 768px 이상일때는 패딩값을 0으로 만들었는데, 768이상일때 기본 패딩값은 71px 이기에 이 부분을 패딩 좌우 값을 -71px로 주면 원하시는 스타일로 구현이 가능할겁니다.

      다만, 해당효과는 본문의 너비를 기준으로 이미지의 크기와 비교하여 적용되기에 본문의 너비보다 이미지의 크기가 작을경우에는 효과가 나타나질 않을겁니다. 답글

    • 2017.03.25 15:55 신고

      dual, triple의 경우, style.css 파일의

      table.dual .imageblock, table.triple .imageblock {
      ...
      padding-top: 56.25%;
      ....
      }

      padding-top으로 높이를 조정할 수 있습니다. 원하시는 클래스명의 다양한 크기의 padding-top 값을 추가하여 사용하시면 됩니다.

      관련하여 원리는 http://webdir.tistory.com/487 를 통해 배우실수 있을거라 봅니다. 답글

  8. 비밀댓글입니다 답글

    2017.03.23 13:38
    • 2017.03.23 16:54 신고

      현재 1차 카테고리만 사용중이신 것 같네요. 2차 카테고리들에 화살표모양이 있는 것이죠.
      답글

  9. 비밀댓글입니다 답글

    2017.03.22 20:32
    • 2017.03.22 23:36 신고

      음 주소점 남겨주세요. 직접봐야 어떤 상황인지 파악이 될것 같아요. 답글

  10. 비밀댓글입니다 답글

    2017.03.22 18:36
    • 2017.03.22 18:45 신고

      패치들은 링크따라 가보시면 나오는 코드들에 설명한 데로 하심되고요. 마지막 패치는 제가 실수로 파일전체를 교체했는데 녹색부분의(+ 표기된) 코드들을 전부 복사해서 넣으시거나 하단의 댓글로 설명해둔 소스만 교체하셔도 됩니다.

      말씀하신 화살표모양은 style.css 파일에서 아래의 부분을 찾으셔서 화살표 모양을 원하시는 것으로 교체해주시면 됩니다.
      .tt-cate .tt-ul-three a:before, .tt-cate .tt-ul-three a > .ie-before {
      position: absolute;
      left: -25px; //위치조정
      top: 0; //위치조정
      content: "↘"; //모양설정
      font-family: gulim, "굴림", sans-serif; //폰트
      }
      폰트마다 모양들이 조금씩 다르고 크기도 다를 수 있느니 원하는 폰트로 변경해주시고, 위치조정도 조금씩 수정해주시면 됩니다.

      답글