breeze on everywhere

블로그 이미지

도바토

Standby

'HTML+CSS'에 해당되는 글 11건

제목 날짜
  • [티스토리 스킨 배포] FLATBERRY Mixberry Ver. 1.8(6) 2011.12.10
  • [티스토리 스킨 배포] FLATBERRY Strawberry Ver. 1.7(9) 2011.10.02
  • ANDROMEDA v1.0 - 티스토리 스킨 배포(7) 2011.02.24
  • 블루큐브 v1.5 - 티스토리 스킨(15) 2010.08.03
  • [베타] 블루큐브 v1.4 - 티스토리 스킨(11) 2010.07.22
  • 블루큐브 v1.3 - 티스토리 스킨(27) 2010.06.02
  • 점점 나락으로 빠져드는 스킨 제작(2) 2010.05.16
  • BLUECUBE v1.0 BETA - 티스토리 블로그 스킨 배포(17) 2010.05.12
  • 스킨 제작중입니다.(2) 2010.05.04
  • 블로그 스킨 제작 계획도(4) 2010.05.03

[티스토리 스킨 배포] FLATBERRY Mixberry Ver. 1.8

스킨 2011. 12. 10. 17:54
업데이트 V1.7 → V1.8






딸기맛에서 믹스베리맛으로 변경

더 자세한 사항은 http://australis.tistory.com/entry/FLATBERRY15 이 게시물을 참고해 주세요.

적용 방법

  1. 다운로드한 압축 파일의 압축을 해제합니다.
  2. 티스토리에 로그인하여 티스토리 블로그 관리 페이지로 이동합니다.
  3. 상단 메뉴에서 스킨 > 스킨 선택으로 들어갑니다.
  4. 스킨 목록 오른쪽 상단의 새 스킨 등록을 누릅니다.
  5. 스킨 저장명에 적당한 이름을 입력하시고, 파일업로드를 눌러 방금 전 압축을 해제한 파일들 모두를 다중 선택하여 확인을 누릅니다. (Shift+클릭, Ctrl+클릭)
  6. 저장을 눌러 스킨을 저장합니다. 이렇게 저장한 스킨은 다시 스킨 > 스킨 선택 > 저장한 스킨에서 골라 사용하실 수 있습니다.

FLATBERRY_Mixberry_1.8.7z


스킨의 문제점 신고, 의견 제안은 모두 덧글로 받습니다!

저작자표시비영리변경금지
Posted by 도바토
7-zip, 7zip, CSS, CSS+HTML, HTML, HTML+CSS, 믹스베리, 배포, 블로그 스킨, 스킨, 스킨배포, 티스토리, 티스토리 스킨
  • BlogIcon a87Blook
    2011.12.15 17:43 신고

    오옷 정말로 멋진듯! 퇴근하자마자 이식해 보아야 겠어여 ~^^

  • BlogIcon 멋쪄 
    2011.12.16 13:22 신고

    공부좀 많이 해야될것 같네요 ^_^;;
    혹시 일본에서 사시나용 ~~

  • BlogIcon A-RIN
    2012.12.29 15:29 신고

    감사합니다. 블로그 초보자인데 덕택에 가벼운 마음으로 시작할 수 있을것 같습니다 ㅠㅠ

  • BlogIcon DJ Kain
    2013.03.27 15:08 신고

    한가지 질문이 있는데 본문 가로 사이즈를 늘릴수는 없을까요?

  • BlogIcon Constantine B2
    2013.06.02 08:45 신고

    글보관함어떻게하면 님처럼변경할 수 있나요
    알려주세요

  • 알 수 없는 사용자
    2013.06.29 17:21

    정말 감사해요 스킨들이 너무이뻐요! 자주 방문할꼐요~ 감사합니다 도바토님 ^-^ 링크추가하고 가요~

트랙백

※ 스팸 트랙백 차단중 ...{ ? }

[티스토리 스킨 배포] FLATBERRY Strawberry Ver. 1.7

스킨 2011. 10. 2. 22:58

갱신 - V β1.5 → V 1.7


(매우 매우 오랜만에 그리고 어색하게) 티스토리 스킨을 배포합니다. (짝짝짝 스스로박수)

Contents

1. 소개 & 개요

2. 사용하기 전에
3. 적용 방법
4. 업데이트 방법
5. 다운로드 & 주의사항


클릭하여 1:1 크기로 볼 수 있습니다



FLATBERRY Strawberry


1. 소개 & 개요

플랫베리입니다. ...이름을 이렇게 지은 이유는 말그대로 핑크색에 플랫해서입니다. 핑크색의 취향은 누구인지 말해도 말안해도 됩니다
이 스킨을 만들게 된 계기가 있습니다. 요즘따라 블로그를 자주(...옛날보다는) 업데이트하고 방문은 더 자주 하게 되다보니 그런것도 있고, 자꾸 쳐다보니까 워낙 거지같은 디자인이라(그것도 제가 만든것이었음)"언제한번 뜯어고쳐야되는데..." 마음만 먹다가 귀찮아서 놓아놓고 손을 안 대고 있었는데, 드디어 도저히 더이상은 봐줄 수가 없을 지경이 되어버리자 (...) 오늘, 어느정도는 완성하고 올릴 수 있게 되었습니다~

디자인의 출처는 제가 만든 또다른 스킨인 Windows XP의 시각 스타일입니다. (*.msstyle 확장자를 가지는...그것)
Windows XP를 아직도 쓰는 분이시라면 제가 만든 그 스타일을 적용해보실수 있습니다. 그런데 아직 배포한 기억은 없으므로... 어느정도 덧글 달아주시면 올리겠습니다. (결론은 덧글 구걸인건가)

버전이 처음부터 1.5인 이유는 이게 처음이 아니기 때문입니다. 사실상 블루큐브 1.4버전에 디자인만 덮어씌운 거나 다름없습니다. 하지만 매우 큰 변화가~ 만에하나 블루큐브를 사용해 보신 분이라면 2단 우측 사이드바나 덧글리스트 등 여러가지 블루큐브의 잔재를 확인하실 수 있습니다. 그리고 이것만이 이유가 아닌것이, 제트오디오 스킨 만들때처럼 또 버전 엄청크게 높이는걸 해보고싶은 속셈이...(0.5씩 올리거라 응?) 버전은 숫자에 불과합니다





2. 사용하기 전에

사용하기 전에 반드시 확인하여야 할 것들 1: 아래의 목록에 있는 웹 브라우저들 중 하나를 메인으로 사용합니까?

Internet Explorer 6, Internet Explorer 7, Maxthon (최신버전 제외), TheWorld (최신버전 제외), WebMa (최신버전 제외), Avant (최신버전 제외), 기타 구(舊) IE 기반 브라우저

예

↓
아니오

↓

STOP!
스킨을 제대로 사용하고 보려면 Mozilla Firefox, Internet Explorer 8 등의 브라우저로 바꿔야 합니다.
 좋습니다. 다음 단계로 진행하셔도 됩니다.




사용하기 전에 반드시 확인하여야 할 것들 2: 압축 해제 프로그램으로 알집을 사용하고 있습니까?

예

↓
아니오

↓

STOP!
7zip 형식으로 배포되는 스킨 파일을 알집을 사용하여 압축을 풀 경우 파일에 손상이 갈 우려가 있어 7-Zip(프리웨어)이나 WinRAR(쉐어웨어) 같은 정상적인 압축 프로그램을 사용하여 배포 파일의 압축을 해제해야 합니다.
 좋습니다. 다음 단계로 진행하셔도 됩니다.





사용하기 전에 반드시 확인하여야 할 것들 3: 운영하고 있고 이 스킨을 적용하려고 하는 블로그가 티스토리 블로그입니까? (...이런 질문을 할 필요가 있을까)

이 질문에서 "예"라고 대답하신 분은 이제 스킨을 사용하실 수 있습니다. (...)





3. 적용 방법
  1. 다운로드한 압축 파일의 압축을 해제합니다.
  2. 티스토리에 로그인하여 티스토리 블로그 관리 페이지로 이동합니다.
  3. 상단 메뉴에서 스킨 > 스킨 선택으로 들어갑니다.
  4. 스킨 목록 오른쪽 상단의 새 스킨 등록을 누릅니다.
  5. 스킨 저장명에 적당한 이름을 입력하시고, 파일업로드를 눌러 방금 전 압축을 해제한 파일들 모두를 다중 선택하여 확인을 누릅니다. (Shift+클릭, Ctrl+클릭)
  6. 저장을 눌러 스킨을 저장합니다. 이렇게 저장한 스킨은 다시 스킨 > 스킨 선택 > 저장한 스킨에서 골라 사용하실 수 있습니다.





4. 업데이트 방법

(아직 호환된다고 할만한 하위버전은 없으므로 생략)





5. 다운로드 & 주의사항

FLATBERRY_Strawberry_1.7.7z


※ 베타 버전이므로 여러 군데 완성되지 못한 부분이 있을 수 있습니다. (...왜 추측하니) 그런 부분들을 덧글로 달아주시면 다음 버전이 좀 더 완성도 높고 보기도 좋게 만들어집니다. 여러분의 많은 도움이 필요합니다. 꼭 많이 많이 다운로드해주셔서 문제점들로 푹푹 찔러 주세요~ 다운로드해 주셔서 감사합니다. ^.^

모든 스킨의 문제점 신고, 의견 제안은 모두 해당 스킨 버전 게시글의 덧글로 받습니다!





저작자표시비영리변경금지
Posted by 도바토
7-zip, HTML+CSS, Mozilla Firefox, Windows 비주얼 스타일, WinRAR, 굽신굽신, 만세, 만세!!, 배포, 배포 스킨, 블로그 스킨, 블로그라이프!, 블로그스킨, 블로깅~, 블로깅라이프~, 스크린샷, 스크린샷!, 스킨, 스킨 배포, 스킨제작, 아힝흥행, 앗싸, 앗싸 좋구나, 오예, 코레와스고이, 태그달기 귀찮아, 티스토리, 티스토리 스킨, 파이어폭스, 파폭
  • 알 수 없는 사용자
    2011.09.26 01:14

    카나가 오오오
    저도 오오오

    만드시는거 볼때마다 느끼는거지만, 역시 굇수 ~ㅂ~

    ---추가---
    1080p로 보니까 이보다 좋은 스킨은 없음 엉엉
    XGA에서 보면 으허유ㅠㅠㅠㅠㅠㅠ

    • BlogIcon 도바토
      2011.09.28 22:40 신고

      모니터한탄하는거 듣고있으면 진짜 모니터 사드리고싶을정도임 ㄱ-
      나중에 돈벌면 선물해드려야겠넴 진짜

  • BlogIcon TuNE
    2011.09.26 19:12

    이번에도 좋은 스킨이 올라오는군요 ㄷㄷㄷ

    • BlogIcon 도바토
      2011.09.28 22:40 신고

      헤헤 봐주셔서 감사합니다~

  • 알 수 없는 사용자
    2011.10.02 08:21

    ie9 쓰는데 '8 미만 버전의 Internet Explorer 사용이 감지되었습니다.'가 뜹니다.

    • BlogIcon 도바토
      2011.10.02 23:02 신고

      현재 그 문구는 삭제한 상태입니다. (버전 1.7)
      IE9에 대한 완전한 지원은 버전 2.0쯤에서 기대해 주세요;; 죄송합니다.

  • BlogIcon 멋쪄 
    2011.12.16 13:20 신고

    멋지군요.
    이번에 꾸깃꾸깃한 집을 바꿔보려고. 준비중이었는데.. ^_^ 깔끔한 스킨을 찾고 있었는데 ^_^
    너무 깔끔합니다.
    가뜩이나, 2단 사이드바는 너무 맘에 드네요 ^_^
    근데 아직도, 작은 모니터를 사용하고 있는분이 많아서, 해상도*1024 사용자는 어떻게 해야할지...
    스킨... 자주 놀러오겠습니다 ^_^

  • BlogIcon L.BL
    2012.02.21 22:26 신고

    스킨이 심플하니 딱 제 스탈이라 맘에 들어서 사용하게 되었습니다 ^^ 감사합니다~

  • BlogIcon Lun A
    2014.03.14 20:29 신고

    감사합니다 잘받아갈게요 :)

트랙백

※ 스팸 트랙백 차단중 ...{ ? }

ANDROMEDA v1.0 - 티스토리 스킨 배포

스킨 2011. 2. 24. 17:07
ANDROMEDA v1.0

※ 주의! - 8 보다 오래된 버전의 Internet Explorer를 사용할 경우(아니, 아예 Internet Explorer 쓰는 것 자체만으로도) 제대로 된 스킨의 모습을 보기가 어렵습니다. 반드시 구글 크롬이나 모질라 파이어폭스 같은 개념 탑재한 브라우저를 사용하는 것을 권해 드립니다. 이게 싫으시다면 브라우저의 "뒤로" 버튼을 눌러 주세요.

오랜만에 제작한 티스토리 스킨을 배포합니다. 이름이 왜 안드로메다냐고 물어보신다면... 그냥 딱히 이름으로 쓸 게 없어서 갖다 붙였습니다. (...)

전체 스크린샷



1.0 버전이라 특별한 색상 바리에이션은 존재하지 않습니다. 1.1 버전이 제작된다면 그때 다른 색상을 만들 것입니다.


TISTORY_ANDROMEDA_v1.0_fix.zip


압축을 해제하실 때에는 7-zip이나 WinRAR, 압축시대 같은 정신이 평범한 프로그램을 이용해 주세요. 알집으로 풀었다가 발생하는 불상사에는 일절 책임지지 않겠습니다.

저작자표시비영리변경금지
Posted by 도바토
chrome, CSS, css3, Google Chrome, HTML, HTML+CSS, 구글 크롬, 블로그 스킨, 스킨, 크롬, 티스토리, 티스토리 스킨, 파이어폭스
  • 알 수 없는 사용자
    2011.02.25 18:57

    한동안 포스팅이 뜸하시더니 결국 한건 터뜨리셨네요!ㅋㅋㅋㅋ
    깔삼한게 아주 맘에드네요;;ㅋㅋ
    담에 시간나면 바꿔야지~~~:)

  • 알 수 없는 사용자
    2011.03.01 19:26

    스킨 직접 만들려고 했는데; 맨땅에 해딩 하려니 너무 힘드네요;

    스킨 올려주신거 감사히 사용하겠습니다..^^

    제가 약간 수정 해서 사용해도 괜찬나요??

  • 알 수 없는 사용자
    2011.03.02 19:28

    전 알집이 제일 안좋은 압축풀기 프로그램이라 생각합니당,,,
    어떤분은 썩은달걀이라시더군요,,,ㅎㅎ

    윈라에 키젠씌워서 씁니다

    테마 감사합니다

  • BlogIcon 미르피
    2011.03.03 17:20 신고

    블루큐브랑 별 다를게 없어보여요 ;ㅁ;

    • 알 수 없는 사용자
      2011.04.11 22:55

      헝.. 순간 닉네임보고 밀피유의 미르피인줄 알았어요! (진짜는 아니곘징!!)

  • BlogIcon 코딩하는 히라미
    2011.06.21 01:02 신고

    안녕하세요
    티스토리 스킨찾아보다 이게 재일 맘에 들어서 바로 적용했습니다.

    감사히 잘쓰겠습니다!

    아 죄송하지만
    저기 위에있는 타이틀...

    배경을 넣고 싶은대 수정 안될까요?

  • 알 수 없는 사용자
    2013.05.25 00:55

    스킨 너무너무 예쁩니다!

    사이드바 도 적용되고 폰트도 제맘에 드네요!

    감사합니다

트랙백

※ 스팸 트랙백 차단중 ...{ ? }

블루큐브 v1.5 - 티스토리 스킨

스킨 2010. 8. 3. 21:17
블루큐브 v1.5 - (default)블루 버전과 플레인 버전이 있습니다.



  • 크롬과 같은 CSS3을 지원하는 브라우저를 사용해야 합니다. IE에서는 제대로 된 모습이 출력되지 않습니다. 
    ( 구글 크롬 다운로드 - http://google.com/chrome )
  • 네이버에서 배포하는 나눔글꼴이 설치되어 있어야 합니다. 없다고 맑은 고딕으로 표시되지 않습니다.
    ( 블루 버전은 나눔고딕을 웹폰트로 포함하여 사용하므로 블루 버전을 사용할 때는 필요없습니다. )
    ( 나눔글꼴 다운로드 - http://hangul.naver.com/nanum.nhn )
  • 이 스킨을 사용하면서 발생하는 문제점 & 지적사항은 이 글의 덧글로 바로 달아주셨으면 합니다.


  • BLUECUBE_by_Polaris_Australis_V1-5.7z


    ( 7-zip 압축을 제대로 추출하려면 7-zip을 설치해야 합니다. - http://7-zip.org )

    저작자표시비영리변경금지
    Posted by 도바토
    CSS, css3, HTML, HTML+CSS, 블로그 스킨, 블루큐브, 스킨, 스킨제작, 티스토리 스킨
    • BlogIcon 연유
      2010.08.04 09:16

      음,
      이번스킨은 딱딱한느낌이네요

      • BlogIcon 도바토
        2010.08.05 14:23 신고

        그런가욤... 색채가 이상해서 그런가요

    • BlogIcon 미르피
      2010.08.04 12:52 신고

      덜 깔끔해보여요.... 므엉...

      • BlogIcon 도바토
        2010.08.05 14:24 신고

        무리하게 채색을 한 탓이라고 봐야겠죠? ㅇㅅㅇ;;

    • 알 수 없는 사용자
      2010.08.04 14:58

      으헉 또 바꾸고싶다 ㅠㅠ

    • 알 수 없는 사용자
      2010.08.05 11:30

      질문좀 드릴게요 본물 글 사이즈나 제목을 키울려면 어떤걸 수정해야하나요???

      • BlogIcon 도바토
        2010.08.05 14:28 신고

        본문 글사이즈는 css파일에서 .article을 찾으신 후 font-size:(원하는 값);을 추가하시면 됩니다. 지금보다 약간 더 크게 하고 싶으시면 1.2em 정도 추천해 드립니다. ^^ 제목도 마찬가지로 h1을 찾아서 수정해 주시면 됩니다.

    • 알 수 없는 사용자
      2010.08.06 12:13

      호오 이거 쓸만하겠군요..파일 퍼갑니다.

    • 알 수 없는 사용자
      2010.09.21 16:02

      열심히 사용할깨요 =ㅁ=

    • BlogIcon StarCatch
      2010.10.07 20:04 신고

      님 덕분에 깔끔한 스킨 사용해 보겠네요.
      감사합니다.

    • BlogIcon Gijutsusapoto
      2010.12.06 23:49 신고

      현재 이 스킨 잘쓰고있습니다 ^^ 감사합니다.

      너무 정신사납지도 않고 깔끔하니 좋아요.

    • 익명
      2010.12.24 22:54

      비밀댓글입니다

      • BlogIcon 도바토
        2010.12.25 00:26 신고

        블로그 관리 페이지에서 스킨 > 'HTML/CSS 편집'에서 스킨 모양을 직접 수정하실 수 있습니다.
        skin.html의 소스 부분에서 부분을 찾으셔서 <img src="(이미지 주소)" />로 바꾸시면 됩니다. 당연히 이미지 주소"에는 업로드한 이미지 주소로 넣어주시고요(...)

    • BlogIcon 찬지즐
      2011.01.17 23:58 신고

      아 정말 너무 예쁩니다. 정말 감사히 쓰겠습니다 ^^

      아아 최고인거 같아요 정말 ㅎ^^

    • BlogIcon Hyodae
      2012.08.11 13:23 신고

      음냐, 잘쓰겠습니다.
      첫번째 질문입니다만, 모서리가 라운드(Round)처리된것을 조금 손보려고 합니다만, 어디를 건드릴지 모르겠네요.

      CSS2 만 아는지라, 찾지를 못하겠네요.

      그나저나 IE7까지는 저질스럽게 깨지고, IE9에선 볼만은 하군요. 약간은 안적용되는게 보이긴 하지만요.

      두번째 질문이다만, IE9에서는 FF와다르게 택스트 음영이 적용되지 않는 것으로 보이는데, IE를 위해서 filter:shadow() 를 적용가능할련지요?

    트랙백

    ※ 스팸 트랙백 차단중 ...{ ? }

    [베타] 블루큐브 v1.4 - 티스토리 스킨

    스킨 2010. 7. 22. 15:15
    베타 릴리즈입니다. 플레인 버전만 있습니다.
    1. 크롬과 같은 CSS3을 지원하는 브라우저를 사용해야 합니다. IE에서는 제대로 된 모습이 출력되지 않습니다. 
      ( 구글 크롬 다운로드 - http://google.com/chrome )
    2. 네이버에서 배포하는 나눔글꼴이 설치되어 있어야 합니다. 없다고 맑은 고딕으로 표시되지 않습니다.
      ( 나눔글꼴 다운로드 - http://hangul.naver.com/nanum.nhn )
    3. 이 스킨을 사용하면서 발생하는 문제점 & 지적사항은 이 글의 덧글로 바로 달아주셨으면 합니다.
    BLUECUBE_by_Polaris_Australis_V1-4_PLAIN.7z

    저작자표시비영리변경금지
    Posted by 도바토
    BETA, chrome, CSS, css3, Google Chrome, HTML, HTML+CSS, HTML/CSS, 구글 크롬, 나눔고딕, 나눔글꼴, 배포, 베타, 베타버전, 베타테스트, 블로그 스킨, 블루큐브, 스킨, 스킨 배포, 스킨만들기, 스킨제작, 크롬, 크롬 최적화, 티스토리 스킨
    • 알 수 없는 사용자
      2010.07.22 15:22

      이 스킨의 미리보기는 볼 수 없는건가요?

      • BlogIcon 도바토
        2010.08.03 20:54 신고

        지금 적용되어있는 이 스킨입니다.

        (8월 3일) 지금은 아닙니다. (-

    • BlogIcon 연유
      2010.07.22 16:40

      갈수록 좋아지네요.

      • BlogIcon 도바토
        2010.07.22 16:53 신고

        감사합니당.

    • 알 수 없는 사용자
      2010.07.22 18:10

      good!!! 죄송한데 본문 사이즈는 몇인가용?
      아 또 바꿔야 겠네요 ㅠ_ㅠ 2단짜리는 없나용?

      • BlogIcon 도바토
        2010.07.22 18:22 신고

        760px 정도 됩니다. 그리고 skin.html에서 561번째 줄~567번째 줄을 지우시고 style.css에서 #container를 찾아 width를 990px으로 하면 2단이 됩니다. ㅇㅅㅇ;
        정식 버전으로 배포하게 되면 2단도 포함하겠습니다. ^^

    • BlogIcon mahoraga
      2010.07.26 22:07

      크롬이나 오페라에서도 나눔글꼴을 설치하지 않고 웹폰트처럼 이용해서 쓸수있습니다.

      CSS 부분에

      @font-face { font-family: ngttf; src: url(경로/NanumGothic.ttf); }
      @font-face { font-family: ngeot; src:url(경로/NanumGothic.eot); }

      이렇게 해주시구요..

      (ttf 파일은 오페라나 크롬을 위해
      eot 파일은 익스플로러를 위해)

      폰트 패밀리에

      font-family: "나눔고딕", nanumgothic, ngttf, ngeot

      이런식으로 해주면 됩니다.
      한글로 나눔고딕이라고 안쓰면 오페라나 크롬에서 안먹힙니다.

      NanumGothic.eot 파일은 인터넷에 널려서 쉽게 구하실수있을거에요.

      • BlogIcon 도바토
        2010.08.03 20:57 신고

        웹폰트... 이렇게 좋은 방법이 -ㅅ-; 감사합니다.

      • BlogIcon 도바토
        2010.08.05 14:22 신고

        아주 잘 작동합니다!! :)

    • 알 수 없는 사용자
      2010.07.27 12:43

      악 너무 이뻐요 저두 좀 써두 될까요 감사합니다

      • BlogIcon 도바토
        2010.08.03 20:57 신고

        :)

    트랙백

    ※ 스팸 트랙백 차단중 ...{ ? }

    블루큐브 v1.3 - 티스토리 스킨

    스킨 2010. 6. 2. 20:41

     티스토리 스킨 - 버전 1.3


    CSS3!

    Comportable Supreme Stylesheets 3 (??)


    색상별 가로크기 (단위: 픽셀)

         라임*    플레인*    기본*    바이올렛*
    2단
    (skin_2column.html,
    style_2column.css
    950 1010 950 920
    3단
    (skin.html,
    style.css)
    1165 1225 1165 1105
     
    본문 영역
    
    690 750 690 690


    잠깐!! 받아가시기 전에 일단 아래의 문장들을 한번만 확인해주셨으면 하는 바람입니다.

    이 스킨을 사용하기 위한 준비물 - 별로 많지 않습니다.
    • IE(인터넷 익스플로러)가 아닌 브라우저를 사용하십니까?
      구글 크롬, 모질라 파이어폭스, 애플 사파리, 오페라 브라우저 같은 웹표준을 준수한 브라우저들을 말합니다. 이런 브라우저들을 사용해서 제작한 스킨이므로, 사용할 때에도 꼭 필요한 준비물입니다.

      이젠 아예 IE6,7이건 IE8이건 버리는게 낫습니다! (IE9가 나온다면 모르겠지만) 아직도 IE를 쓰는데 이 스킨을 쓰고 싶으시다면 IE가 아닌 브라우저로 갈아타 주세요!

      (가장 추천)구글 크롬 다운로드 / 파이어폭스 다운로드 / 사파리 다운로드 / 오페라 다운로드

    • 나눔글꼴
      별것 아닌 스킨이지만 많은 종류의 폰트를 사용하는 스킨입니다. 없어도 상관 없지만, 나눔고딕(다운로드 링크)은 반드시 가지고 있어야 합니다.

    • 절제된 탐구심
      부디 skin.html이나 style.css를 무리하게 수정하지 말아주세요.
      손가락으로 툭 치면 쓰러질 것 같은 아슬아슬한 모래탑이라, 조금의 코드 수정으로 블로그 전체가 박살날 수도 있습니다.(뻥) 스킨 전문가이시다면 모르겠지만, 거슬리는 점이 있으면 제게 문의해 주세요. 빠른 시간 내에 수정해 드리겠습니다.

    • 기본적인 개념
      여러가지 의미의 개념을 말합니다. 스킨을 블로그 관리에서 올려서 사용할 수 있는 지식, 또다른 뜻으로는 index.xml을 마음대로 수정해서 제작자를 조작하거나 하지 않는 것 등입니다.

    모든 준비가 되셨다면 사용해 주셔도 좋습니다. 감사합니다. 꾸벅


    TISTORY_BLUECUBE_v1-3_by_Polaris_Australis.7z


    이 스킨의 기본형은 3단입니다. 고로 2단 적용하는 방법은:
    skin_2column.html과 style_2column.css 파일을 각각 skin.html, style.css로 이름을 바꿔서 업로드하면 됩니다.


    ChangeLog -  이전 버전에 대해 바뀐 점

    1. CSS3의 수용(收用)
      CSS3 기술인 border-radius와 text-shadow를 사용했습니다.
      그래서 images 폴더의 길쭉한 이미지는 이로서 전부 사라졌습니다.
      구글 크롬, 모질라 파이어폭스, 애플 사파리, 오페라 브라우저에서는 사람좋은 둥글둥글한 모습을 감상하실 수 있습니다.

    2. 가로 폭 조정
      전체적으로 모든 색상의 가로 폭을 6~7px 늘렸습니다. IE6 이하에서 content 부분이 밑으로 푹 꺼져버리는것은 아무래도 아니다 싶어 여유를 두기 위함입니다. 아주 영문도 모르게 6~7px 좁아진 걸 가지고 무슨 좁은 병목에 낀 고무공마냥 밑으로 쑥 빠지는게 매우 불가사의합니다. IE6.

    3. 플레인 색상 와이드화
      바이올렛이 좁은 스킨인것처럼 플레인은 넓은 스킨으로 만들었습니다. 다른 스킨보다 본문영역이 60px 넓습니다.

    4. 바이올렛 색상 완화
      눈아프다는 분이 계셔서 좀 연하게 했습니다.

    5. 둥글게 만들 수 없던 것을 둥글게 만들다. CSS3 덕분입니다.
      포스트 밑부분의 "이 카테고리의 다른 글 보기"와 글 본문에 삽입한 글상자는 자동으로 둥글게 표시됩니다.
      마음에 안 드시면 CSS를 직접 수정해 주세요. 망가져도 몰라요.

    6. 자잘한 디자인 수정
      1. Arial Black 폰트를 버렸습니다. 전부 Segoe UI로 대체했습니다.
      2. 푸터 부분의 메뉴가 티에디션에서만 이상하게 보이길래 수정하려고 봤더니 전혀 고칠 수가 없음. 그래서 그냥 없애버리고 대신 스킨 정보 같은 것을 짤막하게 한 줄 넣었습니다.
      3. 상단의 블로그 메뉴를 수정했습니다.
      4. 카운터는 모든 색상에서 플레인 스타일로 나옵니다. 귀찮아서 다 똑같이한건 아닙니다.


    대충 이런 느낌입니다. 라임은 이거에서 색상만 연두색, 바이올렛은 연보라색입니다.




    이건 플레인입니다.







    저작자표시비영리변경금지
    Posted by 도바토
    2단, 2단 스킨, 3단, 3단 스킨, 7z, 7zip, CSS+HTML, css3, HTML+CSS, 블로그, 블로그 스킨, 블루큐브, 스킨, 스킨 배포, 스킨배포, 칡즙, 태터툴즈 스킨, 티스토리, 티스토리 스킨
    • BlogIcon 연유
      2010.06.02 22:22

      굳.

      • BlogIcon 도바토
        2010.06.05 20:04 신고

        -_-b

    • 알 수 없는 사용자
      2010.06.03 11:13

      후루데 리카랑 블루랑 잘 어울리니 잘 가져다 쓰겠습니다. 이건 그냥 보통 스킨 처럼 업로드 하는 것으로 되는거죠?

      • BlogIcon 도바토
        2010.06.05 20:05 신고

        넵 2단으로 할때만 이름만 약간 바꿔줘서 넣으면 됩니다.

    • 알 수 없는 사용자
      2010.06.03 21:02

      음~ 나날이 패치되는군요 'ㅂ'

      • BlogIcon 도바토
        2010.06.05 20:06 신고

        할짓없을때마다 패치됩니다.

    • pannychis
      2010.06.04 21:34

      안녕하세요. 좋은 스킨 만들어주셔서 감사합니다.
      다름이 아니라 이 스킨을 사용하고 싶은데, 스킨 위자드로 타이틀 이미지를 수정하려고 하면 블로그 형태가 심하게 깨지네요. 무슨 문제일까요? 아니면 타이틀 이미지를 다른 방법으로 넣어야 하나요?

      • BlogIcon 도바토
        2010.06.05 20:06 신고

        원래는 스킨위자드를 정상적으로 지원하지 않는 스킨입니다.
        다음 버전에서 빼버릴까, 살릴까 고민하고 있습니다.

    • BlogIcon Hong_1998
      2010.06.06 19:27 신고

      정말 이쁘네요~ 잘 사용하겠습니다!!

    • BlogIcon 얼쓰
      2010.06.07 11:57 신고

      잘 쓰겠습니다 감사합니다^^

    • BlogIcon 얼쓰
      2010.06.07 13:51 신고

      질문이 있습니다. 이곳 스킨의 사이드메뉴의 최근댓글은 말풍선 스타일인데 제 블로그쪽은 그냥 일자라인이네요. 배포용은 원래 그런건가요?

      • BlogIcon 도바토
        2010.06.08 23:05 신고

        스킨 사용해주셔서 감사합니다.
        이곳의 스킨은 제가 다음 버전에 쓸 디자인을 리허설 같이 적용하는 것이라서 다음 버전의 미리보기 정도 됩니다. 혹시 마음에 안드시면 바뀐 코드를 알려드릴 수도 있습니다.

    • BlogIcon 한비[韓非]
      2010.06.09 13:43

      잘사용하겠습니다. 혹시.. 영어 버젼으로는 하실 생각없으신가요 -_-?

      • BlogIcon 도바토
        2010.06.11 23:06 신고

        간단하니까 다음 버전에 반영하겠습니다. :)

      • BlogIcon 한비[韓非]
        2010.06.15 06:06

        아 기대하고 있을께요 감사합니다!!

    • BlogIcon 카이레스
      2010.08.03 19:00

      이쁘네요 잘쓸게요 :)

      • BlogIcon 도바토
        2010.08.03 20:05 신고

        감사합니다 ^^

    • 알 수 없는 사용자
      2010.08.22 10:32

      안녕하세요. 블루큐브 1.3v이 맘에 들어서 설치했는데, 전체보기나 방명록을 누르면 글씨가 굴림체로 나오는데 이것을 수정하려면 어떻게 해야하나요. 컴퓨터에는 나눔고딕이 설치되어있는 상태입니다.

    • 123566
      2011.09.14 00:49

      사용자의 경험을 무시하는 스킨이군요 ^^ ie를 버리다니요 ~
      ie를 버리라고 하기전에 자신의 실력이 부족해서 라고 쓰시는게 나을듯 하네요.

    • BlogIcon Klassikcat
      2012.01.04 15:34 신고

      본문 가로폭은 변경할 수 없나요?

    • BlogIcon Stooxiacall
      2014.09.23 10:23

      이용약관위배로 관리자 삭제된 댓글입니다.

    • BlogIcon Stooxiacall
      2014.09.23 10:24

      이용약관위배로 관리자 삭제된 댓글입니다.

    • BlogIcon Stooxiacall
      2014.09.30 00:48

      이용약관위배로 관리자 삭제된 댓글입니다.

    • BlogIcon Stooxiacall
      2014.09.30 09:16

      이용약관위배로 관리자 삭제된 댓글입니다.

    • BlogIcon Stooxiacall
      2014.10.05 07:52

      이용약관위배로 관리자 삭제된 댓글입니다.

    • BlogIcon Stooxiacall
      2014.10.05 08:01

      이용약관위배로 관리자 삭제된 댓글입니다.

    • BlogIcon Stooxiacall
      2014.10.07 05:25

      이용약관위배로 관리자 삭제된 댓글입니다.

    트랙백

    ※ 스팸 트랙백 차단중 ...{ ? }

    점점 나락으로 빠져드는 스킨 제작

    스킨 2010. 5. 16. 22:29
    아아... 스킨위자드에서 뻗어버렸습니다.

    아무리 해도 배경이미지를 넣을 수가 없습니다. 도데체 어디가 잘못된거야.

    저번 스킨은 대충 클래스만 넣어주고 스킨위자드를 거의 버리다시피(...)했는데
    이건 스킨위자드를 위해 만든 스킨이라서 잠시 보수는 보류하고 혼자쓰는 것으로만 썩혀두기로 합니다.

    (도와주실 분도 찾아요~♥) (ㄱ-

    Ps. 배경이미지를 강제로 넣어봤더니 브라우저마다 죄다 다른 결과를 보여줍니다... ㅡ (크롬에서 가장 제대로 보임.)
    저작자표시비영리변경금지
    Posted by 도바토
    CSS, CSS+HTML, CSS/HTML, HTML, HTML+CSS, HTML/CSS, 나락, 도와주세요, 떡실신, 블로그, 블로그 스킨, 블로깅, 블로깅라이프~, 뻗쳤다., 스킨, 스킨위자드, 으아니, 챠, 태터툴즈, 태터툴즈 스킨, 티스토리, 티스토리 스킨
    • 알 수 없는 사용자
      2010.05.20 08:32

      ㄷㄷㄷ... 고생하시는군요... 실력이 없기에 전 완성된 스킨의 사용을 기대해보겠습니다. ㅜㅜ

      • BlogIcon 도바토
        2010.05.20 11:42 신고

        문제해결 대부분 완료. 브라우저 호환성만 맞추면 완성됩니다.

    트랙백

    ※ 스팸 트랙백 차단중 ...{ ? }

    BLUECUBE v1.0 BETA - 티스토리 블로그 스킨 배포

    스킨 2010. 5. 12. 00:01


    BLUECUBE for Tistory v1.0 BETA
    (네이밍 센스 0)

    구글 크롬 최적화 스킨
    구글 크롬에서 제작되었으며, 구글 크롬에서 가장 잘 보입니다.



    블로그 스킨을 처음 만들어봤습니다. 심플하게 만든 티스토리용 블로그 스킨입니다.


    폰트는 나눔글꼴, 맑은 고딕, Meiryo UI, Segoe UI, Arial Black, Helvetica를 사용했습니다.
    한글 폰트는 나눔글꼴이 우선으로 보입니다. 없는 경우 맑은 고딕이 보입니다.

    푸터와 index.xml의 저작권을 수정하지 않는 이상 디자인 편집은 자유롭게 하실 수 있습니다. 재배포는 하지 말아주세요.
    발생하는 문제점&버그 신고는 블로그에 글을 쓰셔서 이 글에 트랙백을 걸어주시거나,
    네이트온 megami_kagura@nate.com, / MSN komfeto@gmail.com, / 구글 토크 komfeto@gmail.com 을 추가하셔서 인스턴트 메시지 걸어주세요.

    TISTORY_BLUECUBE_by_Polaris_Australis.7z



    저작자표시비영리변경금지
    Posted by 도바토
    chrome, CSS, HTML, HTML+CSS, HTML/CSS, 구글 크롬, 나눔고딕, 나눔글꼴, 배포, 배포 스킨, 블로그, 블로그스킨, 스킨, 심플, 웹표준, 크롬, 크롬 최적화, 티스토리, 티스토리 스킨
    • 알 수 없는 사용자
      2010.05.12 01:47

      처음 만들었는데 상당히 좋군요.

      • BlogIcon 도바토
        2010.05.12 22:11 신고

        감사합니다.

    • BlogIcon Ion
      2010.05.12 23:00

      드디어 첫번째 스킨 제작 끝? 다음 작품을 기대합니다~

      • BlogIcon 도바토
        2010.05.12 23:04 신고

        얼른 만들고 싶네요. 시간이 많으면 좋을텐뎅

    • BlogIcon kimatg
      2010.05.12 23:18

      깔끔하네요^^

      • BlogIcon 도바토
        2010.05.12 23:34 신고

        감사합니다. 깔끔하다못해 밋밋하죠.(

    • 알 수 없는 사용자
      2010.05.14 09:52

      호오 드디어 배포를 시작하셨군염
      괜찮은 스킨인듯. ㅋ

      • BlogIcon 도바토
        2010.05.14 12:59 신고

        써보지않으면 괜춘한지 아닌지 모릅니다(...)
        크롬에는 충분히 중독되쎴나욤? ㅋ

    • BlogIcon 곰단지
      2010.05.16 15:06 신고

      좋은 스킨입니다.
      크롬플러스 브라우저에서 잘 보입니다. ^^

      덧. 정작 Polaris Australis 님 블로그 코멘트는 크롬에서 작성이 안 되나 봐요? 익스플로러 모드로 바꿔서 달고 갑니다. ㅋ

      • BlogIcon 도바토
        2010.05.16 20:30 신고

        스킨 써주셔서 감사합니다. 이상한 점 있으면 언제든지 알려주세요.
        저는 작성 잘 되는 것 같은데요? ^^;

    • BlogIcon lazykuna
      2010.05.21 21:51 신고

      이야, 깔끔한데요? :)
      조잡한 제 스킨에 어떻게든 자극제로 삼아봐야 겠습니다 ㅠ_ㅠ..

      • BlogIcon 도바토
        2010.05.22 13:25 신고

        감사합니다. 깔끔하기보단 단순하다고 하는게 맞습니다 -ㅂ-;
        별로 안 조잡한데요? CSS 쪽을 보면 제가 훨씬 더 조잡할지도..

    • BlogIcon 찬지즐
      2010.05.22 18:54 신고

      스킨 받아서 설정했씁니다 ^ㅡ^ 감사합니다 ^ㅡ^

      근데 제껀 왜 좀 다르게 나올까요 ㅠㅠ

      • BlogIcon 도바토
        2010.05.22 21:03 신고

        제가 수정된 디자인을 블로그에 직접 적용하면서 확인해서 그렇습니다. ^^;;

    • 알 수 없는 사용자
      2010.06.26 10:47

      지금 크롬 쓰는데... 크롬에 최적화되었다고 해서 담아갑니다^^ 잘 쓸께요!!!

    • 알 수 없는 사용자
      2010.08.07 14:11

      잘쓰겠습니다~_~

    • 알 수 없는 사용자
      2011.06.13 19:55

      Polaris Australis님 안녕하세요. 제 블로그에 Polaris Australis님 스킨 배포 링크연결 해놨습니다. 혹시 문제되면 말씀주세요. 그리고 배포해주셔서 정말 감사합니다. ( http://hanstory.tistory.com/10 )

    트랙백

    ※ 스팸 트랙백 차단중 ...{ ? }

    스킨 제작중입니다.

    스킨 2010. 5. 4. 17:48



    만드는게 생각보다...빠르네요?

    현재 40% 정도 완성했습니다. 위 스크린샷은 그냥 초기 과정이에요.
    스타일이 전혀 적용되지 않은 뼉다구가 보이시죠?

    가능하면 오늘 안에 완성해서 적용해 보이겠습니다.
    저작자표시비영리변경금지
    Posted by 도바토
    CSS, HTML, HTML+CSS, HTML/CSS, LUNATIC HAPPINESS, 만세, 만세!!, 블로그, 블로그라이프!, 블로깅, 블로깅라이프~, 뼉다구, 생각보다, 쉽구요, 스킨, 스킨제작, 시험끝, 아힝흥행, 앗싸, 앗싸 좋구나, 잇힝, 잇힝~, 재미, 재미있어욧!, 재밌는거, 치환자, 태터툴즈, 티스토리, 티스토리 스킨
    • 알 수 없는 사용자
      2010.05.04 19:35

      이분 능력자구나. 보수를 좀 부탁해야겠어요.

      • BlogIcon 도바토
        2010.05.04 20:48 신고

        언제든지요! (가능한 선에서만...)

    트랙백

    ※ 스팸 트랙백 차단중 ...{ ? }

    블로그 스킨 제작 계획도

    스킨 2010. 5. 3. 15:10
    구글 크롬으로 제작



    Paint.NET으로 대충 그렸습니다.

    혼자만 쓰지 않고 배포도 해볼 생각입니다.

    목표는 연휴가 끝나는 일요일이 끝나기 전에 제작 완료하기!!!!

    과연 아무것도 안하는 잉여블로그에서 탈출할수 있을까요?
    Posted by 도바토
    chrome, Chromeplus, CSS, Google Chrome, HTML, HTML+CSS, HTML/CSS, Paint.NET, XHTML+CSS, XHTML/CSS, XML, 계획, 구글 크롬, 대장정, 대장정준비중, 미션 임파서블, 부디..., 불가능은 없다, 불가능한 꿈, 블로그, 블로그 스킨, 블로깅, 블로깅~, 블로깅라이프~, 스킨, 스킨 제작, 스킨만들기, 스킨만들기~, 스펙타클, 연휴, 크롬, 크롬 최적화, 크롬 플러스, 크롬과 티스토리, 티스토리, 티스토리 스킨, 페인트닷넷
    • BlogIcon TuNE
      2010.05.03 15:51

      오오 능력자... !

      • BlogIcon 도바토
        2010.05.04 12:06 신고

        하핫 별로 잘하는건 아닙니다 -ㅅ-; 자바스크립트를 거의 안쓰는 스킨으로 만들 예정입니다. (못써서)

    • 알 수 없는 사용자
      2010.05.03 18:08

      우왓 좋은 구도다

      • BlogIcon 도바토
        2010.05.04 12:07 신고

        감사함니당 ㅎㅎ

    트랙백

    ※ 스팸 트랙백 차단중 ...{ ? }
    이전페이지 다음페이지
    블로그 이미지

    Standby

    by 도바토

    공지사항

    • Profile - 플로넨
    • Profile - 도바토

      최근...

    • 포스트
    • 댓글
    • 트랙백
    • 케이스 전면 팬 140mm로 교체하기
    • Mikrotik RB2011UIAS-2HnD-IN (2)
    • Windows 10 Pro FPP 구입! (1)
    • 레오폴드 FC900R 스탠다드 PBT 적⋯
    • 데스크탑의 대격변 (2)
    • 더 보기
    • 저도 이번에 이 제품을 구입했는데⋯
      홍현민 ㆍ 2017
    • 2016년 윈도우 PC 프로그래밍 핫⋯
      sayheart ㆍ 2017
    • 희귀한 개봉기당
      도바토 ㆍ 2017
    • 마이크로소프트에서 맨든 USB...⋯
      도바토 ㆍ 2017
    • 글게요 이게 대체 뭘까여...
      도바토 ㆍ 2016

    태그

    • 애니메이션
    • 게임
    • 오오오오오ㅗㅇ
    • 블로깅라이프~
    • 스킨
    • 스킨제작
    • 티스토리 스킨
    • 태그가 적다
    • 만세!!
    • 던전앤파이터
    • HTML
    • chrome
    • 뻘짓
    • 코원
    • 스크린샷
    • 블루큐브
    • HTML+CSS
    • 대항해시대 온라인
    • CSS
    • 크롬 플러스
    • 태그달기 귀찮아
    • 블로그
    • 블로깅
    • 마인크래프트
    • 구글 크롬
    • 파이어폭스
    • 블로그 스킨
    • 티스토리
    • 뻘글
    • 크롬

    글 보관함


    • 2017/01
      (2)

    • 2016/12
      (5)

    • 2016/08
      (1)

    • 2015/09
      (2)

    • 2015/06
      (5)

    • 2015/05
      (4)

    • 2015/04
      (6)

    • 2015/03
      (5)

    • 2015/02
      (11)

    • 2015/01
      (5)

    • 2014/12
      (2)

    • 2014/11
      (9)

    • 2014/10
      (4)

    • 2014/09
      (4)

    • 2014/08
      (2)

    • 2014/07
      (4)

    • 2014/06
      (1)

    • 2014/05
      (6)

    • 2014/04
      (13)

    • 2014/03
      (4)
    «   2022/05   »
    일 월 화 수 목 금 토
    1 2 3 4 5 6 7
    8 9 10 11 12 13 14
    15 16 17 18 19 20 21
    22 23 24 25 26 27 28
    29 30 31        

    링크

    카테고리

    전체 (242)
    공지사항 (3)
    잡담 (91)
    컴퓨터 (25)
    모바일 (11)
    음향기기 (6)
    전자기기 (1)
    대항해시대 온라인 (17)
    마인크래프트 (16)
    던전 앤 파이터 (31)
    게임 (5)
    스킨 (27)

    카운터

    Total
    300,296
    Today
    0
    Yesterday
    7
    방명록 : 관리자 : 글쓰기
    도바토's Blog is powered by daumkakao
    Skin info material T Mark3 by 뭐하라
    favicon

    breeze on everywhere

    Standby

    • 태그
    • 링크 추가
    • 방명록

    관리자 메뉴

    • 관리자 모드
    • 글쓰기
    • 전체 (242)
      • 공지사항 (3)
      • 잡담 (91)
      • 컴퓨터 (25)
      • 모바일 (11)
      • 음향기기 (6)
      • 전자기기 (1)
      • 대항해시대 온라인 (17)
      • 마인크래프트 (16)
      • 던전 앤 파이터 (31)
      • 게임 (5)
      • 스킨 (27)

    카테고리

    PC화면 보기 티스토리 Daum