본문 바로가기

새로운 소식/스킨 (Skin)

Life Is Mono 스킨 2종 오픈!


안녕하세요, TISTORY입니다.

깜짝 놀라셨죠? 지난 Indeed스킨에 이어 새로운 스킨을 여러분께 또 공개하려고 합니다. 이번 스킨은 2단형이면서도 넓은 본문 폭을 가지고 있는 세련된 스타일의 스킨입니다. 확인해보시고 블로그에도 적용해보세요~! :)


Life Is Mono 스킨 2종 오픈 (2단형)
스킨은 본인의 블로그 관리자 > 스킨 > 스킨 선택 메뉴에서 적용 가능합니다.
 
정말 심플하고, 깨끗하게 정리된 느낌의 블로그 스킨으로 블로그를 단장하고 싶지 않으셨나요? 이번에 공개하는 Life is Mono 스킨은 전체적으로 세련되고 심플한 스타일의 스킨으로, 상단에서 검색창과 블로그 방문자 정보를 기본으로 보여주도록 하고 있습니다. 본문 영역은 가로폭이 넓고 작성일과 카테고리 정보가 박스 바깥으로 이동하여 사진을 올리는 데에도 부담이 없으며 더욱 깔끔한 느낌을 줍니다. 오른쪽 사이드바에는 원하는 모듈이나 위젯을 마음껏 삽입할 수 있습니다. 깔끔하고 화사한 블로그를 원하신다면 Light를, 분위기 있는 블로그를 원하신다면 Dark를~ 원하는 색상을 선택하여 블로그에블로그에 새로운 스킨을 적용해보세요!

Life Is Mono (Light)

Life Is Mono (Dark)


   
이 스킨의 특징은 ▼

 - 레이아웃
: 넓은 본문 폭에 사이드바가 오른쪽에 위치한 2단형 스킨
 - 색상 : 깔끔하고 세련된 Light, Dark 2종
 - 본문(글쓰기 영역) 사이즈 : 본문은 683px에 최적화되어 있습니다.
 - 저작권 : 티스토리 내에서 다시 수정, 재배포 가능합니다.
 - 스킨위자드 : 스킨위자드 편집을 지원합니다.
 - 설명 : 웹표준을 준수한 XHTML 기반의 스킨입니다. 시맨틱한 웹을 유지하기 위해 디자인 부분의
              style.css 파일에 독립시켜 적용하였으며, 자유롭게 디자인을 수정할 수 있습니다. 브라우저는
              IE 6, 7과 파이어폭스 2, 3에 최적화 되었습니다.

독특한 스킨 아이디어나 직접 제작한 멋있는 스킨이 있으시다면 포럼을 통해 다른 분들과 함께 나누어보면 어떨까요? 더욱 자주, 더 다양한 스킨들로 찾아뵙기 위해 열심히 달리고 있으니 기대해주세요!^^ 


감사합니다.


태그

  • 이전 댓글 더보기
  • RamGa 2008.11.28 20:35 신고

    TISTORY님 // 이 스킨의 경우 카테고리 글 더보기 배경색이 진한회색으로 보여지는데 흰색으로 바꿀 수 없나요?^^

    • 봉지 2008.11.29 14:52 신고

      제가 위에서 질문한 내용하고 같은 건데요. (ㅋㅋ)
      비나와라 님의 댓글에 있듯이
      .another_category table th, .another_category table td { background-color: white; }
      하시면 되겠습니다.

  • Tell me about 2008.11.29 00:23 신고

    음..

  • axisbox 2008.11.29 20:42 신고

    호오...깔끔하고 이쁜데요ㅎ그런데 워낙 1단스킨을 자주 애용하다보니...
    생각해봐야겠군요.

  • 알통 2008.11.29 21:52 신고

    심플하면서도 세련된 느낌인데요~
    상당히 마음에 듭니다.

  • 브노 2008.11.29 22:52 신고

    이번꺼 예쁘네요^^ 오랜만에 스킨 변경.
    앞으로도 좋은 스킨 많이 나왔으면 좋겠네요.

  • RamGa 2008.11.29 22:55 신고

    봉지님 감사합니다^^
    TISTORY님 // 블로그 전체적인(카테고리, 댓글, 방명록 등) 색상을 검정색으로 바꾸려면 그리고 카테고리의 보고 있는 글 외에 밑줄을 제거 하려면 어떻게 해야하나요~? 정성껏 만드셨는데 이런 질문드리는거 이해해주세요~^^;;

    • 비나와라 2008.11.30 00:39

      좀 복잡도하고, 그다지 좋은 방식이 아닐 수도 있습니다만,
      우선 급한대로.. ^^;
      style.css 맨 아랫쪽에 붙여넣어보세요.

      /* 사이드바 요소 검정색으로 */
      #sidebar ul li, #sidebar ul li a, #sidebar ul li a span { color: #000; }
      /* 카테고리 검정색으로 */
      #treeComponent table div { color: #000 !important; }
      /* 달력 검정색으로 */
      #calendar .tt-calendar tbody td { color: #000; }
      /* 달력 중에 오늘 날짜 색 바꾸기 */
      #calendar .tt-calendar tbody td.cal_day4 { color: blue; }
      /* 달력 중에 글 쓴 날짜 링크 색 바꾸기 */
      a.cal_click:link, a.cal_click:visited { color: red; }


      /* 카테고리 글 더보기 현재 글 이외 밑줄 제거 */
      .another_category a.current { text-decoration: underline; }
      .another_category a { text-decoration: none !important; }

  • 2008.11.30 02:15

    비밀댓글입니다

  • 방동 2008.11.30 13:36 신고

    오랜만에 포스트크기가 큰 스킨이네요-
    왠지 이것도 맘에 드는 게 참 갈등하게 하는군요.

  • 사진의미학 2008.11.30 22:21 신고

    본문폭이 800px로 하려면 어떻게 수정해야 하죠?
    조그만 지식으로 만지작 해도 이 건 안되네요..
    도움이 필요 합니다.
    사진올리면서 포스팅 하는 사람은 적어도 800픽셀 이상을 원한다구요....ㅠㅠㅠㅠㅠ
    이때까지 800픽셀 이상 되는 스킨을 발표한 적이 없으니 안타깝습니다.

  • 꺽정파워 2008.12.01 01:09 신고

    아주 만족스럽네요!
    다만... 공지사항부분 글자색을 바꾸고 싶은데 어떻게 하죠?..못찾겟네요 ㅠㅠ

    • 비나와라 2008.12.01 09:56

      style.css 하단에 아래 내용을 덧대주세요.
      red는 원하는 색상으로 바꾸시구요.

      #notice ul li, #notice ul li a { color: red; }

  • 프미케 2008.12.01 08:57 신고

    우와 산뜻한 느낌에 스킨이 넘 보기 좋네요 ^^

  • 사진의미학 2008.12.01 12:10 신고

    RE::
    본문폭이 800px로 하려면 어떻게 수정해야 하죠?
    조그만 지식으로 만지작 해도 이 건 안되네요..
    도움이 필요 합니다.
    사진올리면서 포스팅 하는 사람은 적어도 800픽셀 이상을 원한다구요....ㅠㅠㅠㅠㅠ
    이때까지 800픽셀 이상 되는 스킨을 발표한 적이 없으니 안타깝습니다.

    • 비나와라 2008.12.01 20:19

      * http://vinawara.tistory.com 에 본문 폭 800px 샘플이 있습니다.

      스킨위자드에서 본문 폭을 다루는 부분은 style.css에 포함되어 있습니다.

      1) style.css에서 width:/*@post-width:*/683px/*@*/; 이 부분을 찾으세요.
      683px이 이 스킨의 기본 본문 폭입니다.

      2) 늘이고 싶은만큼 위 선언을 모두 찾아 아래처럼 수정합니다.
      width:/*@post-width:*/800px/*@*/;

      3) 본문 폭보다 좁게 나와야 하는 값들은 다음처럼 선언되어 있습니다.
      아래 형식대로 @post-width 뒤에 값을 새로운 본문 너비에서 뺀 값으로 수정합니다.
      [수정 전] width:/*@post-width:-20*/780px/*@*/;
      [수정 후] width:/*@post-width:-20*/(여기 값만 800 - 20 해서 고쳐주세요.)px/*@*/;

      4) 본문 폭보다 넓게 나와야 하는 값들은 다음처럼 선언되어 있습니다.
      아래 형식대로 @post-width 뒤에 값을 새로운 본문 너비에 더한 값으로 수정합니다.
      [수정 전] width:/*@post-width:256*/1056px/*@*/;
      [수정 후] width:/*@post-width:256*/(여기 값만 800 + 256 해서 고쳐주세요.)px/*@*/;

      2), 3), 4)번 모두 형식 예제입니다.
      style.css에서(혹은 skin.html)에서 해당 내용을 모두 찾아 값만 바꿔주세요.

      (혹시 모르니 현재 스킨 저장 후에 해보시구요~)

    • lavalse 2008.12.15 10:20 신고

      픽셀을 700 이상으로 보다 간단하게 바꾸시려면, CSS 수정할 필요 없이 스킨 위저드에서 본문 폭을 입력하시고, 700이상의 값이 안된다는 메세지 뜨기 전에 재빨리 적용 버튼을 클릭해 버리시면 됩니다.^^ 저도 예전에는 CSS 수정 노가다 하다가 이제는 이 방법을 쓰는데 잘 됩니다.

    • 사진의미학 2008.12.15 13:02 신고

      이런 소중한 꼼수가 있다니.. 감사합니다.
      잘 되네요..ㅋㅋ

  • echo 2008.12.09 02:04 신고

    아이고~ 도와주세요. OTL
    이미지 업로드시 회색 테두리가 생겨요. imageblock 에서 border:0;
    도 이미 해봤는데 소용없고, 스타일시트를 아무리 뜯어봐도 제 실력으론 도저히 답을 찾을 수가 없습니다.
    티스토리님.. 이미지 테두리 없애려면 도데체 어딜 손봐야 하나요?

    • Alch 2008.12.26 21:36 신고

      방금 스킨을 적용해서 이미지 올려봣습니다만.. 테두리는 생기지 않네요..
      소스를 확인해보니 이미지 태그앞에있는 Table 태그를 지우시면 될듯하네요..

    • echo 2008.12.27 01:43 신고

      아~ 감사합니다 .article table td 의 padding: 2px을 삭제했더니 사라졌습니다. border가 아니고 padding이 그림을 넘어가서 마치 테두리처럼 보였던거군요. 근데 padding 을 삭제하자 그림아래 들어간 자막이 너무 딱 달라붙어 답답해보이는 부작용이 생기네요. .cap1일까? 해서 만져봤지만 아닌가봐요ㅜ.ㅜ 그림아래 자막만 따로 padding 이나 margin을 줄 수는 없나요?

    • Alch 2008.12.27 10:29 신고

      제 경우에는 .cap1의 padding:4px 부분을 수정하면 간격이 조정되는군요 ~
      아무래도 스킨이 살짝 꼬이신듯 싶은데.. 가능하시면 스킨을 다시 적용 해보시는게 어떨까요? ^^;

    • 붕어야 2009.02.27 20:17 신고

      와 ㅠㅠㅠ 정말 감사합니다 ㅠㅠ 이제 막 시작했는데 ㅠㅠㅠㅠㅠ 테두리 때문에 오늘 6시간은 해매었네요 ㅠㅠㅠㅠ

  • youngjr 2008.12.11 13:24 신고

    이거 깔끔해서 좋은데, 사이드바 태그 색상이랑 글씨 크기도 태그 로그에 있는 것과 똑같게 하려면, 어느 부분을 수정해야 하죠?

  • lavalse 2008.12.15 10:18 신고

    이 스킨이 아주 맘에 들어서 바꾸었는데요, 본문 작성할 때 에디터에서 적용했던 글씨체와 줄간격이 실제 글에 적용이 안됩니다. 어떻게 해야 하나요?

  • 잉태 2009.01.01 02:24 신고

    이거 적용했는데.. 저만 그런가요?
    방명록에 글이 안써지네요... ㅡㅜ

    • 비나와라 2009.01.08 17:42

      키보드 단축키로 컨텐츠를 복사하지 못하도록 body에 onkeydown="return false"를 걸어놓으셔서 그렇습니다.
      <body> 태그에서 해당 부분만 제거해보시면 되겠습니다.

    • 잉태 2009.01.11 22:18 신고

      고맙습니다~~ 잘 작동합니다... 덕분에 ^^*

  • 서해 2009.01.09 20:07

    1) 이 스킨을 적용했을때 각 모서리의 하단 오른쪽 부분만 라운드가 되지 않습니다. 저만 그런 걸까요?

    2) 스킨을 왼쪽이나 오른쪽 정렬을 하려면 어떻게 해야 하는지요?

  • 파란선인장 2009.01.13 22:51 신고

    이 스킨을 잘 쓰고 있습니다.
    궁금한게 있는데,

    글쓸때 글자크기를 바꾸고 글 간격도 바꾸지만, 막상 글을 저장하면 보이는 화면에는 기본 글값과 글간격이 항상 같더라구요.

    이거 어느 부분을 손봐야 할까요?

  • 호아범 2009.02.17 21:01

    스킨 적용중인데 궁금한게 있습니다.
    위쪽에 있는 탭부분에서요... Admin 등의 메뉴에 사용된 폰트가 뭔가요?

  • 우치타 2009.12.20 14:26 신고

    누가 제발 알려주세요 ㅠㅠ 카테고리 목록 글씨체를 바꾸고 싶은데 바꾸면 전체가 바뀌어 버립니다. 카테고리만 바꿀수있는 방법 없을까요?