서브메뉴

whiteBoard 2.0 for Textcube,Tistory

by hi8ar

Textcube를 위한 whiteBoard 스킨을 공개합니다.

whiteBoard_스킨미리보기

whiteBoard v2.0

쵸썰렁한 하얀 보드에 대문짝만하게 낙서하는 기분으로 사용하시면 좋습니다. :) 아름다운 낙서를 위해 다양한 색상의 마커펜을 제공.. 훗~ 처음에 생각했던 깔끔한 시안 이미지 는 안드로메다로~ 이것은 완전 난장 분위기~

History

  1. 2008.10.30 whiteBoard v1.0 공개
  2. 2008.10.31 whiteBoard v1.1 업데이트 - IE6 : 레이아웃보다 작은 크기의 창 사이즈일때 검색폼 배경 잘리는 문제 수정. http://hi8ar.net/entry/whiteBoard-for-Textcube#comment18650 
  3. 2008.11.1 whiteBoard v1.1 for 티스토리 공개
  4. 2008.11.2 whiteBoard v1.1 for 티스토리 업데이트 - 사이드바의 링크가 출력되지 않는 문제 수정.
  5. 2008.11.8 whiteBoard v2.0 / whiteBoard v2.0 for 티스토리 공개 - 작은 가로 해상도(1024px) 에서도 무리 없이 사용 할 수 있도록 수정된 버젼입니다.
  6. 2008.12.7 티스토리 버젼에서 페이지 타이틀 치환자 오류 수정
2.0 버젼에서 달라진 점
  • 변경된 파일 : index.xml, skin.html, layout.css, main.css, screen_ie6.css, preview.gif
  • 가로 해상도 1024px 에서도 한 화면에 가로 스크롤바 없이 출력, 그보다 큰 해상도에서는 가운데 정렬하도록 수정.
  • 사이드바 리스트 박스 클래스를 sidebarListBox 에서 listbox 로 수정. (사용자 편의를 위해, 플러그인 등에서 만드는 리스트 코드를 수정하지 않도록, 기본 스킨과 동일한 클래스명으로 수정했습니다.)
  • 방명록 textarea에서 IE6의 경우, hover 효과가 나타나지 않던 문제 수정.
  • 본문 h3 Heading, 1px solid #ddd 밑줄 추가.
  • 사이드바에 200px 이상 되는 element를 추가해도 사이드바가 떨어지지 않도록 수정.
  • 불필요해진 IE_hack 제거.
  • 티스토리 버젼의 경우, IE에서 검색폼 동작하지 않던 문제 수정.
  • 그리고.. 기타 등등.. :)

적용 방법

  1. 다운 받은 zip 파일의 압축을 풉니다.
  2. 자신의 계정, 텍스트큐브 스킨 폴더에 FTP 등을 이용해서 업로드 합니다.
  3. 텍스트큐브 관리자 페이지, 꾸미기 - 스킨선택 에서 적용합니다.
  4. 스킨 상세 설정에서 자신의 블로그에 맞게 설정합니다.
  5. 참 쉽죠? :)

whiteBoard 스킨 정보

  • 본문 : 620px
  • 사이드바 : 200px
  • 이미지 리사이징 : 600px (index.xml)
  • 모니터 해상도가 가로크기 1280px 이상이 되어야 보기 좋지만 1024px 에서도 잘 나옵니다.
  • 기본 글꼴 : 이 스킨은 네이버에서 배포하는 나눔고딕  글꼴을 기본으로 사용합니다. (font-family: NanumGothic, 나눔고딕, "Malgun Gothic", "맑은 고딕", "Lucida Grande", "Segoe UI", Arial, AppleGothic, Sans-serif; )
  • 텍스트 큐브 1.7.6 버젼에서 테스트 했습니다. 달력을 제외한 대부분의 텍스트 큐브 최신(?) 기능을 지원합니다.
  • 텍스트 큐브 1.7.5 이하 버젼에서 사용시, bodyID 한 곳을 수정하셔야 합니다. main.css 28라인

/* ####### body ID 를 이용한 현재 페이지 표시 ####### */ body#tt-body-pages #navMeta a { background-position: 0 -40px; }

위 코드 부분에서 body#tt-body-pages 를 body#tt-body-page 로 수정하셔야 블로그 처음 페이지 일때 home 탭이 활성화 되어 현재 페이지로 표시 됩니다. 이는 텍스트큐브 1.7.6 에서 notice 를 대신할 수 있는 page 기능이 강화 되면서, 기본 페이지의 body ID 가 변경되었기 때문입니다.

whiteBoard 스킨 특징

  • XHTML 1.0 Transitional
  • CSS 2.1
  • 웹표준 준수, Firefox 3.0, Safari 3.1, Opera 9.5, IE 6.0 ~ 7.0, GoogleChrome 크로스 브라우징.
  • 영역별 css 분리 코딩.
  • 쉬운 사용자 컬러 테마 변경. :)
  • IE를 위한 css hack 분리.
  • 과도하게 남발한(?) 주석 :)
  • print.css 와 wysiwyg.css 포함.
  • 나눔고딕 글꼴이 설치되지 않은 시스템에서 볼때엔 상당히 구림.. =_='

저작권

  • 공개된 리소스를 제외한 대부분의 권리는 hi8ar.net에 있습니다.
  • 영리/상업적 이용을 하실 수 없습니다.
  • 광고만을 위한 스팸 블로그에선 사용하실 수 없습니다.
  • 개인적인 이용시 자유롭게 수정이 가능합니다. 다만 수정시 원 제작자를 표시하여야 합니다.
  • 특별한 경우가 아닌 이상 다음 링크의 라이센스에 따릅니다. :) http://creativecommons.org/licenses/by-nc-sa/2.0/kr/ 

사용자 컬러 테마 theme.css

css에서 스킨의 기본 색상을 따로 분리해서 하나의 문서에 담았습니다. (과장 쵸큼 보태서..) 아아아~ 카멜레온 처럼 변하는 당신의 블로그는 일곱 빛깔 무지개~~ 훗, 워낙에 배경이 허멀건한 것밖에 없다 보니, 색상 하나만 바꿔도 새로운 분위기~ :) 좋아하는 색상의 마커펜을 사용한다는 기분으로~

  1. theme.css 를 사용하는 텍스트 에디터로 엽니다.
  2. 배포되는 theme.css 에 지정되어 있는 기본 컬러는 1번, 빛바랜 빨강색 마커펜 #966 입니다.
  3. 사용하는 에디터의 찾기/바꾸기 기능을 이용해서, 좋아하는 색상의 컬러값으로 바꿔 줍니다.
  4. 수정한 theme.css 를 다시 업로드 하셔서 덮어쓰시면, ok~
  5. 추천하는 색상. 파스텔 톤의 은은한 색상이 잘 어울립니다.
  6. 아래는 제가 미리 수정해서 올려둔 예제 입니다. 파일명을 theme.css로 수정하시고 css 폴더에 덮어 쓰시면 됩니다. 싫증이 났거나, 분위기 변화를 주고 싶을때 언제든 교체해 보세요~!

샘플 예제 Download

기타 알림사항

Download for Textcube

whiteBoard_v20.zip

Download for Tistory

whiteBoard_v20_tistory_title수정판.zip

감사합니다. :)

2008/11/09 01:54 2008/11/09 01:54
Rated 4.55/5 (90.91%) (11 Votes)
받은 트랙백이 없고   27개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/850
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/850
Comments
  • 요리
    2008/10/31 08:46  PERMALINK  MODIFY/DELETE  REPLY

    티스토리에서는 사용 가능한가요?

  • 호지니
    2008/11/01 10:08  PERMALINK  MODIFY/DELETE  REPLY

    감사합니다/.^^ 잘쓸께요/.^^

  • 호리
    2008/11/02 00:07  PERMALINK  MODIFY/DELETE  REPLY

    잘만드시네요^^

  • 남태평
    2008/11/02 00:54  PERMALINK  MODIFY/DELETE  REPLY

    사이드바에 링크가 [##_link_list_##]로 돼있는데 안 떠요
    저만 그런가요(=_=;)?

    <ul class="box">
    <s_link_rep>
    <li>
    <a href="[##_link_url_##]" onclick="window.open(this.href); return false"><p>[##_link_site_##]</p></a>
    </li>
    </s_link_rep>
    </ul>
    로 바꿔주니까 뜹니다

    어쨌든 스킨 굉장히 마음에 들어서 즉시 적용했어요 ㅋㅋ
    저는 굴림을 선호해서 굴림으로 전부 바꾸긴 했지만요(=_=;)
    잘 쓰겠습니다!

    • hi8ar 
      2008/11/02 19:20  PERMALINK  MODIFY/DELETE

      흠냐.. 그렇네요. 텍스트큐브 치환자가 티스토리에서 적용되지 않는걸 확인 못했습니다. 수정해서 새로 올려두었습니다.

  • 아이지 
    2008/11/07 21:28  PERMALINK  MODIFY/DELETE  REPLY

    와.. 미칠듯이 이쁘네요... ^^
    감격입니다 디자인.. 잘쓸께요~!

  • hi8ar 
    2008/11/09 01:48  PERMALINK  MODIFY/DELETE  REPLY

    가로 해상도 1024px 에서도 잘 보이는 2.0 버젼을 새로 받아 주세요. :)
    감사합니다~

  • 류바리
    2008/11/10 23:30  PERMALINK  MODIFY/DELETE  REPLY

    고맙습니다~ 잘 쓸게요~ 깔끔 큼직 시원해서 좋아요.ㅎㅎ

    다만 admin버튼을 못찾아 당황했다는... 지원안되나요?

    • hi8ar 
      2008/11/11 13:46  PERMALINK  MODIFY/DELETE

      admin 버튼은 페이지 하단 footer에 rss 버튼 옆에 있습니다.
      텍스트큐브 단축키인 "Q" 키를 이용해서 관리자 페이지에 접근하시는 것이 훨씬 편리합니다만... :)

  • 류바리
    2008/11/11 20:46  PERMALINK  MODIFY/DELETE  REPLY

    예상치 못한 곳에 있군요. ㅎㅎㅎ 그래도 오히려 깔끔하니 좋고... 단축키 몰랐는데 편하네요.^^ 고맙습니다~

  • 쵸코 
    2008/11/13 17:25  PERMALINK  MODIFY/DELETE  REPLY

    깔끔해서 이쁘네요~잘 쓸께요~^^

  • 사과벌뢰
    2008/11/19 02:59  PERMALINK  MODIFY/DELETE  REPLY

    스킨 완전 맘에들어요 티스토리용은 없는줄 알았는데 밑으로 내려보니깐 티스토리용두 있어서 넘넘 감사해요 잘 쓸께요

  • amy
    2008/11/19 13:35  PERMALINK  MODIFY/DELETE  REPLY

    오.. 시원시원 정말 멋져요^^

  • mlml 
    2008/11/19 17:37  PERMALINK  MODIFY/DELETE  REPLY

    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    ★★★대한민국 1위 현금게임 사이트... ★누구든 하시구 대박나는 싸이트★★★

    http://MLML.ah.to
    ◎ 요즘 유행하는 성v인pvc방과 똑같은 스타일!!!(온라인포v커,맞v고)
    http://MLML.ah.to
    ◎ 현재 최고인기싸이트 (주민번호 필요없이 회원가입무료)
    http://MLML.ah.to
    ◎ 신속 정확한 환전시스템과 다양한 이벤트로 양질의 서비스
    http://MLML.ah.to
    ◎ 금액제한없이 전액출v금가능!!! (따는만큼 바로 통장으로 입금)
    http://MLML.ah.to
    ◎ 말할 필요가없어요 큰판에서 제대로 게임하고 싶다면 여기로!!!
    http://MLML.ah.to
    ◎ 유저수 많고 고액방 확실히 돌아갑니다(초강력 이벤트 중)
    http://MLML.ah.to

    ◎ 온v라인 포커,바v둑이,맞v고,바v카라,블v랙잭 좋아하는 분들께 강력 추천드립니다.
    v

  • potocosmos 
    2008/12/07 01:01  PERMALINK  MODIFY/DELETE  REPLY

    우와~~!! 감사합니다.~~ 깔끔하이 좋네요^.^.

  • ray
    2008/12/07 16:53  PERMALINK  MODIFY/DELETE  REPLY

    이런........ 완전 감격의스킨입니다!!!
    ㅜㅜ 감사히 잘 쓸께요 ^^

  • ddiamo 
    2008/12/08 10:30  PERMALINK  MODIFY/DELETE  REPLY

    컨텐츠들이 큼직큼직하고 눈에 아주 잘 들어오네요 ㅎㅎ
    심플하고 이쁩니다 ^^ 잘쓰겠습니다 ㅎㅎ

  • 호시카라
    2008/12/08 23:46  PERMALINK  MODIFY/DELETE  REPLY

    감사히 쓰겠습니다 ㅇㅅㅇ.

  • rasche
    2008/12/09 07:32  PERMALINK  MODIFY/DELETE  REPLY

    정말 예쁘네요 :)
    시험기간에 우울해서 기분 전환거리가 필요했는데 (…)
    잘 쓰겠습니다 !

  • 띠보
    2008/12/09 23:44  PERMALINK  MODIFY/DELETE  REPLY

    잘 쓸게요..

  • geniekwon
    2009/01/12 00:48  PERMALINK  MODIFY/DELETE  REPLY

    스킨 잘 받았습니다^^ 감사~~
    그런데 적용하니깐 헤드부분이 이상해여..초보라서
    어케해야하는지 모르겠네요. 블로그에서 확인해주세요

  • skein 
    2009/01/30 19:16  PERMALINK  MODIFY/DELETE  REPLY

    우와 예쁘네요. 잘 쓰겠습니다.

  • sheeze
    2009/02/09 20:45  PERMALINK  MODIFY/DELETE  REPLY

    엄청 예뻐요~!!!!잘쓰겠습니다!

  • 밍♪♬
    2009/02/19 12:17  PERMALINK  MODIFY/DELETE  REPLY

    아정말이뻐요~잘쓸께요~!

  • 심현진
    2009/02/22 03:48  PERMALINK  MODIFY/DELETE  REPLY

    스킨이 넘 이쁜데요? 감사합니다~~
    잘쓰겠습니다.

  • Albatross
    2009/03/01 20:21  PERMALINK  MODIFY/DELETE  REPLY

    예쁘네요 ^^
    감사히 잘 쓸게요~

COMMENT*
[로그인][오픈아이디란?]

◀ 이전페이지 1 ... 29 30 31 32 33 34 35 36 37 ... 566 다음페이지 ▶