material T 스킨에는 스크롤을 내렸을 때 맨 위로 다시 돌아오는 버튼이 오른쪽 아래에 나타나는데요, 어떤 분이 맨아래로 가는 버튼도 있었으면 좋겠다 요청해주셔서 올립니다. material T mark 5.2까지 모든 버전에 적용 가능합니다. 맨 아래로 버튼 만들기 소개드릴 방식은 맨처음 화면 오른쪽 아래에는 맨 밑으로 버튼이 나타나고 스크롤을 내리면 맨위로 버튼이 나타나는 식입니다. 아무래도 맨밑으로 버튼이 필요할 때는 스크롤을 하지 않은 처음 상태일 것이고, 맨 위로 버튼이 필요할 때는 이미 스크롤을 내린 뒤 일 것이기 때문입니다. 중간에 버튼이 2개가 등장하는것은 디자인상 좋지 않다 생각하여 버튼 1개로 처리하는 방식을 택했습니다. 먼저 html에서
한줄요약: Material T 스킨에서는 Addthis의 slider형 related post 기능을 활성화 시키면 안됩니다! 아래는 넋두리입니다. Material T에 포함된 기본 공유 플러그인은 AddToAny라는 플러그인입니다.https://www.addtoany.com/ 단순히 SNS공유버튼만 추가하기에 아주 적합한 플러그인이기 때문에 Meterial T mark3부터 기본 포함했습니다. 반면 Addthis라는 플러그인은 기본적인 공유버튼들 뿐만 아니라 다양한 형식의 공유버튼을 지원하고, 관련포스트 추천같은 더 다양한 기능을 제공하고있기에 개인적으로 Addthis 플러그인을 사용했었습니다. Addthis 플러그인은 하지만 예전부터 버그가 많았습니다. 언젠가 방명록에 어떤분이 엣지와 크롬을 제외한 ..
Material T를 쓰시면서 글씨체(폰트)가 마음에 안드실 수 있습니다. 사실 폰트를 바꾸는 방법이 쉽지만은 않습니다. 그래도 원하시는 분들을 위해 강좌를 준비해봤습니다. 스킨에 폰트를 적용하는 방법은 다양하기 때문에 이 방법으로 다른스킨에 적용된다는 장담은 할 수 없습니다. 먼저 Material T에 적용된 폰트 적용 방식입니다. CSS편집에서 다음 부분을 찾으면 됩니다.이 부분이 폰트를 로드하는 부분입니다. 잘 기억해두세요.@font-face { font-family: 'NanumBarunGothic'; src: url("./images/NanumBarunGothic.eot"); src: url("./images/NanumBarunGothic.eot?#iefix") format("embedded-o..
이번 강좌는 글자 크기를 조절하는 방법입니다. 1. 가장 간단한 방법이 방법은 Material T 뿐만 아니라 대부분의 스킨에서 적용 가능한 방법입니다.CSS에 다음을 추가하고 알맞은 숫자로 수정합니다.body{ font-size:12pt;} (이하는 Material T 전용) 2. 본문 폰트 크기만 수정하기위의 방법으로는 페이지 전체의 글자 크기가 변하기 때문에 본문 글자 크기만 바꾸고 싶다면 아래를 CSS에 추가합니다..article { font-size: 12pt!important;} 3. 모바일에서와 데스크탑에서 폰트 크기 따로 지정하기CSS에 다음울 추가하고 알맞게 수정합니다. (1.2.에서와 마찬가지로 전체에 적용하려면 'body'를, 본문에만 적용하려면 '.article'을 사용합니다.) /..
이 수정은 2016-07-29 22:55 이전에 Material T Mark 5 또는 Mark 5.2를 설치하신 분들만 수정하시면 됩니다. 미처 신경쓰지 못한 부분이었는데, 방명록의 페이지를 넘길 수 없는 문제가 발견되어 방명록에서도 페이지 전환 없이 목록을 추가로 불러오는 기능을 적용하였습니다.카테고리나 검색기능 사용시 나타나는 '더 보기'와 같은 기능입니다. 수정 방법 Mark5.2전용 Mark5 전용 1. 버전에 맞는 파일을 받은 후 HTML/CSS수정 - 파일업로드에 업로드합니다. 2. HTML에서 900줄 근처의 더보기 버튼 숨기기를 찾아 그 아랫줄을 수정합니다. if(loc!=="category"/*&&loc!=="notice"*/&&loc!=="search"&&loc!=="archive"){..
Mark 5, mark 5.2에 해당하는 내용입니다. 티스토리에서 신고기능을 개선하면서 댓글마다 신고버튼이 추가되었습니다. http://notice.tistory.com/2328 Material T mark 5버전 이상에서는 시간을 현재중심적으로 변환해 보여주는 기능이 있는데, 티스토리에서 신고버튼을 시간옆에넣는 바람에 material T에서는 신고기능이 보이지 않는 문제가 있었습니다. 관련법상 신고버튼 노출이 강제된다고하니 업데이트를 해야겠네요. 2016-06-10 17:17 이후에 스킨을 다운받으신분들은 이미 적용되어있는 내용이고, 이전에 받으신분들은 다음을 따라 수정해주시기바랍니다. 티스토리 댓글 신고 기능 살리기 mark5: mark5.2: 1. 각 버전에 맞는 파일을 받아서 HTML/CSS 수정..
이 내용은 Material T mark 3 이후버전에 적용 가능하고 Mark 5 기준으로 설명드립니다 home card란 블로그 메인으로 접속했을 때만 나타나는 아래와 같은 카드입니다.이 홈카드는 자유롭게 꾸미고 수정할 수 있도록 스킨위자드를 지원합니다. 꾸미기-스킨-스킨위자드로 들어가면 홈카드가 보이지 않네요..;; 티스토리에서 스킨위자드 주소를 잠수함패치해버려서 그렇습니다보이지 않더라도 타이틀부분에서 수정하시면 적용됩니다.스킨 위자드에서 홈카드가 보이게하려면 HTML/CSS 수정에서 900줄 근처의 //홈화면 인식을 찾아 다음줄의 wizard를 아래와같이 admin으로 바꿔줍니다. 이제 스킨위자드에서도 홈카드가 보입니다.(부작용으로 관리자 계정으로 글 미리보기 같은 페이지에 모두 나타나는데 방문자에겐..
구버전입니다. 최신버전은 여기로Material T mark 5+ 티스토리 개편에 맞춰 업데이트 했습니다 MaterialT Mark5.2는 mark5의 2단형버전입니다. 원래는 Mark5를 마지막으로 materialT 스킨은 그만 개발하려했는데, 마지막 2단형 스킨인 mark4가 문제가 많아서 mark5의 2단형버전인 mark5.2를 공개하게됐습니다. 원래 넘버링대로라면 mark6이 되어야겠지만, mark5에서 마지막버전이라고 했으므로 소심하게 2단형이라는 의미에서 0.2만 높여봅니다. 새로운 기능Mark5와 같고 2단형입니다.사이드바 등장효과는 없습니다. Mark 5 소개글 보러 가기 . 다운로드 2016-06-10 07:17 댓글신고기능관련 수정 2016-06-28 00:56 맨 위로 버튼 나타나지 않..
materialT mark5에는 댓글영역에 http://, https://, ftp://등으로 시작하는 url이 있을 경우 자동으로 하이퍼링크를 걸어주는 기능이 포함되어있습니다.해당 url이 jpg, png, gif 등으로 끝나는 이미지파일인경우 자동으로 이미지가 삽입됩니다. 기본값으로 이 기능이 꺼져있기 때문에 사용을 원하시면 활성화를 해야합니다. (단, 자동링크를 활성화하면 TISTORY 앱 등에서 삽입한 이모티콘 이미지는 깨질 수 있습니다.)자동링크 활성화 방법 방법은 간단합니다. HTML/CSS편집화면에서 스크롤을 조금만 내리면 autoLinkON=0;을 발견할 수 있습니다. 0을 1로 수정하시면 자동링크 기능이 활성화됩니다. 스킨을 2016-02-14 19시 이전에 받은 경우 중간에 업데이트가 ..
materialT mark 3,4,5에서 적용 가능합니다. 관리화면에서 화면설정- 티에디션- 사용하기를 누르고 티에디션 시작하기를 눌러 편집화면으로 들어갑니다. 기본 아이템들은 모두 X를 눌러 지워주시고 가운데 +를 눌러 빈 아이템 하나를 만듭니다.목록형중 아무거나 눌러 만들면 됩니다. (호환을 위해 2번째줄 아이템 중에서 선택하는게 좋습니다.) 원하는경우 글선택 탭에서 글선택도 완료합니다. 디자인탭에서 설정을합니다. 단 글꼴, 크기, 색상등은 기본값으로 두세요.글요약은 200자 추천합니다. 아래 HTML을 적용하면 디자인탭 옵션 선택이 안되므로 설정을 마친 후 아래과정으로 넘어갑니다. 디자인탭에서 HTML을 눌러 스킨안에 있는 Tedition.txt파일 내용을 붙여넣습니다. 혹은 아래에서 Teditio..