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

무료 이미지 - pixabay.com

 


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


댓글에...,



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

저작자 표시 비영리 변경 금지
신고

묘한오빠

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

    이미지 맵

    묘한오빠/블로그가 변하는 이유 다른 글

    댓글 : 19

      • 티스토리 특정 카테고리 숨기는 방법 - 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/

    *

    *

    /~ 이미지 링크 ~/

    이전 글

    다음 글