GuestBook

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

방명록 입력폼

방명록 목록

  1. BlogIcon

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

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

    2017.03.31 03:33 신고
  2. BlogIcon

    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 에 글을 작성했었습니다. 같은 방법으로 추가해보세요.

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

  3. 감사합니다 해결했습니다!
    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도 모르고 문외한이지만 친절한 포스팅들이 많아서 잘 배우고 있습니다! 답글

  4. 안녕하세요, 질문 하나만 드려도 될까요?
    모바일에서 본문 텍스트는 좌우 여백이 있고 이미지는 꽉차게 보여지도록 만들어 주셨는데요, (이 부분이 너무 좋습니다) 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 를 통해 배우실수 있을거라 봅니다. 답글

  5. 비밀댓글입니다 답글

    2017.03.23 13:38
    • 2017.03.23 16:54 신고

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

  6. 비밀댓글입니다 답글

    2017.03.22 20:32
    • 2017.03.22 23:36 신고

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

  7. 비밀댓글입니다 답글

    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; //폰트
      }
      폰트마다 모양들이 조금씩 다르고 크기도 다를 수 있느니 원하는 폰트로 변경해주시고, 위치조정도 조금씩 수정해주시면 됩니다.

      답글

  8. 설치했는데 너무 잘되고 문제없이 한번에 적용되었네요. 라이브리뿐만 아니라 다른 부분도 고칠데 없이 한방에 완료네요. 정말 좋은 스킨 감사합니다. 이게 유무료 통틀어 최고중의 최고인거 같습니다. 와... 답글

    2017.03.22 00:11 신고
    • 2017.03.22 00:19 신고

      과찬의 말씀입니다.
      블로그 들려보니 가로형으로 이미지를 연속적으로 배치하신것들이 여럿있어보이십니다.

      http://ccz-cross.tistory.com/5 에서 이미지배치부분에서 설명하듯이 table 태그에 class="dual" 혹은 class="triple" 를 추가하시면 화면에 맞춰질겁니다.
      답글

    • 2017.03.22 00:21 신고

      아 넵 추가적인 사용 가이드들도 있었군요 쭉 읽어보겠습니다!
      본문 너비랑 폰트크기만 살짝 크게좀 바꿔보려고 하던 중이었습니다 여기부터 벌써 헤매는중이지요 ^^; 답글

    • 2017.03.22 00:22 신고

      그런데 이렇게 댓글창에서 최초 댓글에 있는 답글을 누르면 작성창이 뜨는데 답글의 답글버튼을 누르면 안먹히는것 같습니다. 티스토리 자체 미지원문제인지...
      그리고 답글이 하나 생성되면서 화면 새로고침과 함께 url 주소에 걸려있던 링크도 풀리는 현상이 있습니다 답글

    • 2017.03.22 00:27 신고

      처음 제작시에는 작동했었지만 이후에 티스토리가 댓글에 대한 변화가 있었습니다. 그로인해 작동하지 않게 되어버렸습니다.

      수정가능하시다면 답글에 답글부분에서 해당부분들을 삭제하시면 될듯 싶습니다.

      url 주소부분은 티스토리가 댓글을 달았을때 새로고침되지 않고 ajax를 이용해 새로운 댓글을 삽입하는 형태라 그렇습니다. 새로고침을 다시 해줘야만 링크가 작동됩니다. 없던 기능 억지로 넣다보니 한계에 봉착하는 부분입니다.



      답글

    • 2017.03.22 00:35 신고

      아 그렇군요..

      원래 사용하던 스킨일때 억지로 넣어놓은 이미지들이라 그런지 엄청 크게 나오네요.
      2열3열 이미지가 모바일에서도 원래크기로 나오는데 개별적으로 HTML을 일일이 넣어줘야 할까요? ㅠㅠ 답글

    • 2017.03.22 00:37 신고

      쿨럭, 2열, 3열을 사용한 table에 모두 삽입되어야 합니다. 반응형으로 작동되기 위해서 필요한 사항입니다; 답글

    • 2017.03.22 00:40 신고

      윽 그렇군요. 다바꾸긴 귀찮고 앞으로 올리는것만 주의해야겠습니다
      늦은밤에 죄송합니다만, 본문 가로폭 조절하는 부분만 추가로 알려주실 수 있을까요?
      실력이 미천하여 CSS에서 아무리 여기저기 고쳐보아도 변하는게 없네요 ... 답글

    • 2017.03.22 00:42 신고

      http://ccz-cross.tistory.com/30 의 main 부분에 대한 설명을 보시면 됩니다. 답글

    • 2017.03.22 01:11 신고

      감사합니다 하고싶은 자잘한 수정까지 완료했습니다.
      완성도는 최고로 높은데 적용시간은 역대 가장 짧은 스킨변경이었네요.
      블로그 작성해주신 가이드와, CSS 소스를 보면 얼마나 친절한 개발자 정신으로 만드셨는지 문외한인 저도 느낄 정도입니다.
      저도 이런 빠삭하면서 홍익인간을 실천하는 중국어 블로그를 만들어야겠습니다.
      잘 사용하겠습니다. 감사합니다! 답글

  9. 안녕하세요. 혹시 주인장님께서 배포해주신 반응형스킨에 라이브리 사용도 가능한가요? 답글

    2017.03.21 23:03 신고
    • 2017.03.21 23:15 신고

      라이브리를 따로 설치해보진 않았습니다. 라이브리 자체적으로 반응형으로 지원된다면 안 될 것도 없으리라 생각되옵니다. 답글

  10. kris

    너무 너무 쉽고 간결하게 설명해주셔서 잘보고 갑니다. 답글

    2017.03.13 14:54 신고