티스토리, 수정할 때 찾아보는 곳들을 정리한다

무료 이미지 - pixabay.com

 


티스토리 블로그를 수정할 때 찾아보는 곳들, 정리한다.


댓글에...,



그리고 수정된 스킨을 디바이스별로 볼수 있는 트로이, 생각보다 좋다

묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것은 없다

이미지 맵

묘한오빠/블로그가 변한다 다른 글

이 글에 담긴 의견 21

    • 티스토리 특정 카테고리 숨기는 방법 - http://zzznara2.tistory.com/634

      /* 화면에 카테고리 안보이게 하기 */
      $(document).ready(function()
      {
      // 숨기고자 하는 카테고리명을 따로 배열에 담는다.
      var hiddenCategoryArr = ["동영상으로 보는 일상", "사진으로 보는 일상"];

      // class="link_sub_item"인 것을 모두 찾아서 하나씩 확인한다.
      $(".link_sub_item").each(function()
      {
      // 배열에 담았던 카테고리명과 비교해서 같은게 있는지 확인한다.
      for( var z = 0; z < hiddenCategoryArr.length; z++ )
      {
      // 배열과 같은 카테고리명이 있다면...
      if( $(this).html().indexOf( hiddenCategoryArr[z] ) != -1 )
      {
      // 부모, 즉 상위의 <li> 태그를 숨긴다.
      $(this).parent().hide();
      }
      }
      });
      });

    • HTML 태그 글자나 이미지에 반짝이는 효과주기 - http://pikabu.tistory.com/77

    • CSS3를 사용한 이미지 효과, 스타일 - https://nanati.me/css3-image-effects/

    • 개편 후 티스토리 전체 카테고리명 변경하기
      http://sonylove.tistory.com/2416

      스토리의 개편으로 전체 카테고리명의 변경이 불가능해졌다.
      예전에는 마음대로 변경할 수 있었는데 이제는 관리자에서는 변경할 수 없다. 그래서인지 블로거들 중 이에 대한 불만들이 많은듯 하다.

      *** 중략 ***


      전체 카테고리명 변경

      <script>
      $('.link_tit').each(function(){ var _this = $(this);
      if( _this.text() ){ var _searchCntStr = '' + _this.text().replace('분류', '나의').replace('전체보기', '예쁜글') ; _this.text(_searchCntStr); }});
      </script>


      혹은,

      <script>
      $('.link_tit').each(function(){ var _this = $(this);
      if( _this.text() ){ var _searchCntStr = '' + _this.text().replace('분류 전체보기', '나의 예쁜글'); _this.text(_searchCntStr); }});
      </script>

    • 새글 발행여부 아이콘 변경 - http://sonylove.tistory.com/2417
      신고 버튼 꾸미기 방법 - http://sonylove.tistory.com/1303

      <script>
      $('img[alt="N"]').each(function(){
      $(this).replaceWith('새글 있지롱');
      });
      </script>

    • 아이콘 폰트 (IconFont) - http://webdir.tistory.com/476

    • CSS3 그라데이션 만들기 - http://www.colorzilla.com/gradient-editor/

    • 인용문 (blockquote) 이미지 사용하지 않는 방법

      blockquote:before {
      content: "\201c";
      font-size: 3em;
      font-family: Georgia;
      color: #bcbcbc;
      float: left;
      margin: -5px 10px 0px -10px;
      }

    • 시작페이지 리다이렉트, 다른 페이지로 이동하기 - http://ooppa.tistory.com/1668
      2가지 방법 편하것 사용하면 된다

      참고 - http://ooppa.tistory.com/search/%EC%8B%9C%EC%9E%91%ED%8E%98%EC%9D%B4%EC%A7%80

    • Footer 그라데이션 옵션
      background-image:linear-gradient(145deg, #3C5A91, #223355, #223355, #223355, #3C5A91);

    • 기억해 두면 언젠가는 사용하는 날이 있는 사이트 소개

      1) CSS, HTML, JS의 코드를 정리해 주는 사이트
      2) CSS, HTML, JS를 한 줄로 만들어 주는 사이트를 소개해 드릴게요!


      1. HTML 코드 정리해 주는 사이트
      http://tools.arantius.com/tabifier

      2.JS 코드 정리해 주는 사이트
      http://jsbeautifier.org/

      3. HTML & CSS 코드 정리해 주는 사이트
      http://prettydiff.com/?m=beautify

      4. CSS 코드 정리해 주는 사이트
      http://www.codebeautifier.com/

      5. CSS 코드 한줄로 만드는 사이트
      http://cssminifier.com/

      6. JS & HTML 코드 한줄로 만드는 사이트
      http://javascriptcompressor.com/

    • 안녕하세요? 탕비수다 스킨적용하고 수정하고있는중에 찾아들어오게되엇어요 !! ^^
      너무 예쁘네요~ 메인에 애니매이션효과같이 하는거 어떻게하는지 알려주실수있을까요?? ㅠ

    • 물어보시는 분이
      많아 http://ooppa.tistory.com/1898?category=511705 이렇게 기록해 두었습니다

*

*

이전 글

다음 글