미디움틱 티스토리 테마, Tirium을 드디어 공개하게 되었습니다.


반응형 디자인

Tirium은 반응형 웹 디자인을 통해 어떤 크기의 화면에서도 완벽한 Tirium의 스타일을 보여줍니다.

반응형 디자인이미지 뿐만 아니라 유튜브에서 가져온 영상 자료도 화면에 대응하여 크기가 조절됩니다.

사이드 캡션

캡션의 위치를 이미지 왼쪽 상단에 배치함으로써 가독성을 높였습니다.

사이드 캡션모니터 상에서는 왼쪽 상단에서 태블릿이나 스마트폰 화면에서는 하단에 나타나게 됩니다.

애니메이트 사이드바

애니메이트 기능으로 사이드바를 유동적으로 숨김으로 인해 콘텐츠에 더욱 집중할 수 있습니다.

애니메이트 사이드바글을 읽는 외의 것들은 최대한 간추려서 필요한 기능만 표시하고 나머지는 사이드바와 함께 숨겨집니다.

원버튼 쉐어

글 상단의 share버튼을 통해 간단하게 페이스북, 트위터, 구글플러스에 공유할 수 있습니다.

원버튼 쉐어기존 티스토리 내에서 제공되는 것보다 다양한 플랫폼을 지원합니다.

간단한 글쓰기와 관리

상단의 직관적인 아이콘을 클릭하여 쉽게 글을 쓰고, 관리자 패널에 접속할 수 있습니다.

간단한 글쓰기와 관리기존에 우상단 내비에서 글을 쓰고 관리자 패널을 접속하는 것이 아니라 바로 아이콘을 통해 간단히 해결할 수 있습니다.

독특한 마우스 오버 효과

이미지에 마우스를 올리면 이미지가 원위치에서 한번 튕겨주면서 글을 읽을 때 이미지를 한번 더 환기시켜 줍니다. (Tirium 0.84b 예정)

이미지에 마우스를 올리면 흐림 효과가 나타나면서 글을 읽을 때 이미지를 한번 더 환기시켜 줍니다.(Tirium 0.83b 현재)

이미지에 마우스를 올리면 색상톤이 변화를 줌으로써 글을 읽을 때 이미지를 한번 더 환기시켜 줍니다. (~ Tirium 0.82b)

독특한 마우스 오버 효과마우스를 오버하면 색상톤이 변하며, 마우스를 떼면 천천히 원래 색상으로 돌아옵니다.

기존과는 다른 폰트 배치

네이버에서 제공하는 나눔 명조와 나눔 고딕을 사용하여 가독성을 높였으며, 기존의 제목=고딕, 본문=명조 공식을 탈피하여 제목은 명조, 본문은 고딕으로 구성하였습니다.

기존과는 다른 폰트 배치본문에 가독성이 좋은 고딕을 이용해서 좀더 독자들을 콘텐츠에 집중할 수 있도록 하였습니다.

심플한 댓글 디자인

원형 아바타와 함께 깔끔한 디자인을 차용한 댓글 영역

댓글 디자인게스트일 경우의 아바타와 관리자일 경우 아바타가 다릅니다.

- Tirium은 블로그 플랫폼 Medium에 영감을 받아 만들어졌습니다.

- Tirium의 디폴트 배경화면의 저작권은 제작자 본인에게 있습니다.

- Tirium의 폰트는 구글 폰트를 통하여 나눔고딕, 나눔 명조를 호스팅 받았습니다.

- Tirium은 기본적으로 CC 4.0 License를 따르며 상업적 이용을 제외한 변경/수정 가능(CC BY-NC 4.0) 합니다.


Tirium 0.81a 업데이트 로그 (June 17th 2014)

- 에디터에 따라 이미지 캡션 위치가 다르던 문제 수정

- share this post 버튼이 비활성되는 문제 해결

*** Tistory가 제공하는 Youtube 플러그인을 Tirium에서 지원할지 여부는 아직 미정입니다. Youtube를 첨부할때에는 직접 Youtube의 공유에서 소스코드탭의 소스를 복사하셔서 html상에 붙여넣는 것을 권장드립니다.

Tirium 0.82b 업데이트 로그 (July 11th 2014)

- 예전 에디터에서 작업했던 링크에 스타일이 제대로 적용안되는 문제 해결

- 댓글에서 사용자 아바타 중복 현상 해결

- 이미지 캡션에 Italic효과 추가

- 웹페이지 타이틀에 글 제목이 표시되지 않는 현상 해결

- 제목 글자 1줄 이상 늘어나는 경우 아바타와 아이콘이 밀리는 현상 해결

*** 전에도 계속 문의가 들어왔던 마우스 오버효과의 제거는 고심한 결과 이번 버젼의 티리움에는 포함되지 않았습니다. 다음 업데이트때 마우스오버효과가 있는 것과 없는 것 두버전을 내놓을지 어떠할 지는 앞으로 좀더 지켜본 후 결정하도록 하겠습니다.

**그동안 드러났던 메이저 버그들은 잡은 대대적인 업데이트이기에 기존에 티리움을 사용하셨던 분들도 새로 받으시는 걸 권장드립니다.

Tirium 0.82b fix 업데이트 로그 (July 20th 2014)

- 에디터에서 강제 적용되는 폰트 크기 태그로 인해 글자가 불규칙해지는 현상 해결

- 이미지 캡션 이탤릭 효과 적용안되는 상황 수정

- 푸터 저작자 네임 위치 수정

** 티스토리 에디터로 글을 쓸때 강제로 style태그가 적용되며 "transparent:100%; font-size: 9px;"가 적용되던 현상을 임시로 해결했습니다. 후에 좀더 보완해서 업데이트 할 예정입니다.

Tirium 0.83b 업데이트 로그 (December 1st 2014)

- 페이징 버튼 수정

- 푸터 CC 4.0 라이센스 표기

- 이미지 호버 효과 변경: Hue Change-> Blur

- 모바일 화면에서 이미지 캡션: 오른쪽 정렬->가운데 정렬

- 아티클 하단에 글쓴이 프로필 추가 (설정화면에서 수정 가능)

- Tirium 스킨 설정 가이드 업데이트

** 이번 업데이트는 기타 자잘한 기능 추가에 초점이 맞춰졌습니다. 오랜 휴식기 후에 나오는 업데이트이기에 기능 수정보다는 새로운 기능추가에 초점을 맞췄습니다. 전부터 이견이 갈렸던 마우스 오버효과는 Blur 효과로 대체하였고 이제부터는 글쓴이 정보를 하단에 나타낼 수 있게 되었습니다.

다운로드 링크

Tirium_Tistory_Theme_v0.83b.zip

적용 예시

확인하기

설치 및 필수 설정 가이드

확인하기

비하인드 스토리

확인하기

저작자 표시 비영리
신고

WRITTEN BY
강수명 Vanns Kang
하고 싶은거 하고 사는 조금은 잘 빡치는 평화주의자

댓글  346개가 달렸습니다.
  1. 이전 댓글 더보기
  2. 비밀댓글입니다
  3. 비밀댓글입니다
  4. 비밀댓글입니다
  5. 비밀댓글입니다
  6. 안녕하세요

    좋은 스킨 너무 잘 쓰고 있어요

    딱한가지, 사진에 마우스 올려지면 흐려지는 효과좀 없애는 방법이 없을까요?

    혹시 아시는분 계시면 누구라도 알려주시면 감사하겠습니다

    그럼 행복하세요~~~
  7. 안녕하세요.
    좋은 스킨 갑사합니다. 맘에 드는 군요.

    모바일에서 볼때 카데고리부분의 네비게이션이 터치로 조금만 아래로 내리면 네비게이션이 닫혀버리는 군요. 물론 PC에서 볼때는 자동으로 닫히지 않습니다. (네비게이션을 거의 활용하지 못하니 이 점은 치명적이랄 수 있겠네요...)

    참고로 적용한 블로그는 bizsense.tistory.com 입니다.

    현재 네비게이션 버튼이 상단에만 있는 것도 좀 불안합니다. 네비게이션이 본문중 어디서라도 접근할 수 있어야하는데, 똑 하단의 상단 이동버튼을 누르거나 클릭해서 상단까지 이동 후, 네비게이션 버튼을 접근할 수 있는것도 불편합니다.

    상기사항을 제가 수정할 수 있는지요?

    그럼.. 애써주셔 감사합니다. ^^
  8. 이렇게 멋진 스킨을 무료로 배포해주시니.. 정말 감사드릴 뿐입니다.

    잘 사용하겠습니다.^^~~
  9. 멋진 스킨 잘 이용해보려고 합니다.
    (예전에 잠시 이용하다가 멈춰버린 블로그, 새로 살려보려고 합니다.)

    문의사항은 위의 안내글 내용 중 "사이드 캡션"에 대한 내용입니다.

    글을 작성할때 어떻게 글을 작성하면 저렇게 이쁘게 사이드 캡션(?)의 효과를 누릴 수 있는지요?

    늘 그냥 글만 적었더니, 위와 같이 이쁘게 적용하는 방법을 모르겠습니다.
    (다른 부분은 문제 없이 이쁘기만 합니다.)
    • 이것저것해보다가 발견했습니다. 감사합니다. 더욱 이쁘게 꾸밀 수 있겠습니다.

      그리고 주인장님의 파일로 다양하게 꾸미신 여러분들을 보았는데, 다들 능력이 대단하십니다...
  10. 정말 멋진 스킨이네요..공들여 만드신 작품 감사히 쓰겠습니다..^^
  11. 딱 좋은스킨^^정성이 뜸뿍 담긴 마음에 쏘옥드는 스킨입니다.감사히 잘 쓰겠습니다.좋은하루 보내세용^^
  12. 정말 감사합니다. 잘 쓰겠습니다.
  13. 비밀댓글입니다
  14. 비밀댓글입니다
  15. 아예 프로필을 삭제할 방법있나요?
  16. 블로그에 다운로드 파일을 올려놓고 해당파일에 마우스를 가져다 대면 글자가 사라지는데 그 효과를 없애려면 어떻게 해야하나요?
  17. 감사합니다. 잘 사용하겠습니다.~!
  18. 감사합니다. 정말 잘 사용하고있습니다. 여러 스킨을 적용해보았으나, 가장 깔끔하고 개인적으로 가장 좋은 스킨입니다. 14년도에 제작하셨던거에 대해 한번 더 놀라고 갑니다.

    추 후에 애드센스 적용과 관련하여 문의드리고 싶은데, 댓글을 통해 문의드리면 될까요?
    아직 초보단계라 궁금한 점은 많으나, 시간이 나실때 꼭 한번 도움받고 싶습니다.
  19. 안녕하세요
    좋은 스킨 감사합니다
    질문이 있는데요
    상단 타이틀 위치 조정이나 지울수 없나요?
  20. 비밀댓글입니다
  21. 좋은 스킨 감사합니다. 티스토리 시작하게 되었는데 마음에 들어서 쓰게 되었어요.
    아직 HTML 같은 것을 다룰줄 모르는데 티스토리를 접하게 되니 어렵네요. ㅎㅎ
secret