Material T스킨의 마지막버전이 될 mark5입니다. 구버전입니다. 최신버전은 여기로Material T mark 5+ 티스토리 개편에 맞춰 업데이트 했습니다 당초에 유료스킨으로 공개할 예정이었지만, 유료로 판매할만한 퀄리티는 아닌것같아서 무료로 배포하게 되었습니다. 많은 이용 부탁드립니다. 다만 커스텀 요청은 간단한 답변이 가능한 경우를 제외하고 유료로 제공하고자 하니 공지사항을 참조해주세요. Material T Mark 5의 2단형 버전!MaterialT mark 5.2 다운로드 - 2단형 반응형 스킨 주요 특징 반응형 1단 스킨 - 머티리얼 디자인의 깔끔함에 걸맞는 1단형 블로그 스킨은, 방문자가 더욱 본문에 집중할 수 있게 해줍니다. 반응형 스킨 유일 데스크탑모드 탑재 -이전에 작성한 글들이 ..

구버전입니다. 최신버전은 여기로Material T mark 5+ 티스토리 개편에 맞춰 업데이트 했습니다 MaterialT Mark4는 mark3의 2단형버전입니다. 간단한 작업인데 미루다보니 이제야 공개하네요. 기본적인 특징은 Mark3와 같기 때문에 Mark3 배포글 부터 확인해보시는게 좋을 것 같습니다. 새로운 기능 Mark3와 같습니다.사이드바 등장효과는 없습니다. . 다운로드 최신 2단형 matarialT Mark 5,2공개설치 및 사용법 Mark3와 같습니다. 라이센스 및 도움주신 분들. 이 저작물은 크리에이티브 커먼즈 저작자표시-비영리-동일조건변경허락 4.0 국제 라이선스에 따라 이용할 수 있습니다. Bootstrap - Code licensed under MITGoogle material-d..

mark3부터는 전작보다 색상변경이 간편해졌습니다. style.css에서 그냥 바꿔주시면 됩니다!MaterialT에 사용된 색상은 아래 4가지입니다. (흑백색상 제외) blue #3F51B5lightblue #4285f4pink #ff4081yellow #FFF176 HTML/CSS편집에 들어가셔서 CSS탭을 눌러 바꾸고 싶은 색상코드를 원하는 색상으로 모두 바꿔주시기만 하면 됩니다.(메모장에서 편집-바꾸기 기능같은걸 이용하면 좋겠죠?) 간단한 색상코드는 네이버 색상팔레트를 이용해보세요 https://search.naver.com/search.naver?where=nexearch&query=색상팔레트

구버전입니다. 최신버전은 여기로Material T mark 5+ 티스토리 개편에 맞춰 업데이트 했습니다 MaterialT skin의 세번째버전 Mark3입니다. Google Material design 가이드라인을 따라 제작한 스킨입니다. Mark1의 후속작이며 다음과같은 변화가 있었습니다. 새로운 기능 주요특징은 Mark1 게시물을 먼저 확인해 주시기 바랍니다.반응형 티에디션 지원! - 원하는 글을 홈화면에 노출시킬 수 있습니다.홈화면 디자인이 변경되었습니다.스킨위자드 지원 - 배경이미지, 홈화면 배경이미지, 본문 폭 등 스킨위자드 대부분 요소를 지원하여 HTML을 몰라도 쉽게 디자인을 수정할 수 있습니다.이제 최근글이 아니더라도 썸네일이 표시됩니다.'최근...' 패널로 최근 포스트,댓글,트랙백 사이드..

Material T는 댓글과 공유(트랙백)이 탭으로 구성되어있습니다. 그리고, disqus 이용자 분들을 위해 쉽게 설치할 수 있도록 준비되어있습니다.또한 원하는 내용을 추가할 수 있는 탭 1개까지 최대 4개의 탭을 설치할 수 있습니다. mark3,4도 비슷하니 괄호로 따로 설명합니다.Disqus설치하기(mark1,2)(3,4) skin.html에서 "디스커스탭" 으로 검색하시면 위 부분을 찾을 수 있습니다. 그림에 보이는 것 처럼 으로된 주석을 지워주세요.(4번째 탭도 주석으로 가려져 있는게 보이시죠? 마찬가지로 주석을 지우면 4번째 탭도 사용이 가능합니다.)(mark3부터는 label대신 li가 보일겁니다. 똑같이 주석을 지워주시면됩니다.) 그리고 id="tab2C"를 찾아서부분에 디스커스 코드를 삽..

구버전입니다. 최신버전은 여기로Material T mark 5+ 티스토리 개편에 맞춰 업데이트 했습니다 Material T Mark2는 업그레이드 버전이 아니라 Mark1의 2단형버전입니다.오히려 Mark1에서 홈화면에서 배경과 프로필기능, 사이드바 등장효과가 빠졌으니, 레이아웃 선호도에 따라 선택해서 사용하시면 됩니다. . 다운로드 레이아웃 변경으로 빠진 몇가지 기능을 제외한 나머지 기능은 Mark1과 같습니다. Material T 스킨 Mark1 배포글 확인하기 강좌 역시 Mark2는 불가하다고 따로 언급하지 않는한 Mark2도 적용가능합니다. P.S. 개인적으로 1단형 스킨을 선호하는 관계로 빠진 기능에대한 추가 예정은 없습니다.

적용버전: mark1,2Material T의 스타일시트는 SASS로 작성되었습니다. 때문에 .scss파일 수정을 통해 손쉽게 색상을 변경할 수 있습니다. 아래는 Material T Mark1의 style.scss 원본입니다. 메모장으로 열어도되고, 따로 쓰는 텍스트에디터가 있다면 텍스트에디터로 엽니다. 가장 윗줄에 Material T에서 사용한 4가지 색상이 있습니다.원하는 색상코드로 변경한 후 이번에는 Ctrl+A 를 눌러 전체선택 후 복사합니다. . http://codepen.io/에 접속합니다. (코드펜의 scss 컴파일 기능을 이용할것입니다. 컴파일가능하신분들은 직접하셔도 좋습니다.) New Pen을 누릅니다. CSS왼쪽의 톱니바퀴를 누른 후 Sass(.scss)를 선택, 아래쪽에 Autopref..

이번 강좌는 material T 스킨에서 메인화면을 편집하는 방법에 대해 알아보겠습니다.메인화면, 홈화면 용어의 혼용이 있는데, 그냥 같은거라고 보시면 됩니다 ^^ 메인 배경사진 변경(Mark1 전용) 이상한 달걀 배경이 마음에 안드신다면, 800x600정도 크기의 원하는 다른 이미지를 "homeBG.jpg"로 이름을 바꿔 업로드만 하면 됩니다. . 배경과 프로필 이미지 제거(Mark1 전용) 1. skin.html에서 "홈 화면 카드 끝"으로 검색해서 주황색 표시된 줄을 지웁니다. "//홈화면 인식"으로 검색해서 마찬가지로 주황색 표시된 줄을 지웁니다. 최근글 카드 갯수 & 본문 글자수 조절(mark1,2) skin.html 제일 아래에 있는loadViaRSS함수의 인자를 조절하시면됩니다.예를들어 (4..

적용가능 버전:mark1,2,3,4,5 material T스킨에 원하는 사이드바 요소를 추가하는 방법입니다. 아래는 리스트 형식의 사용자 모듈 예제입니다. 사용자 모듈 내용 사용자 모듈내용 첫줄부터 빨간색 글자에 대한 설명입니다. -사용자 모듈 : 모듈의 이름을 정해서 입력합니다. -lessed : 그대로 쓰면, 사이드바가 기본으로 접힘상태로 나타나며, 클릭했을 때 펼쳐지게됩니다. 기본을 펼침으로 쓰려면 지우세요. -ic-info : 사이드바 제목 왼쪽에 나오는 아이콘입니다. 사용할 수 있는 아이콘 목록은 아래 파일에서 확인하세요. -사용자 모듈: 사이드바의 제목입니다. -card-listed-content : 리스트형식의 사이드바일경우 사용합니다. 리스트형식이 아닌 경우 "card-content rip..

구버전입니다. 최신버전은 여기로Material T mark 5+ 티스토리 개편에 맞춰 업데이트 했습니다 Material T skin Mark1 구글은 최신 안드로이드 운영체제 롤리팝(Lollipop)을 발표하면서 새로운 디자인을 적용하였습니다.머티리얼 디자인은 최신 디자인 트렌드인 평평함(Flat)"과 "단순함(Simplicity)"을 반영하였으며,종이와 잉크를 이용한 디자인 연구를 바탕으로 종이와 동일한 느낌을 표현하여 실제와 같은 경험을 주는 것을 목표로 합니다. 구글은 다양한 기기와 서비스를 일관성있게 통합하기 위한 수단으로 머티리얼 디자인을 선택했습니다.스마트폰, 태블릿, PC 등 어느 기기에서나 직관적이고 익숙한 사용자 경험을 제공하기 위한 구글의 디자인 철학!이제 티스토리 블로그에서도 Mate..