breeze on everywhere

블로그 이미지

도바토

Standby

'CSS'에 해당되는 글 12건

제목 날짜
  • [티스토리 스킨 배포] FLATBERRY Mixberry Ver. 1.8(6) 2011.12.10
  • ANDROMEDA v1.0 - 티스토리 스킨 배포(7) 2011.02.24
  • 블루큐브 v1.5 - 티스토리 스킨(15) 2010.08.03
  • [베타] 블루큐브 v1.4 - 티스토리 스킨(11) 2010.07.22
  • 블루큐브 스킨 뜯어보기 Part.1 - 「CSS3」(11) 2010.06.01
  • 점점 나락으로 빠져드는 스킨 제작(2) 2010.05.16
  • BLUECUBE v1.0 BETA - 티스토리 블로그 스킨 배포(17) 2010.05.12
  • 스킨 제작중입니다. (2)(8) 2010.05.04
  • 스킨 제작중입니다.(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, 믹스베리, 배포, 블로그 스킨, 스킨, 스킨배포, 티스토리, 티스토리 스킨

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, 구글 크롬, 블로그 스킨, 스킨, 크롬, 티스토리, 티스토리 스킨, 파이어폭스

블루큐브 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, 블로그 스킨, 블루큐브, 스킨, 스킨제작, 티스토리 스킨

    [베타] 블루큐브 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, 구글 크롬, 나눔고딕, 나눔글꼴, 배포, 베타, 베타버전, 베타테스트, 블로그 스킨, 블루큐브, 스킨, 스킨 배포, 스킨만들기, 스킨제작, 크롬, 크롬 최적화, 티스토리 스킨

    블루큐브 스킨 뜯어보기 Part.1 - 「CSS3」

    스킨 2010. 6. 1. 20:15
    CSS3[씨에스에스삼]으로 div(글상자)의 모서리를 둥글게 만들어 보세요.
    저도 방금 알아냈어요. (...)

    드디어 시작된 스킨 뜯어보기 코너. 그런데 처음부터 난데없이 CSS3인 이유는...

    블루큐브 스킨을 보시면 전체적으로 둥글둥글하다고 느끼실 겁니다. 그 둥근 테두리를 전부 이미지로만 처리해야 하는 애로사항이 있었는데, CSS3의 사용법 중 div(글상자)의 모서리를 둥글게 만드는 것이 있다는 것을 뒤늦게 깨닫고 말았습니다.

    ...-ㅅ-;; 많이 늦긴 하지만 CSS3을 사용하는 스킨이 되었다는 말입니다.


    예를 들어 이런 부분이 있다고 하면


    이렇게 세 부분으로 나누어져서, 각각 부분을 글상자로 만든 다음
    윗부분과 아랫부분은 테두리를 둥글게 그려놓은 배경이미지로 채워넣고,
    가운데 부분은 흰색 배경으로 채워 넣는 것이었습니다.

    .commentReplyTop {
      width:603px; height:6px;
      margin-top:12px;
      background:url(images/commentReplyTop.png) center center no-repeat;
    }

    .commentReplyBottom {
      width:603px; height:6px;
      margin-bottom:12px;
      background:url(images/commentReplyBottom.png) center center no-repeat;
    }

    .commentList p {
      background-color:#FFF;
      padding:5px 12px 5px 12px;
      margin:0;
    }

    <div class="commentReplyTop">
    </div>
    <p>[샵샵_rp_rep_desc_샵샵]</p>
    <div class="commentReplyBottom">
    </div>

    이렇게 난잡하기 짝이 없던 코드가


    .commentList p {
      background-color:#FFF;
      padding:12px;
      margin:12px 8px 12px 0;
      -webkit-border-radius:7px;
      -moz-border-radius:7px;
    }

    <p>[샵샵_rp_rep_desc_샵샵]</p>

    무려 이렇게 간단하게 바뀌어버렸습니다. 오오 이런...
    결과는 위의 사진과 거의 동일하게 나오겠죠?(귀찮아서 사진 안올리려는 수작)

    색깔이 좀 달라진건 신경쓰지 말아주시고, 결과물이 아주 약간 더 깔끔하다는 것을 확인할 수 있습니다.



     코드를 보시면 감이 확 오실 겁니다. 넵. 크롬, 사파리, 파이어폭스에서만 보입니다.

    사용법은 이렇습니다.

    -webkit-border-radius:(수치)px;
    -moz-border-radius:(수치)px;

    위의 두 줄을 CSS파일의 원하는 부분에 부담없이 넣어주시면 됩니다. 픽셀 말고 다른 단위는 되나 확인을 안해봤네요.
    div 뿐만 아니라 img(이미지)에도 먹히더군요. 예뻐 죽겠네요. -ㅂ-


    신기술과 친하게 지내는것은 언제나 좋은것 같습니다. 어허허
    위의 글상자 모서리 둥글게 다듬어주는것뿐만 아니라 텍스트 그림자에 글상자 그림자, 그라이언트까지 아주 지옥같은 집이 천국의 러브하우스로 변하는중.
    이것들을 굉장히 다양한 방법으로 혼합해서 사용하면 무한한 응용이 가능하더군요.
    근데 이제부터 IE나 오페라에서는 제 스킨이 매우 각지게 나오겠군요? 완전 다른 스킨마냥...

    저작자표시 비영리 변경금지
    Posted by 도바토
    border-radius, CSS, CSS+DIV, CSS+HTML, css3, div, 굿, 글상자, 대발견, 뒷북, 뒷북소식, 모질라, 스킨, 스킨 뜯어보기, 스킨만들기, 오오오오오ㅗㅇ, 우와아아앙, 웹디자인, 웹킷, 웹프로그래밍

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

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

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

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

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

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

    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, 구글 크롬, 나눔고딕, 나눔글꼴, 배포, 배포 스킨, 블로그, 블로그스킨, 스킨, 심플, 웹표준, 크롬, 크롬 최적화, 티스토리, 티스토리 스킨

    스킨 제작중입니다. (2)

    스킨 2010. 5. 4. 20:37
    (디자인 병맛)


    제작 5시간째.

    점점 틀이 잡혀져 가는군요...

    CSS로 꾸미는 손맛이 억수로 부드럽네요.

    처음 만들어보는 거라 일부분은 다른 스킨을 참고하면서 만들고 있습니다.

    저작자표시 비영리 변경금지
    Posted by 도바토
    chrome, CSS, CSS+HTML, CSS/HTML, Google Chrome, HTML, 구글 크롬, 블로그, 블로그 스킨, 블로그스킨, 블로깅, 블로깅라이프~, 스킨, 치환자, 크롬, 클래스, 태그달기 귀찮아 ㄱ, 티스토리, 티스토리 스킨

    스킨 제작중입니다.

    스킨 2010. 5. 4. 17:48



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

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

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

    블로그 스킨 제작 계획도

    스킨 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, 계획, 구글 크롬, 대장정, 대장정준비중, 미션 임파서블, 부디..., 불가능은 없다, 불가능한 꿈, 블로그, 블로그 스킨, 블로깅, 블로깅~, 블로깅라이프~, 스킨, 스킨 제작, 스킨만들기, 스킨만들기~, 스펙타클, 연휴, 크롬, 크롬 최적화, 크롬 플러스, 크롬과 티스토리, 티스토리, 티스토리 스킨, 페인트닷넷

    이전페이지 다음페이지
    블로그 이미지

    Standby

    by 도바토

    공지사항

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

      최근...

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

    태그

    • HTML
    • 태그가 적다
    • 구글 크롬
    • 크롬
    • 코원
    • 스킨제작
    • 블로깅
    • 블루큐브
    • 만세!!
    • 블로깅라이프~
    • chrome
    • 뻘짓
    • 던전앤파이터
    • 블로그 스킨
    • 티스토리
    • 태그달기 귀찮아
    • 블로그
    • 게임
    • 대항해시대 온라인
    • CSS
    • 파이어폭스
    • 티스토리 스킨
    • 애니메이션
    • 스킨
    • 마인크래프트
    • 크롬 플러스
    • 뻘글
    • HTML+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)
    «   2023/02   »
    일 월 화 수 목 금 토
    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

    링크

    카테고리

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

    카운터

    Total
    301,659
    Today
    0
    Yesterday
    5
    방명록 : 관리자 : 글쓰기
    도바토'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

    티스토리툴바