본문 바로가기

새로운 소식/스킨 (Skin)

PURE BLACK/BLUE 스킨업데이트

안녕하세요. TISTORY 입니다.

오랫동안 기다리셨던 티스토리 스킨을 공개합니다! 이번 스킨은 현재 티스토리 소식을 전해드리는 공지블로그를 사용자 버전으로 수정하였으며, 스킨위자드 기능을 추가하였습니다. 새로운 스킨을 만나보시려면 블로그 관리자> 스킨 선택을 확인해보세요!


사용자 삽입 이미지
PURE BLACK (텍스트형)

설명: 웹표준을 준수한 XHTML 기반의 스킨입니다. 시맨틱한 웹을 유지하기 위해 디자인 부분을 style.css 파일에 독립시켜 적용하였으며, 가로 사이즈는 860px이며, 자유롭게 디자인을 수정하실 수 있습니다. 간단한 스킨 편집인 스킨위자드를 지원합니다. IE와 파이어폭스에서 최적화되었습니다.

특징: 텍스트 버전에서는 자동으로 블로그 이름이 나타납니다. 스킨위자드의 간단 편집을 이용하시면 나만의 스킨을 만드실 수 있습니다.

스킨위자드 : 배경/타이틀 이미지 변경 및 타이틀/ 본문폭 조절을 비롯하여 글꼴과 글색상 변경을 지원합니다.



사용자 삽입 이미지
PURE BLUE (이미지형)

설명: 웹표준을 준수한 XHTML 기반의 스킨입니다. 시맨틱한 웹을 유지하기 위해 디자인 부분을 style.css 파일에 독립시켜 적용하였으며, 가로 사이즈는 860px이며, 자유롭게 디자인을 수정하실 수 있습니다. 간단한 스킨 편집인 스킨위자드를 지원합니다. IE와 파이어폭스에서 최적화되었습니다.

특징: 타이틀 영역의 블로그 이름을 이미지 파일로 대체하여 표현합니다. 즉, 블로그 이름 부분 변경을 원하실 때에는 logo.gif를 제작하시어 변경해 주시면 됩니다. 나머지 기능은 텍스트 버전과 동일하게 스킨위자드로 편집이 가능합니다.
수정파일 올리는 법 :  스킨의 직접올리기 > 기존의 logo.gif를 삭제한 뒤 새 파일을 업로드하여 적용



심플하고 깔끔한 버전으로 텍스트 영역등의 작은 변화로 나를 표현할 수 있는 스킨을 제공합니다. 앞으로도 멋진 스킨과 새로운 소식들로 매일매일 찾아가는 티스토리가 되겠습니다. 감사합니다.


덧붙임. 위의 2종의 스킨은 이미지/텍스트형을 HTML의 주석처리로 진행을 하였다가, HTML을 모르는 사용자들의 혼란을 줄이기 위하여 텍스트와 이미지 버전으로 나누어 진행되었습니다. 추가 작업과 테스트로 인하여 지난주 금요일 업데이트 예정에서 월요일 오전 배포되었사오니, 기다리셨던 분들께 죄송한 마음 전하며, 양해의 말씀 구합니다.



  • 이전 댓글 더보기
  • 심플한것이 이쁜데요? ㅎㅎ

  • 우왕ㅋ굳ㅋ 정말 깔끔하네요

  • 이쁜거 업로드하셨네요..

  • 아싸..드뎌...블랙과 블루를 합쳐서 로고 달았습니다. 역시 기존 기본스킨보다 훨씬 깔끔하군요..

  • 지금 스킨 적용해보았는데, 상당히 이쁘네요. 전체적으로 깔끔하고, 감사합니다. ^^

  • 상당히 매력적인듯...

  • 마음에 드는 깔끔한 새 스킨을 찾다가 없어서 간신히 수정하고 나니 이런 스킨이 올라왔군요ㅜㅜ 깔끔하고 좋습니다.

  • 링크가 다른 글자와 색깔로 구별되지 않는다는 점이 아쉽네요.

  • 블루 스킨에 설정이 잘못된것 같아요..

    상단 파란 이미지가 타이틀 배경으로 들어가 있네요..

    평소대로라면 상단 파란 이미지는 배경이미지로 들어가야하고
    평소대로라면 마이티스토리 로고는 타이틀 이미지로 들어가야 하는거 아닌가요~?^^

    • 안녕하세요. 티스토리 운영자입니다.
      안그래도 스킨위자드를 적용했을때 어떻게 나타나야할지 고민이 되었습니다. 현재 이름을 포함하여 파란 이미지를 포함하여 배경이미지로 제공할 경우, 블로그홈으로 갈 수 있도록 링크가 되지 않아 이번에는 불편하지만 로고이미지를 사용하고 별도로 업로드 하시도록 안내하였습니다.

      앞으로 제공될 스킨에는 이러한 부분을 다른 방식으로 해소하려고 합니다. 12월 초 조만간 또 새로운 스킨으로 찾아갈 예정이오니, 기대해주세요~ ^^

      충분히 헷갈린 부분이 있을 수도 있을 것 같습니다. 이 부분은 스킨의 구조상 정리된 부분이라 이해 부탁드립니다. 감사합니다. ^^

    • 아.. 그렇군요.^^
      배경이미지 캡쳐해서 거기다 글써서 로고 만들었습니다.ㅎㅎ

      ^^

  • 예쁘네요 ^^
    고쳐서 써볼 생각을 해봐야겠습니다 ㅎ_ㅎ;

  • 깔끔하니 이뿝니당.^^ 블루 적용해보았는뎅~ 좋아용

  • 링크에 색 들어가게 할려면 어떻게 해야 하는지요?

    • 안녕하세요. 티스토리 운영자입니다.

      링크 색상은 style.css를 수정하여 변경하실 수 있습니다.
      티스토리 관리 > 스킨 > HTML/CSS 편집 메뉴로 들어가셔서
      화면 하단의 style.css에서
      a:link, a:visited, a:hover, a:active 또는
      localog a:link, taglog a:hover 등의 color 값을 변경하시면 됩니다.
      상세한 링크 색상 변경은 color 값을 변경하시면서 확인하시면 되겠습니다.
      감사합니다!

    • 감사합니다~~

  • 스킨 초보라 여기에 질문 좀 여쭐께요.
    사진 같은 걸 올리면 외곽선 네모가 항상 생기는데요,
    (네모의 너비는 항상 일정하더군요.)
    그 외곽선을 어떻게 해야 없앨 수 있나요?

    • 안녕하세요, 티스토리 운영자입니다.

      이미지 주위에 나오는 외곽선도 style.css를 수정하여 변경하실 수 있습니다.
      역시 티스토리 관리 > 스킨 > HTML/CSS 편집 메뉴로 들어가셔서
      화면 하단의 style.css에서
      .imageblock 부분을 수정하시면 됩니다.

      Rainyvale님처럼 아예 외곽선을 없애고 싶으시면
      다음과 같이 괄호 안을 비워놓으셔도 되고
      .imageblock {}
      다음과 같이 그림 위/아래로 5px씩 공간을 주실 수도 있겠습니다~
      .imageblock {margin:5px 0;}

      감사합니다!

    • 와우. 그렇군요!
      감사합니다.

  • 이거 버그인지 제가 잘못 쓰는건지..

    1. Pure Black을 적용 시킨다
    2. 제대로 나온다
    3. CSS/HTML 수정 링크를 누르면
    4. 팝업이 뜨고.. '확인'을 누른다
    5. 아무것도 건드리지 않은채로 블로그로 나오면 왼쪽 상단에 파란색(Blue버전에 있는 색깔) 부분이 생긴다...ㅡㅡ;;

    스킨 수정을 못하고 있습니다 이것때문에;;

    • 안녕하세요~ 티스토리 운영자입니다.

      스킨을 수정하시다가 곤란을 겪으신 것 같은데
      Pure Black을 적용하신 후에
      Ctrl + F5를 눌러보시겠어요?

      소스 중에 해당 이미지(blue버전)의 url이 없기 때문에
      Cherry양님과 같은 현상은 없어야 정상입니다~

      계속해서 문제가 생기시면
      다시 글을 올려주시면 검토하겠습니다.

      감사합니다.

  • ^ㅡ^
    아는 동생과 함께 꾸며갈 팀블로그 하나 개설하고 블루스킨으로 설정했지요.
    깔끔하고 예쁘더라고요.

    그런데, 전체 스킨 설정에 대한 제안하나 하겠습니다.

    스킨에 '이미지 직접 올리기' 할때, 몇 사이즈로 제작해서 올려야 할지 참 난감하더라고요. 매번, 스크린샷 찍어서 그것 보고 제작하는 것도 번거롭고...
    '이미지 직접 올리기'에 내가 설정한 사이즈 같은 것이 반영되어, 가로x세로 몇 사이즈 올리면 되는지 표시가 되면 더욱 편리할 것 같습니다.

  • 스킨이 너무예뻐서 예고때부터 기다리다가 공지보고 잽싸게 바꿨었는데요.
    원래 웹폰트를 사용중이라, 이 새로운 스킨에도 웹폰트를 적용했더니 자꾸만 그 틀은 유지하되 조금 지나면 정말 신기하게도 자동으로 이전 스킨으로 돌아가더라구요.
    또 웹폰트를 사용하지 않으면 그대로 잘 적용이 되어 있구요.
    그래서 아예 새로운 스킨으로 바꿔서 웹폰트를 적용시켜보니 그건 또 잘되네요.
    탐이나서 쓰고싶은데 왜 그런건지 알수가 없어서요.
    그래서 문의드려봅니다^^;

  • 건의사항 있습니다.
    스킨위자드에서 게시글의 글영역넓이를 지정할 때 최대치가 700까지로 되어있는데, 이 최대치를 좀더 넓게 해주실 수 있는지요.

  • 운영자님, 혹시 pure blue에서 적용된 폰트 이름과 폰트 크기를 알수 있을까요?

    • 안녕하세요~ 티스토리 운영자입니다.

      pure blue 스킨 로고의 폰트 종류와 크기를 문의하신 것 같은데요.
      해당 폰트는 univecon이고 크기는 38pt입니다.

      감사합니다.

  • PURE BLUE (이미지형) logo 포토샵 파일을 올려주실 수 있을까요?

  • 안녕하세요~ 혹시 오른쪽 사이드바에 프로필 사진처럼 올리는건 어떻게 해야하나요? ㅠㅠ 검색하려고 했는데 잘 안되네요 ㅠㅠ