MaterialT skin의 세번째버전 Mark3입니다.


    Google Material design 가이드라인을 따라 제작한 스킨입니다.


    Mark1의 후속작이며 다음과같은 변화가 있었습니다.



    새로운 기능

      주요특징은 Mark1 게시물을 먼저 확인해 주시기 바랍니다.
    • 반응형 티에디션 지원! - 원하는 글을 홈화면에 노출시킬 수 있습니다.
    • 홈화면 디자인이 변경되었습니다.
    • 스킨위자드 지원 - 배경이미지, 홈화면 배경이미지, 본문 폭 등 스킨위자드 대부분 요소를 지원하여 HTML을 몰라도 쉽게 디자인을 수정할 수 있습니다.
    • 이제 최근글이 아니더라도 썸네일이 표시됩니다.
    • '최근...' 패널로 최근 포스트,댓글,트랙백 사이드 패널을 통합
    • 카테고리 패널 추가
    • 본문제목,정보 스타일 수정
    • 본문 a태그(하이퍼링크) 색상 적용
    • 첨부파일 스타일 적용
    • 본문 하단 태그목록 스타일 적용
    • 태그로그 스타일 적용
    • 이제 한 페이지에 여러글을 표시해도 댓글탭이 정상작동합니다.
    • 링크를 onclick 이벤트로 처리하던 것을 a태그로 표준 준수
    • 기타 버그 수정..

    다운로드

    티스토리 관리자 화면에서 제공되는 것은 업데이트 이전 파일이니 아래 파일로 설치바랍니다


    materialTM3.zip


    -2015년 09월 04일 10시 50분 업데이트됨: 파이어폭스에서 검색 ,썸네일 오류 수정

    -2015년 09월 19일 22시 05분 업데이트됨: IE에서 검색 안되는 문제 수정

    설치 방법

    티스토리 커스텀 스킨 설치방법을 참조해주세요.


    반응형스킨이니 모바일웹스킨은 OFF로 설정해주세요.



    필수 설정


    화면설정에서 댓글, 트랙백펼침을 꼭 설정해주세요. 나머지 설정은 권장사항입니다.



    네모 표시한 두가지 플러그인을 꼭 사용해주세요.




    블로그 설명과 이미지, 아이콘, 파비콘을 모두 업로드해주세요.


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

    크리에이티브 커먼즈 라이선스
    이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 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/

    배경 출처- http://bgr.com/2014/12/30/material-design-wallpapers-download/




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

    문제가 있나요?(?)

    내용상 오류가 있음 업데이트 필요 화면이 깨짐 기타 수정이 필요함
    • 이전 댓글 더보기
    • BlogIcon 그린구리
      2015.11.13 15:07 신고

      크롬에서는 아이콘이 잘나오는데 익스플로러에서는 아이콘이 보이지 않네요. 어떤걸 수정해야 하나요?

      • BlogIcon 뭐하라
        2015.11.13 15:11 신고

        IE버전이 어떻게되시는지요 8이상에서 보이는게정상입니다

    • BlogIcon 그린구리
      2015.11.13 15:21 신고

      캐쉬삭제하니 아이콘 잘나오네요..^^ 감사히 잘쓰겠습니다.


    • 2015.11.20 05:51

      비밀댓글입니다

      • BlogIcon 뭐하라
        2015.11.20 07:08 신고

        죄송합니다만 개인커스텀문의는 유료로 제공하고있습니다 공지사항 참고해주세요

    • BlogIcon Constantine B2
      2015.12.01 11:45 신고

      뿌까스킨으로변경

    • BlogIcon 그하루
      2015.12.15 13:54 신고

      좋은 스킨 감사합니다, 혹새 맨 아래쪽 카테고리 사이드바? 를 펼쳐지게는 햇는데 클릭해야지만 볼 수 있네요, 클릭 안하고도 펼쳐져 있는 상태로 할수있나요?

      • BlogIcon 뭐하라
        2015.12.15 16:45 신고

        html에서 카테고리부분을찾아 lessed를 지우면 됩니다

      • BlogIcon 그하루
        2015.12.16 12:23 신고

        감사합니다^^. 좋은 하루 되세요

    • BlogIcon 리폼s
      2015.12.19 06:43 신고

      스킨 너무 좋아요 감사히 쓰겠습니다.!!

    • BlogIcon 하솔
      2016.01.11 12:46 신고

      "이 저작물은 크리에이티브 커먼즈 코리아 저작자표시-비영리-동일조건변경허락 2.0 대한민국 라이선스에 따라 이용하실 수 있습니다." 이게
      게시글하단에 항상붙던데 스킨에대한 CCL표시인가요?
      글설정이나 게시글에서 라이센스를 바꿔도 항상 그대로이네요.
      게시글 라이센스랑 혼돈이 올 수 있어서..
      바꾸는 방법업산요?

      • BlogIcon 뭐하라
        2016.01.11 15:16 신고

        플러그인설정하신것같네요~
        플러그인가셔서 해제하세요

    • BlogIcon 얀손
      2016.01.19 01:26 신고

      정말 뭐라 감사의 말씀을 드려야 할지.. 점점 더 완벽해지는 스킨 잘 쓰고 있습니다!!

    • BlogIcon ★창공으로™★
      2016.01.29 17:29 신고

      3차 스킨도 감사합니다. ^-^

    • BlogIcon 전자사향
      2016.01.31 21:14 신고

      안녕하세요 ^^ 건의사항? 드리려고 왔습니다! 유튜브나 다음팟 동영상을 넣고 글을 쓰고 모바일로 보게되면, 플레이어가 모바일로 인식하지 못하는것 같습니다. 그래서 pc크기로 나옵니다.재생버튼이 안보이는 현상이 있는데요. 아이폰에서만 그런 현상이 나타나는것 같습니다. <--스크롤--> 이 뜨구용 그걸 잡고 옆으로 스크롤이 되기는 합니다.이해를 돕기 위해 사진 첨부합니다!
      https://www.dropbox.com/s/fgg301ocdpxiv4c/IMG_8909.PNG?dl=0
      https://www.dropbox.com/s/ebh9ljt34iyb60u/IMG_8910.PNG?dl=0

      • BlogIcon 뭐하라
        2016.01.31 23:56 신고

        다음버전엔 반영할 예정입니다 감사합니다 ^^

    • BlogIcon Tuple
      2016.02.02 21:48 신고

      안녕하세요. 티스토리를 막 시작했는데 HTML과 CSS를 몰라서 스킨을 찾아보는데 좋아하는 머티리얼 디자인 스킨이 있었네요. 감사히 잘 쓰겠습니다.

    • BlogIcon KaiSeven
      2016.02.05 12:29 신고

      안녕하세요 뭐하라님 스킨 잘받아서 잘쓰고있는데요. 제가 위젯을 좌측에 넣고싶어요.위젯은 어떻게해야하나요.

    • BlogIcon baikgom1004
      2016.02.19 01:27 신고

      드로워의 배경이미지를 모바일에서는 짤린 이미지로 나오지 않겠끔 꽉찬이미지로 하는 방법 없을까요?

      • BlogIcon 뭐하라
        2016.02.19 09:17 신고

        버그가있었네요
        css에서
        #drawer #drawer_profile {
        background: url(~~
        이부분을

        #drawer #drawer_profile {
        background-image: url(~~
        이렇게 바꿔주세요 ^^

      • BlogIcon baikgom1004
        2016.02.19 22:00 신고

        항상 친절한 답변감사합니다^_^

    • 감사히 쓰고 있어요
      2016.03.13 21:37 신고

      드로워에 반응형 애드를 넣어놓으면 매뉴 펼치기 후에 매뉴 닫기가 되지 않아요...
      해결방법이 있을까요?

      • BlogIcon 뭐하라
        2016.03.14 15:10 신고

        드로워에 에드센스 넣으면 정책위반입니다..

    • 잘쓰고 있습니다!
      2016.03.14 20:26 신고

      3버전도 잘 썻구요. 5버전도 잘 쓰고 있는데 메인화면에 글 펼쳐진 상태로 만들순 없나요?
      접혀있는거 펴볼려고 했는데 어디서 수정해야 하는지 모르겠더라구요...ㅜ


    • 2016.05.27 11:03

      비밀댓글입니다

      • BlogIcon 뭐하라
        2016.05.27 12:25 신고

        마크3에 버그가 있습니다 마크5를 이용해주시면 감사하겠습니다

    • BlogIcon 경이님s
      2016.07.12 11:31 신고

      잘사용하고 있습니다. 감사합니다.

    • BlogIcon CWW
      2016.09.14 20:45 신고

      블로그 내 폰트 변경은 어떻게 하나요? 나눔바른고딕에서 나눔고딕 폰트로 변경하고 싶습니다.

      • BlogIcon 뭐하라
        2016.09.15 17:03 신고

        http://nubiz.tistory.com/665
        폰트 수정 강좌 작성했습니다

      • BlogIcon CWW
        2016.09.17 08:43 신고

        감사합니다!


    • 2017.05.15 13:50

      비밀댓글입니다

      • BlogIcon 뭐하라
        2017.05.20 22:58 신고

        스킨 이름이랑 링크부분 남겨놓으면 어느정도 묵인하고있습니다

    • BlogIcon 전자사향
      2017.06.12 11:42 신고

      안녕하세요. 뭐하라님. 배포해주신 스킨을 잘사용하고있는데요. 한가지 여쭙고자 댓글 남깁니다.
      제가 서울남산체로 폰트변경 작업을 진행중인데, 메인화면의 블로그제목 부분 폰트와, 메인화면 게시글제목,내용 폰트를 어디를 고쳐야 수정이 가능한지 여쭙고자 연락드립니다. homeBG부분의 글꼴도 수정하고, 글 제목 폰트도 수정했는데 나머지는 어디를 고쳐야 수정할 수 있는지 모르겠습니다..

      CSS코드는 비밀댓글로 남겨놓겠습니다. 시간되시면 확인부탁드립니다..ㅠㅠ

      • BlogIcon 뭐하라
        2017.06.12 11:45 신고

        폰트나 글씨체로 검색하시면 변경강좌가있습니다 참고바랍니다

      • BlogIcon 전자사향
        2017.06.12 11:56 신고

        마침 참고중에 있었습니다. 감사합니다!

티스토리 툴바