Material T스킨의 마지막버전이 될 mark5입니다.


    당초에 유료스킨으로 공개할 예정이었지만, 유료로 판매할만한 퀄리티는 아닌것같아서 무료로 배포하게 되었습니다. 많은 이용 부탁드립니다.


    다만 커스텀 요청은 간단한 답변이 가능한 경우를 제외하고 유료로 제공하고자 하니 공지사항을 참조해주세요.


    Material T Mark 5의 2단형 버전!

    MaterialT mark 5.2 다운로드 - 2단형 반응형 스킨



    주요 특징

    • 반응형 1단 스킨 - 머티리얼 디자인의 깔끔함에 걸맞는 1단형 블로그 스킨은, 방문자가 더욱 본문에 집중할 수 있게 해줍니다. 

    • 반응형 스킨 유일 데스크탑모드 탑재 -이전에 작성한 글들이 반응형 모바일 레이아웃에 맞지 않아도 걱정하지마세요. 사이드 드로워를 통해 데스크탑모드로 들어갈 수 있습니다. 

    • 머티리얼 디자인 및 효과 적용 - 구글의 머티리얼 디자인 가이드에 따라 제작되었으며 곳곳에 머티리얼 효과들이 숨어있습니다.(예, 물결 클릭 효과)

    • 현재중심적인 시간표시 - 현재시간을 기준으로 시간이 표시됩니다. (예, 1시간 전, 5주 전) 1년 이상된 경우는 날짜가 표시됩니다.

    • 완벽한 썸네일 지원 - 티스토리의 최신 치환자가 적용되어있고, 최소한의 트래픽을 사용하여 썸네일을 불러옵니다.

    • 댓글영역 자동 링크 - 댓글영역에 url이 있는 경우 자동으로 하이퍼링크가 생성됩니다. 링크가 이미지인경우 이미지가 자동 삽입됩니다. (활성화 필요- 맨 밑에 강좌 참조하세요)

    • 관련글 지원 - 최신방식의 '카테고리의 다른글'기능입니다.


    • 모바일앱 스타일의 사이드 드로워 - 부드럽게 동작하며 빈공간을 클릭하는 것 뿐만 아니라 뒤로가기나 취소키로도 닫을수 있습니다!


    • 페이지 이동 없는 직관적인 검색방식


    • 페이지 이동 없는 추가 목록 불러오기


    • 반응형 티에디션 지원 - 티에디션을 사용하지 않아도 메인화면은 최신글 목록으로 표시됩니다. 거기에 원하는 글로 메인을 꾸미는 티에디션역시 지원합니다!

    • 스킨위자드 지원 - 스킨위자드를 통해 초보자도 쉽게 배경, 홈화면이미지, 본문 폭 등을 수정할 수 있습니다.





    필수 수정 사항

    이 부분을 수정하지 않으면 목록이 나오지 않습니다! 

    티스토리의 최신 구조에 맞도록 화면설정- 화면출력에서 붉은 부분을 수정해줍니다.

    (새로운 스킨 구조에서는 에드센스를 사용중이더라도 절대 정책위반이 될 위험이 없으니 안심하세요.)



    블로그 아이콘 표시를 해야 댓글,방명록에 작성자 아이콘이 표시됩니다.

    카테고리 글 더보기 플러그인은 새로운 방식으로 변경되었으므로 설정해지합니다.


    .


    다운로드

    materialTM5.zip



    2016-02-14 14:00 : 일부 화면에서 카드 배경 없음 수정 (이전에 받으신 분들은 skin.html만 교체하셔도 됩니다.)

    2016-02-14 19:00 : 댓글 자동 링크기능 수정했습니다. 이제 정상작동합니다.(활성화 필요, 활성화 강좌 참조)

    2016-02-25 22:00 : style.css에서 색상 수정 관련해서 버그를 수정했습니다.

    2016-03-10 13:44 : 댓글 자동 링크기능이 방명록에서도 작동합니다.

    2016-04-02 21:35 : index.xml에서 버전표시가 잘못되어있던 것을 수정했습니다.
    2016-06-09 09:45 : materialT.min.js파일 수정

    2016-06-10 17:17 : 댓글신고관련 수정

    2016-07-29 22:55 : 방명록에도 더보기 추가

    후원 안내

    material T 는 무료스킨입니다.

    스킨이 유용하다고 생각하신다면 후원으로 마음을 표시해주세요!

    후원하러가기

    후원을 해주신 분들께는 스킨 수정을 적극적으로 도와드립니다.




    라이센스 및 도움주신 분들.

    크리에이티브 커먼즈 라이선스 
    이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다. 

    Bootstrap - Code licensed under MIT

    Google material-design-icons : https://github.com/google/material-design-icons#license 

    Readiz님 - 이전스킨인 Fastboot제작자이시고, 각종 기술에대한 힌트를 얻었습니다. http://blog.readiz.com/

    est0que님 - Modern Basic스킨의 뼈대를 많이 이용했습니다. http://est0que.tistory.com/2125

    해커C님 - 트랙백 스팸차단 스크립트 http://hackerc.tistory.com/700

    Kong님 - 디자인 도움주셨습니다. http://kong-story.tistory.com/


    수정 강좌


    material T mark3 이후버전 티에디션 적용 방법


    Material T 커스텀 강좌 - 사이드바 추가하기


    MaterialT 커스텀 강좌 - 색상 변경 방법(mark3 이후)


    material T mark5 댓글 자동링크 활성화 하기


    Material T home카드 수정하기


    Material T 글자 크기 조절하기


    수정 강좌는 댓글 요청사항 보면서 차차 업로드 하겠습니다.

    저작자 표시 비영리 동일 조건 변경 허락
    신고
    Posted by 뭐하라

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • 이전 댓글 더보기

    • 2016.11.26 22:46

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.11.27 08:18 신고

        html에서 <nav id="drawer"> 부터 아래있는 </nav>까지 지우시면될거같습니다

      • BlogIcon 케케님
        2016.11.27 17:41 신고

        감사합니다
        그 부분을 지웠는데요 드로워 부분은 없어졌는데 三이 부분을 누르면 창을 올리거나 내리거나 (스크롤)을 하지 못하더라구요
        지금 제 블로그에 적용해두었어요

      • BlogIcon 뭐하라
        2016.11.27 22:59 신고

        <div class="drawerToggle"><i class="ic-menu"></i></div>
        를 찾아 지우시면될것같네요~

      • BlogIcon 케케님
        2016.11.27 23:00 신고

        바쁘실텐데 죄송하고 감사드려요 ㅜㅜ!!


    • 2016.12.01 12:23

      비밀댓글입니다

      • BlogIcon Pings
        2016.12.01 13:28 신고

        새로 html 변경했더니 해결됬네요~

    • BlogIcon
      2017.01.06 15:46 신고

      좋은 스킨 감사드립니다. 새해 맞이 스킨 변경 성공하였습니다^^

    • BlogIcon i라일락i
      2017.01.07 04:35 신고

      좋은 스킨 저두 감사 합니다. 유료스킨 하셔도 좋을 정도 인데....뭐...어떤것 2개를 클릭이나 하고 갑니다. 좋은 시간 되세요.~

    • BlogIcon 데사루
      2017.01.08 09:42 신고

      안녕하세요 material t skin mark5 잘쓰고있는데요. 갑자기 메인배경화면이 계속 무한로딩에 돌입했네요.. 어찌해야될가요.. 또한 공지사항 쓰는법도 궁금합니다..

      • BlogIcon 뭐하라
        2017.01.08 09:50 신고

        다른플러그인 넣으시면서 스크립트가 꼬인것같은데요
        <div class="loader"></div> 찾아서 지우시면 로딩효과 없앨수있을겁니다.
        공지사항은 글쓸때 공지,서식 등으로 선택할수있습니다

    • BlogIcon game맨
      2017.01.17 17:53 신고

      스킨 감사합니다~!

    • BlogIcon 데사루
      2017.02.26 10:21 신고

      구글 애드센스는 어떻게 적용하는지 모르겠네요.. <head>HTML인가에 바로뒤에 붙혀넣으라는데
      그게 어디있는지도모르겠고 이게맞나 해서 해봐도 광고가 안뜹니다..

      • BlogIcon 뭐하라
        2017.02.26 10:52 신고

        html편집이 익숙하지 않으시다면 티스토리에 애드센스플러그인이 있으니 이용하시기바랍니다


    • 2017.02.28 09:41

      비밀댓글입니다

    • BlogIcon 도년
      2017.03.05 07:33 신고

      잘쓰겠습니다. 감사합니다!

    • BlogIcon Trisara
      2017.03.05 23:56 신고

      다른분 블로그 보다가 스킨이 마음에 들어 여기 찾아 들어와 다운받아 가네요 감사합니다 ^^


    • 2017.03.06 04:39

      비밀댓글입니다

      • BlogIcon 뭐하라
        2017.03.06 07:17 신고

        아뇨 카피라이트는 한줄이라도 남겨주셔야합니다


    • 2017.03.06 15:54

      비밀댓글입니다


      • 2017.03.06 16:01

        비밀댓글입니다


    • 2017.03.06 16:04

      비밀댓글입니다


    • 2017.03.14 10:15

      비밀댓글입니다

      • BlogIcon 뭐하라
        2017.03.14 10:16 신고

        본문아래 색상변경 강좌 참고바랍니다


    • 2017.03.14 19:56

      비밀댓글입니다

      • BlogIcon 뭐하라
        2017.03.14 20:11 신고

        css에 다음을 추가하시면 나오긴하는데 css를통해 글자크기조정등은 직접 하셔야할겁니다
        .entryList.type1 .txt {
        display: block;
        }

        또는 티에디션으로 검색해서 적용해보세요

    • BlogIcon alpacaman
      2017.03.29 00:37 신고

      사이드창 최상단에 블로그 아이콘으로 보이는게 새로고침할때마다 계속 바뀌는데 뭘 수정하면 바뀌는 건가요?
      블로그 아이콘이나 이미지를 변경해봐도 그대로네요

      • BlogIcon 뭐하라
        2017.03.29 00:39 신고

        블로그이미지입니다 브라우저 캐시때문에 안바뀔수있으니 이미지변경후에 캐시삭제해보세요

      • BlogIcon alpacaman
        2017.03.29 01:04 신고

        제 댓글 좌측의 아이콘은 제대로 바뀌는데 드로워 최상단에 있는 파비콘이 바뀌지 않습니다.
        새로고침할때마다 사진이 랜덤으로 계속 바뀌는데. 예를 들어 비행기 아이콘으로 바뀌면 비회원으로 달린 댓글 아이콘들도 전부 똑같이 비행기로 바뀌네요
        캐시 삭제해도 마찬가지인데 플러그인 문제인가요?

      • BlogIcon 뭐하라
        2017.04.06 19:30 신고

        비회원 아이콘은 의도된부분입니다~

    • BlogIcon 블랙커피&B
      2017.04.06 19:21 신고

      좋네요 잘쓰겠습니다 ^^

    • BlogIcon 구로댁
      2017.04.20 21:13 신고

      감사합니다 잘 사용하겠습니다.


    • 2017.04.28 19:33

      비밀댓글입니다

    • BlogIcon 옹봉이
      2017.04.29 02:22 신고

      이쁜 스킨 감사합니다. 티스토리 기본 #1 사용하다가 너무 맘에들어서 바꾸게 됐어요.

      moreless를 가운데 정렬 하고싶은데 포스팅 작성할때 <div align=center>로 하면 더보기 버튼은 가운데로 오는데 아래쪽 닫기 버튼이 오른쪽으로 밀리네요.
      css편집 가서 .moreless_bottom{text-align:center}를 추가해도 안되는거 같은데 어떻게 해야할까요?

      그리고 사이드바를 활용하려면 아래로 내려갈 일이 많아서 toTop 아래 toDown도 추가하고 싶은데 HTML편집에서는 불가능한가요?

티스토리 툴바