hi8ar.net

"스킨"에 해당되는 글 12건

2008/11/09 whiteBoard for Textcube 338
2008/11/05 작은 해상도에서의 whiteBoard 스킨. 13
2008/06/03 텍스트큐브 관리자 스킨 만들기 10
2007/07/04 파랗게 물들이기.. 6
2007/06/19 칠판 선물 도착. 8
2007/06/14 5월 스킨 디자인 공모의 디자이너상. 10
2007/01/07 Thanks to iMacnoOn. 6
2007/01/05 New Skin ! 32
2006/11/17 Monochrome Skin for TT 1.1 [Ver1.1] 45
2006/10/22 태터툴즈 블로그 스킨 공모전 "인기상" 28

« 2024/12 »
일	월	화	수	목	금	토
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

whiteBoard for Textcube

Posted by hi8ar Posted in " Misc/forTextcube " 2008/11/09 01:46

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

whiteBoard v2.0

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

History

2008.10.30 whiteBoard v1.0 공개
2008.10.31 whiteBoard v1.1 업데이트 - IE6 : 레이아웃보다 작은 크기의 창 사이즈일때 검색폼 배경 잘리는 문제 수정. http://hi8ar.net/entry/whiteBoard-for-Textcube#comment18650
2008.11.1 whiteBoard v1.1 for 티스토리 공개
2008.11.2 whiteBoard v1.1 for 티스토리 업데이트 - 사이드바의 링크가 출력되지 않는 문제 수정.
2008.11.8 whiteBoard v2.0 / whiteBoard v2.0 for 티스토리 공개 - 작은 가로 해상도(1024px) 에서도 무리 없이 사용 할 수 있도록 수정.
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에서 검색폼 동작하지 않던 문제 수정.
그리고.. 기타 등등.. :)

텍스트큐브 적용 방법

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

티스토리 적용 방법

티스토리용 whiteBoard 스킨을 다운받습니다. 다운 받은 zip 파일의 압축을 풉니다.
티스토리 관리자 - 스킨선택 에서 업로드 합니다. (폴더는 구분해서 압축해 놓았지만, 어짜피 티스토리 스킨 업로드 기능이 알아서 업로드 해줍니다. 아무렇게나 몽땅 업로드 합니다.)
새 스킨으로 저장된 whiteBoard 를 적용합니다.
끝~

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/

사용자 Customizing

컬러 테마 theme.css

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

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

샘플 예제 중후하고 멋스러운 빛바랜 빨강색 마커펜 #966 대자연의 싱그러움을 느끼고 싶어 초록색 마커펜 #996 똘끼 충만 보라색 마커펜 #969 재래식 화장실에 대한 그리움 변색 마커펜 #630 진정한 남자라면 역시 핫핑크 마커펜 #ff0099 시험지의 빨간비 어젯밤에 새로산 빨강색 마커펜 #c33 할머니 손가락의 옥반지색 마커펜 #699

wBThemePack.zip

후~ 괜히 무지개 얘기해서....;;;;

IE6 의 경우 컬러테마에서 변경되지 않는 부분이 있습니다. 자세한 사항은 style_ie6.css 에서 확인 하실수 있습니다._M#]

액세서리

사이드바 250px 변신 킷. :)

250px 변신 킷에 사이드바 왼쪽 padding 값을 잘못 적는 실수가 있었습니다. 11.10 17:30 이전에 받으신 분들을 새로 받아 주세요.. =_=' 아 한번에 깔끔하게 되는 일이 없군요...;;

sidebar_250.zip

사실 킷이라 말하기 뭐하게 파일 딸랑 하나.. 스킨을 설치한 폴더/css/ 에 덮어 씌우면 옥헤이~ 음.. 생각건데 왼쪽 본문 영역 padding 50px 까지 잘라낸다면 (가로해상도 1024px에서) 사이드바는 300px 까지 가능. 본문과 사이드바 사이에 여백 하나 없이 딱 붙여도 좋은 사람이라면 320px 까지... :) 1024px 따위 "지옥에나 가버려~" 라면 사이드바는 당신이 원하는 만큼~ 사족... 본문은 이미지 배경 때문에 쉽게 줄이거나 늘릴 수 없어요~ =_=''

페이징 대체 이미지

alter_paging

이미지 폴더에 덮어 씌우면 됩니다. 어처구니 없게도... 사실 이것이 원래 디자인 이었습니다. =_=' 근데 좀 안 어울려서 중간에 퇴출~ :p

whiteBoard를 위한 표지(Coverpage) style.css

자세한 내용은 http://hi8ar.net/entry/표지-stylecss-for-whiteBoard 에서 보실수 있습니다.

예정 업데이트

예정 사항입니다. 언제 될지, 정말 하게 될지는 며느리도 모릅니다.. ;)

~~가로 해상도 1024px 에서도 가로 스크롤바 없는 멋진 모습 되기.~~
동적 css 적용 스크립트를 이용한 컬러테마 변경.
~~coverpage(MT_Meta_RecentPS_Default 플러그인)용 css.~~

기타 알림사항

whiteBoard 스킨의 본문 스타일은 이글에서 미리 보실 수 있습니다. article.css 에 공통 html 요소들이 디자인되어 있습니다.
나름 여유를 가지고 테스트를 진행 했지만, 얘기치 못한 버그나 에러가 있을 수 있습니다. 댓글로 알려주시면 최대한 빨리 수정하겠습니다.
적용하신 분은 어..... 간단한 사용 소감(?)이라던가.... 음.... 트랙백 같은 거 하나만 부탁 드려요~... 부디.. 그러니까... 제에발.... :p
앞으로의 버그 수정과 업데이트는 지금 보시는 이 글에서 이뤄집니다. 이 글의 "댓글(response) RSS" 를 사용하시는 리더기에 등록해 두시면, 업데이트 정보를 쉽게 보실 수 있습니다.

Download for Textcube

텍스트큐브 스킨 사이트에서 받으실수 있습니다.
DownLoad : http://textcube.org/theme/entry/whiteBoard-for-Textcube

Download for Tistory

티스토리 스타일 미리보기 : http://hi8ar.tistory.com/entry/티슷홀이-스타일-미리볼까
DownLoad : http://www.tistory.com/forum/viewtopic.php?id=3091

TAG Skin, Textcube, whiteBoard, 공개, 배포, 스킨, 텍스트큐브, 화이트보드

Trackback ( 32 ), Comments ( 338 )

Trackback

Trackback Address :: http://hi8ar.godohosting.com/oldlog/trackback/575

Subject : whiteBoard for Textcube,Tistory
Tracked from Skin :: Brand Yourself! : Web publishing platform 2008/11/01 16:46 del.
Textcube를 위한 whiteBoard 스킨을 공개합니다. whiteBoard v1.1 쵸썰렁한 하얀 보드에 대문짝만하게 낙서하는 기분으로 사용하시면 좋습니다. :) 아름다운 낙서를 위해 다양한 색상의 마커펜을 제공.. 훗~ 처음에 생각했던 깔끔한 시안 이미지 는 안드로메다로~ 이것은 완전 난장 분위기~ History 2008.10.30 whiteBoard v1.0 공개 2008.10.31 whiteBoard v1.1 업데이트 - IE6 : 레...
Subject : 민노씨의 느낌
Tracked from minoci's me2DAY 2008/11/03 09:31 del.
hi8ar.net __ whiteBoard for Textcube : 스킨 때문에 살짝 고민중이었는데, 정말 간만에 맘에 드는 스킨 출시(?). 스킨 제작자들의 노고에 다시 한번 감사하며...
Subject : whiteBoard v1.1 으로 스킨변경
Tracked from DarkSoft 2008/11/03 16:05 del.
출처: http://hi8ar.net오픈전에 이것저것 해보는 가운데서, 또다시 스킨변경을 하였다.큼지막한 글자크기가 맘에 들고, 마침 어제 이전스킨의 글꼴을 나눔고딕으로 바꿨는데, 이 스킨이 그것으로 적용되어 있었다.그런데, 문제는... 너무 하얗다. ;;;; 도메인을 WhiteSoft로 변경해야 하는건가? -0-;; "일상" 카테고리의 다른 글 whiteBoard v1.1 으로 스킨변경 (댓글 0개) 2008/11/03 웹폰트 변환 & 적...
Subject : 스킨 교체 : hi8ar님의 '화이트보드(whiteBoard)'
Tracked from 민노씨.네 2008/11/03 20:51 del.
0. 놋치와 작별하다. 스킨을 교체했습니다. 가장 큰 이유는 제목을 긁을 수 없다는 이유 때문이었죠(블록설정이 안되서요... ). 꽤 맘에 드는 스킨이었는데 살짝 아쉽기도 합니다. 그동안 놋치 스킨 잘 사용했습니다. 제작자이신 코코로 스튜디오의 clowleed님께 고마움을 전합니다.1. 스킨과 철학 어떤 블로거가 그랬죠. 블로그 스킨에도 그 블로거의 철학이 그대로 반영된다고 말이죠. 전적으로 공감합니다. 단순이즘을 좋아하셨던 가즈랑님과 아거님, 그...
Subject : WhiteBoard for Tistory
Tracked from Comgoon's House 2008/11/03 23:13 del.
이 전 스킨은 웹폰트를 적용하는데 잘 되지 않아서 이 것 저 것 해보다가 스킨을 변경했더니 되길래 불가피하게 바꾼 스킨이었다. 영~ 내 맘에 들지 않아서 불만이 많았던 나는 지속적으로 새로운 스킨이 없나 찾아보고 있었다. (사실 스킨은 티스토리 관리자 창에서만 바꿀 수 있는지 알았다 ㄱ-;;) 우연한 기회에 티스토리 포럼 -> 플러그인&스킨 이란 게시판에 들어가게 되었는데! 이 곳에서 엄청난 사실을 접하게 됐다. 일반 유저들이 제작한 이쁜 스킨들이..
Subject : 사진찍는프로그래머의 생각
Tracked from eslife's me2DAY 2008/11/04 19:13 del.
whiteBoard for Textcube 이 스킨도 좋네요. 회사 일이 바쁘니 블로그도 구찮아 지고 있어요 ㅠㅠ
Subject : White Board Skin V2.0 출시! ㅋㅋ
Tracked from Comgoon's House 2008/11/10 17:26 del.
제가 보자마자 한 눈에 반해버렸다는 그 스킨이!! 새 버전이 나왔네요~ 더욱 막강해진 기능이 ㅋㅋㅋ 다운로드&자세한 설명은 hi8ar님의 블로그에 가시면 됩니다. 여기선 간략하게나마 2.0버전이 1.1버전과 달라진 점을 알아보면... White Board Skin이 엄청나게 높은 해상도를 요구하던 스킨이었죠~ 저는 제작자이신 hi8ar님께 부탁드려서 1024에 맞도록 수정해서 적용을 한 거였습니다. 헌데 이 것을 계기로 hi8ar님과 민노씨님께서 해..
Subject : 블로그 리뉴얼 완료...작업 로그 작성...
Tracked from LieBe's Graffiti 2008/11/11 19:48 del.
거의 일주일 간의 블로그 리뉴얼이 어제서야 끝났습니다. (일주일동안 했다는건 아니고 도와줄 사람들 시간대가 모두다 제각각이라....:) 그간 kokoro 스튜디오의 아리아 스킨을 거의 2년 가까이 쭉 써왔고 아직도 아쉬운것 하나도 없이 잘써왔는데 아리아 스킨 특유의 사이드바에서 어떤 짓도 불가능....이라는 한계에 그냥 냅다 달려버렸습니다....OTL 아리아 스킨의 깔끔한 디자인이 참 맘에 들어서 (특히 방명록이나 댓글, 트랙백 부분...) 2년 전..
Subject : 스킨을 whiteBoard로 바꿨습니다
Tracked from 도아의 세상사는 이야기 2008/11/14 15:31 del.
블로그의 스킨을 자주 바꾸는 편은 아니다. 물론 방문할 때 마다 새로운 스킨으로 방문자를 맞이하는 분도 있다. 2004년 6월 처음으로 블로깅을 시작한 뒤 지금까지 사용한 스킨은 총 4종류 정도 된다. [tg]태터툴즈[/tg]였을 때 사용한 2단 스킨, [tg]태터툴즈[/tg]와 텍스트큐브로 넘어오면서 계속 사용한 1단 스킨, 그리고 얼마 전까지 사용한 티스토리 전용의 Moving Box 스킨. 처음 Moving Box 스킨을 mepay님 블로그에...
Subject : 스킨을 변경하였으나 ㅠㅠ
Tracked from 미도리의 온라인 브랜딩 2008/11/15 01:16 del.
민노씨님의 블로그 스킨인 hi8ar.net님의 스킨 디자인을 Sky Blue 컬러 버전으로 바꿔 적용하려고 어제 밤 3시간을 씨름하다가 결국 미완성 상태로 일단 오픈했다. 그동안 기존 스킨이 계속 에러가 심하고 속도도 느리고 우측 카테고리나 댓글도 펼쳐지지 않아서 바꿔야지 그런게 벌써 1년이 그냥 지났길래 '에잇~ 한번 해보지 뭐~'하는 무대뽀 심정으로 도전했다가 심각하게 후회 중 ㅠㅠ 제목이랑 각종 서브 타이틀에 테마 컬러인 Sky Blue를 적용..
Subject : 블로그 스킨을 whiteBoard로 변경 완료
Tracked from CaN (Computer & Network) Tips 2008/11/15 01:22 del.
어제(14일) 자주 가는 블로그인 "도아의 세상 사는 이야기"를 방문했다가 스킨이 바뀐 게 눈에 확 들어 왔다. 새로운 기사보다 스킨의 분위기에 더 관심이 갈 정도로 괜찮아 보았다. 그래서 스킨 제작자의 홈페이지를 방문해 보았는데 정말 괜찮은 느낌을 받았다. whiteBoard for TextCube 사이트로 가기당장 다운로드 받아 변경을 했다. 그런데 스킨을 수정하는 과정에서 변경 내용이 저장되지 않고 실패했다는 메시지만 계속 나타났다. 이동 중...
Subject : 도아의 생각
Tracked from doa's me2DAY 2008/11/17 21:41 del.
기분이 상당히 상쾌합니다. 텍스트큐브 1.7.6으로 판올림한 뒤 발생한 문제, 버그 패치 1, 버그 패치 2하고, 트랙백 문제까지 해결했습니다. 또 민노씨덕에 whiteBoard라는 깔끄하며 시원한 스킨으로 갈아탈 수 있었습니다.
Subject : 블로그 스킨을 교체.
Tracked from Ballad of Fallen Angels 2008/11/19 00:16 del.
그간 1년동안 잘 사용했던 hi8ar님의 모노크롬 2.0 버전에서 이번에도 역시 하이바님이 새로 만들어 배포하신 Whiteboard2.0 버전으로 교체 이전에 한번 하이바님의 스킨을 사용해본지라 이번엔 css를 깔끔히 잘 정리해주셔서 근 3시간만에 이미지 바꾸고 사사삭 편하게 교체했네요. 일단 하이바님께 감사.... 하이바님 스킨 애용자가 될듯하군요. 만드시는 스킨마다 어찌나 맘에 드는지...ㅎ.ㅎ. 전체적인 모습은 옆과 같습니다... 원래 제작된..
Subject : 스킨을 바꿧씁니다
Tracked from test 2008/11/19 03:32 del.
블로그 스킨이라는 외국 사이트에서본 스킨인데 너무예뻐서 써 먹어 볼려다가 못 써묵고 결국 포기하궁 요공 ㅋㅋㅋㅋ 네가 젤루 좋아하는 아니 맘에 들어하던 스킨이당 요 스킨이 바루 오늘 이 새벽에 바꾼 새론 스킨 ㅋㅋㅋ 넘 좋앙
Subject : WhiteBoard로 스킨을 바꿨다.
Tracked from S.K.Y.L.O.G 2008/12/02 02:18 del.
멜로디언님 블로그 갔다가 너무 스킨이 이뻐서 바꿔버렸다. 바꾸는 김에 두개였떤 블로그를 통합해 보려했으나 착각과 실수로 인해 최근에 쓴 글을 날리는.사고를 내고 말았다.. 아 아.. 멸망. 어쩔 수 없지 뭐.. (글도 몇개 안되서 많이는 안 아깝네) 스킨은 깔끔, 시원, 심플!
Subject : 스킨을 whiteBoard로 교체했습니다.
Tracked from BLUE'nLIVE's diary++ 2008/12/07 05:56 del.
그동안 한다한다면서 미루고 있던 스킨 교체를 드디어 했습니다. hi8ar~님께서 제작하신 whiteBoard를 아주 약간 변경해서 사용했습니다. 1. 배경 무늬를 포함, 아이디에 맞게 전체적인 톤을 푸른 계열로 수정 2. 본문의 폭을 620px에서 640px로 넓힘 3. 최근포스트/링크에 아이콘 추가 기능 적용 4. BBCode 적용 5. Syntax Highligher 적용 6. 스킨에 적용된 링크를 새창에서 열도록 변경 좋은 스킨을 만들고 공개해..
Subject : whiteBoard for Textcube 스킨으로 교체
Tracked from 半長의 생각들과 기타 잡스러운... 2008/12/10 10:49 del.
평소 파워 블로거이신 도아 님의 블로그를 종종 방문하곤 했는데, 어느 순간엔가 블로그 스킨이 가독성이 좋아진 스킨으로 바뀌어 있는 것이 아닌가. 스킨을 아예 변경한 것이었는데, 참 어이없게도 얼마전까지 그 스킨을 보면서 '아, 스킨 업데이트를 하셨구나'라고만 생각하고 있었으니 이 참에 라식(섹) 수술을 받아야 할 판인가 보다. 아무튼, 스킨을 교체했다는 사실을 인지한 후에 그 스킨이 어떤 스킨인지 이리저리 알아봤더니, 스킨계의 마이더스(?)라고 불...
Subject : 새로운 Someday Lasting Prelude를 오픈합니다.
Tracked from Someday Lasting Prelude 2008/12/28 15:10 del.
새로운 Someday Lastong Prelude(줄여서 섬.라.플)를 공개합니다.아직은 테스트 버전이며, 뭐 볼 것도 없습니다.=.=블로그를 둘러보시고 요청사항이나 문의사항을 남겨주신다면 더할나위없이 감사하겠습니다.텍스트큐브를 처음 사용해보는거라 며칠동안은 블로그를 다듬어볼 생각이고, 예정대로 크리스마스를 전후로 정식으로 오픈하겠습니다. 감사합니다.안녕하세요. 날개입니다. 이렇게 새로운 블로그로 찾아뵙게 되어 기분이 좋습니다.^^이전 티스토리 블...
Subject : 스킨교체
Tracked from 재미없는 사람의 재미없는 Blog 2008/12/29 11:12 del.
hi8ar님의 whiteBoard로 변경. 최근 인연이 없던 디카도 팔아버리고, 재미난 일도 없어서 포스트도 하지 않는 블로그의 스킨을 오늘 아침 전격적으로 변경하기에 이르렀다. 전부터 하고 싶었으나 티스토리 새 관리에서 파일 업로드가 안되어 포기할 수 밖에 없었던 hi8ar님의 whiteBoard가 그 주인공. 눈에 쏙쏙 들어오는 디자인과, 나눔고딕체의 적용이 매력적이다. 스킨 파일 업로드를 우여곡절 끝에 성공. 워낙에 맘에 들어서 별로 고칠 곳도..
Subject : ｗｈｉｔｅ　ｂｏａｒｄ　ｔｅｍｐｌａｔｅ　４　ｂｌｏｇｇｅｒ
Tracked from 有巢一日 2009/02/10 13:56 del.
Subject : 입흐게 스킨 바꿔써여
Tracked from [{(M)}];aerchen 2009/02/12 20:00 del.
옵하의 간결한 센스를 적용하여 심사 숙고하여 5분만에 선택한,아주 이쁘고 이쁜 스킨입니다. 제작자님 정말 캄사캄사 ㅠ이 스킨 보자마자다른거 필요없다 이걸로 콜콜콜해서 바로 깔았어요게다가, 제목도 울렁울렁하게 !제목 플래시 제작자님도 감사감사요 !사실은,한동안 블로그 방치하고 있다가, 글좀 쓰려고 봤더니 첨부 파일이 안올라가더라고요.찾아보니 플래시 버그에서 기인한 텍큐 오류 어쩌고 저쩌고 해서,과감하게 새버전으로 업그레이드 했습니다.약간 버벅대긴 했...
Subject : 스킨 커스터마이징 일지 (진행중)
Tracked from 30센티 나는 슈퍼맨 is... 2009/02/16 20:28 del.
뭐하니?... 어쩌다가 블로그질 시작도 하기전에 스킨부터 맘에드는거 찾는다고 애쓰는지 도무지 이해할 수가 없다. 그래도 어쩌랴... 성격이 이리 생겨 먹었으니... 뭔가 꺼름직하면 손을 안대는지라, 요거 마무리 다 하기 전에는 블로기질을 못할듯 싶다. 지금 이 글도 대충 시작만 해 놓는다. 그래 시작해보자... 시작은 예저녁에 했지만, 정리는 이제부터 시작이다. 우선 지금까지 한 것들을 그림 없이 정리해볼까나. 폰트부터... 준비물은 좀 많다. 아..
Subject : whiteboard 스킨변경후 해야할것과 한것
Tracked from demun(대문블로그) 2009/03/24 17:29 del.
이글은 스킨변경 이라는 제목에서 whiteboard 스킨변경후 해야할것과 한것으로 변경후 재포스팅한겁니다. 변경하면서 백업했던것을 잃어버리고 포스팅을 하고 난후 다시찾아서 보충글을 올립니다. 스킨 변경했습니다. 제가 원하던건 이처럼 흰색의 바탕입니다. 본문사이즈가 넓은 편이면 좋고 1024와 1280 사이즈 둘다 가능한 거였죠^^ 화이트보느는 620사이즈 이지만 간단하게 660 까지 본문을 넓힐수가 있습니다. Whiteboard 스킨변경후 해야할것과..
Subject : 바쁜대로 스킨 바꿨습니다...
Tracked from 성환이의 꿈의 세상 2009/04/05 12:20 del.
하~ 이제 좀 제 스킨이 화사해진 것 같네요. 전에는 어두컴컴했지만 디자인이 마음에 들었었고, 이제는 디자인도 마음에 들고, 스킨가지 화사하니 뭔들 부럽겠습니까? 저는 지금 hi8ar님께서 만들어주신 whiteBoard 스킨을 사용하고 있습니다. 깨끗하긴 한데, 이제 제 마음에 맞도록 변형시키는 일이 남았습니다. 말 그대로 "마음대로 변형하기"...사실 제가 블로그 스킨을 whiteBoard로 바꾼 것에는 이유가 있습니다. 도아님의 블로그에서는 w...
Subject : VIOLET TOUCH THEME 완성
Tracked from Garret No.53 2009/04/15 03:00 del.
최근에 테마를 만들기 시작했는데 하루 이틀 계속 미루다가 날잡고 완성시켰다. 보라색 터치가 포인트라 테마명도 단순하게 VIOLET TOUCH 라고 붙였다. 원본 테마(hi8ar 님의 whiteBoard)가 있는 상태에서 시작했지만 정말 어려웠다. (테마 제작자 분들 존경합니다. ^^;;) 전체적으로 보자면 단순히 이미지 파일만 수정한 것 처럼 보이지만 짜잘한 것들을 많이 고쳤다. 사실은 여길 조금 건드리니 다른곳이 이상해지고 이상한 곳을 수정하니 또..
Subject : dudtn의 생각
Tracked from dudtnsp's me2DAY 2009/05/06 10:06 del.
원하던 스킨 드디어 찾았!!!! 텍큐닷컴에는 적용이 되려나 모르겠네요,,, whiteBoard for Textcube
Subject : whiteBoard 스킨으로 변경
Tracked from 희망을 보고, 나는 쓰네 2009/05/15 08:21 del.
왠지 스킨을 바꾸기가 좀 주저하게 되는데... 처음에 쓰던 스킨이 너무 느려서, 그린스킨으로 바꾸었다가... 글자가 좀 크고, 시원시원한것이 없나 찾아보다가 멋진 스킨을 발견해서 변경~ 원래는 텍스트큐브용으로 나온 스킨인데, 저작자분이 티스토리용으로도 만들어 주신듯~ 그래도 이것저것 수정하고.. 고치다보니 이것도 시간이 꽤 든다... 뭐 워낙 아는것이 없다보니.. 거의 생노가다...-_-;; 암튼 그래도 시원한게 보기 좋다는~ 다만 아쉬운것은 여백의..
Subject : Tistory 스킨을 바꾸다.
Tracked from 수기의 사랑이야기 2009/07/25 20:55 del.
블로그를 개설 한지도 반년이 넘어 간다. 귀차니즘도 있고 시간도 없어서 그 동안 기본으로 제공되는 스킨을 사용해 왔다. 하지만 깔끔한 스킨을 사용 하고 싶던 차에 우연히 hi8ar 님의 whiteBoard 스킨을 알게 되어 약간 변경하여 나의 블로그에 새로 입혔다. ▷ whiteboard 스킨의 모습이다. ▷아래는 약간 수정된 사진이다. whiteBoard 스킨의 대부분의 css 를 가져다 썼다. 정말 고마우신 분이다. 이것 저것 수정을 하는데 꼬박..
Subject : 블로그 스킨을 바꾸다. - thewhite
Tracked from zetyx의 바보사랑이야기 2009/08/10 13:00 del.
블로그 스킨을 바꾸었습니다.처음에는 hi8ar 님의 whiteboard스킨 을 보고 한눈에 반해서 당장 적용을 하려 하였으나.제가 추구하는 점과 약간 다른 점이 발견되어... 그냥 만들자!! 하여서 thewhite라는 스킨을 만들게 되었습니다.물론 비공개이고 저만 사용한다는;;;;그 스킨을 적용한 것이 바로 현재 보이는 스킨 입니다.스킨을 2번째 만들어 보는것이라서 hi8ar 님의 스킨제작 레퍼런스 를 보면서 차근차근 만들었죠...그렇게 기본을 만...
Subject : 블로그 스킨을 바꿔봤습니다.
Tracked from BlueEyes 2009/11/26 21:26 del.
그냥 문득 블로그 스킨을 바꿔보면 어떨까 해서 기분을 전환하는 겸해서 한 번 바꿔봤습니다. 우연히 스킨자료실에서 하이바님께서 올리신 스킨을 보고 '이거다!' 느낌이 왔고 아주 만족스럽습니다. 하지만, 항상 바꾸면서 드는 생각은 일본어 출력에 관한 것입니다. 저는 개인적으로 익스플로러는 사용하지 않고 FireFox만을 사용하고 있습니다. 인터넷 뱅킹이나 기타 ActiveX를 사용할 일이 있으면 VM을 돌립니다. ' '; FireFox에서 글꼴 출력을..
Subject : hi8ar님의 whiteBoard 스킨으로 시작!
Tracked from 누온 누리 2010/04/03 23:40 del.
블로그를 시작하면서 제 블로그에 맞는 깔끔하고 심플한 스킨을 찾다가 고민 끝에 많은 분들이 추천하시는 화이트보드(whiteBoard) 스킨으로 결정했습니다. 제작자 블로그 : http://hi8ar.net/entry/whiteBoard-for-Textcube 텍스트큐브 용 다운로드 : http://www.textcube.org/theme/entry/whiteBoard-for-Textcube 티스토리 용 다운로드 : http://www.tistory...
Subject : 티스토리 스킨 변경 및 리뉴얼
Tracked from 뒤통수로보이는절박함 2012/09/15 03:25 del.
간만에 티스토리 스킨을 변경했다. 티스토리스킨계에서 제법 추천받아 잘알려진 hi8ar님(hi8ar.net)님의 White Board 를 기반으로 변경했다. HTML과 CSS에는 막눈이라... 처음에 계획하였던 JAVA와의 연계는 노트에만 끄적되고 결국엔 공중산화... 개념구조도 티스토리 스킨 변경을 포함한 블로그 리뉴얼 계획을 짜면서 가장 핵심은 의견의 교환이었다. 아직 블로그 규모가 작고, 또 고정방문자도 없지만은...; 티스토리의 특성상 이글루스..

작은 해상도에서의 whiteBoard 스킨.

Posted by hi8ar Posted in " C.note/Web " 2008/11/05 01:26

에헴..;;;

시작하기 전에, 텍스트큐브 스킨 이 맞나? 텍스트큐브 테마 가 맞나? 워드프레스는 테마 이고, 윈도의 비쥬얼 스타일도 테마 이고... 제로보드는 스킨 인가? 영문화권에서는 테마 이고 우리식으론 스킨 인건가? 뭐 죽이든 밥이든 먹기 좋으면 그만이겠지만...

이젠 의미 없는 내용이라 닫아둡니다..

more.. (11.08)

본론으로...

여기 저기서 작은 해상도에서 불편하다는 문제점이 들려 옵니다. :)

지금의 whiteBoard의 구조는 왼쪽 마진으로 2% 라는 가변값을 가지고 있긴 하지만, 깔짝깔짝 움직이는 수준이고, 거의 고정된 틀이나 다름없습니다. 처음부터 가운데 정렬하지 않았던 이유는, 좌측에 배경 이미지를 살리려고 했기 때문입니다. 때문에 좌측으로 불필요한 여백이 많이 생겨 버렸죠. 물론 오른쪽에도 좌측 배경이미지가 차지하는 만큼의 영역을 만들어서, 가운데 정렬하면 가운데 정렬이야 되겠지만, 그렇다고 좌측 여백이 없어지는것도 아니니, 어짜피 1024px 해상도에서는 별 의미가 없는 작업이라 생각했었습니다.

그러다 보니 좌측에 바짝 붙은 스타일도 아니고, 크기에 따라 가운데 정렬하는 것도 아닌 어정쩡한 레이아웃이 되고 만 겁니다. :) 아.. 지금에서야 느끼고 있습니다...;;; 1024px 보다도 작은 브라우징 환경도 많을 텐데, 이런 어정쩡한 레이아웃은.... 아.. 불편하겠습니다...;;;

암튼, 어제 탱쟈님 알려드리면서, 생각한 음수 마진을 이용하면, "오호라~ 어쩌면 배경을 잘라내면서 가운데 정렬이 가능하겠구나~!" 라는 생각이 번뜩입니다~.

그래서... 오늘, 꼼수를 부려 보기로 했습니다. :) 새로 다 들어 업기는 싫고, 꼼지락 꼼지락 깨작거려 보는 겁니다. 그러니까 그 꼼수의 핵심만 간략히 말씀드리면..... 전체 wrap 에 margin: 0 auto; 를 줘서 가운데 정렬하고, 그 아래 영역들에게 margin-left: -150px; 를 줘서 화면이 작아지면 밖으로 밀어내는 거죠. 성공하면 버젼 1.5 쯤으로 해서 업데이트 하는 겁니다~ 깔깔....

결과는 이렇습니다.

가로 해상도1024px 에선 왼쪽 배경이 잘려나가면서 이렇게 보이고,

제 모니터의 해상도인 1680px 에선 배경이 살아나면서 가운데로 정렬합니다. :)

아 무척이나 고무적인 결과 입니다. 하지만 그분이 발목을 잡습니다.

비교를 위해 정상적인 결과인 IE8 beta 의 캡쳐 사진을 붙여보면..

이.. 이게 뭘까요..=_=' 전혀 가운데 정렬도 아닌데다가, content 의 배경이 싹뚝 잘려 흰색으로 나옵니다... 역시 IE6.... 안드로메다의 브라우져 IE6... 아.. 하긴 음수 마진을 가진 녀석을 그것도 float도 막 지정되 있고, 어떤건 position:relative도 가지고 있는데.. 그걸 auto로 가운데 정렬하라니요... 아무래도 IE6 에겐 너무 어려운 주문이었던 겁니다. 더블 마진 버그나 뭐 이것 저것 생각해 보고 있는데..어버버버버버... 다른 브라우져에서 문제가 발생하면 쉽게 찾아 낼 방법이라도 있지만, IE6 에서 잘못 되면, 일일히 하나하나 바꿔가며 F5를 연타하는 수말고는 모르겠습니다.. 어버버버버... 아~ 이러지도 저러지도 못하다... 결국 ㅈㅈ 인 걸까요? :(

혹시나 해서 가운데 정렬을 left: 50% 하고 크기의 반 나눠서 마진으로 빼주는 방법으로 해 봤습니다만.. 역시나 ㅈㅈ 입니다. 좀 더 가운데로 오긴 하는데.. 마우스로 본문 영역을 클릭하면 전체가 다 선택되는 괴현상이 발견 되었습니다. 깔깔...

아.. 1.5는 역시 없던 걸로 해야겠습니다. 이쯤에서 이 스킨도 버려지는 거죠. :)

재미없는 푸념 끝...

TAG Skin, whiteBoard, 스킨, 화이트보드

( 1 ) Trackback, Comments ( 13 )

텍스트큐브 관리자 스킨 만들기

Posted by hi8ar Posted in " Misc/forTextcube " 2008/06/03 22:53

처음엔 그저 관리자 화면에서 맑은 고딕 글꼴을 보기 위해 건드렸습니다. 뭔가 대단한 작품을 만들어 보려다, ~~열심히 해봐야 누가 돈 주는 것도 아니어서,~~ ~~아무도 알아주지 않을 것 같아서~~, 사실 좀 귀찮아서, 그냥 이미지 몇개, 아이콘 몇개 바꿔 봤습니다. ~~역시 하고 나니 뻘짓...~~ 부디 나 말고 다른 분이 멋진 것을 만들어 주시길 바라는 마음에서 이렇게 공개합니다. :)

hi8ar.zip

사용법은 이렇습니다.

다운 받으신 후 압축을 해제하고, FTP를 이용해 텍스트큐브가 설치된 계정, /style/admin/ 주소 아래 업로드 합니다.
관리자 페이지, 환경설정 - 블로그 에서 아래와 같이 선택한 후 저장합니다.
끝~

주의

기존의 관리자 스킨에 아주아주 굉장히 질리신 분이 아니라면 안(?) 쓰시는 게 좋습니다!
원본은 Needlworks 의 Swallow (1.5 기본 관리자 스킨) 입니다!
텍스트큐브(Textcube) 1.6.3 버젼 말고는 전혀 테스트 하지 않았습니다!
관리자 페이지가 모두 맑은 고딕 글꼴로 변신합니다!
혼자 쓰려고 만들었던 거라 파이어폭스 외의 브라우져에선 어떻게 보이는지 전혀 관심 없습니다!
오류나 버그가 있다고 알려주셔도 고치거나 하지는 않을 것으로 예상됩니다!
마지막으로.. 1.7 버젼이 곧 출시 될것으로 예상 되므로, 이것의 수명은 꽤나 짧을 것 같습니다! :)

TAG Skin, Textcube, 관리자 스킨, 관리자 화면, 스킨, 텍스트큐브

Trackback, Comments ( 10 )

파랗게 물들이기..

Posted by hi8ar Posted in " Diary " 2007/07/04 08:33

사실.. 여름 분위기 낸다고 어제 부터 깨작깨작..;; 하면 할수록 맘에 들지 않아 진도 안나감. 이게 뭐냐.. 아 촌스럽다! 어째 좀 흐릿흐릿하게 파란게, 대략 조치안타! 그래도, 본문만 볼때는 글자 크기 무려 14px! 큼직큼직 하니 (오호라~) 좋지 아니한가? (얼쑤~) 역시 다 뜯어내지 않는 한 힘들겠다..;

에헤라.. 짤방이나...;;

그래.. 이색이구나~

TAG 스킨, 여름, 파랑, 하늘

Trackback, Comments ( 6 )

칠판 선물 도착.

Posted by hi8ar Posted in " Diary " 2007/06/19 17:53

태터툴즈에서 보내준 화이트보드&칠판 선물이 도착했습니다. 지난 토요일에 도착했습죠. 주말에 제가 집에 없다 보니, 제 방안에서 포장도 뜯겨지지 않은채, 이틀을 홀로 보냈을 겁니다.^^; 선물답게 예쁜 한지로 포장되어 왔던데, 포장까지 예쁘게 해주신 정성에 감사드립니다.
사진이라도 한장 찍어 보여드리면 좋겠지만, 아쉽게도 그럴만한 상황이 못 돼서...;; 꼭 제 손에서 디카가 없을 때만 이런일이 생기는군요. :(

아무튼, 생각했었던 것보다 큽니다! 모니터(?)만 합니다! 어디에 어울릴것 같냐 하면, 음.. 그.. 테이크 아웃 커피샵 같은데.. 혹은 이탈리안 레스토랑(?)같은데.. 오늘의 특선메뉴(?) 따위 적어 놓기 딱 좋아 보입니다. 책상위에다 올려두기 좀 부담 스럽기도 하고.... 마땅히 쓸데는.... 없네요..;;

함께 들어 있던 태터툴즈 배지와 핸드폰 고리도 잘 받았습니다. 이로써 태터툴즈 배지는 4개, 핸드폰 고리는 2개가 되었네요.

이게 제일 예뻐요!

아~ 사이드바 위, 구글 광고 위쪽으로 태터툴즈에서 보내준 스킨 디자이너 리본을 달았습니다. 참 예쁩니다! gif 이미지와 swf 플래쉬 두가지 종류가 있던데.. 반짝반짝 하는게 예뻐 보여서 플래쉬로 된 리본을 달았습니다. 그러나 문제는 제가 플래쉬의 '플'자도 모른다는 겁니다. :) 링크를 안 걸었는데도, 클릭하면 정의 되지 않은 어딘가로 연결하려는 걸 보면 플래쉬 안에 링크가 들어 있는 건가요? ㅎ 이거 어떻게 수정할 방법도 없고.. =_=;;; gif 로 바꿔야 겠습니다. <- 혼자 바보짓. ㅡ,.ㅡ'

TAG Skin, Tattertools, 선물, 스킨, 스킨공모전, 태터툴즈

Trackback, Comments ( 8 )

5월 스킨 디자인 공모의 디자이너상.

Posted by hi8ar Posted in " Diary " 2007/06/14 16:21

어처구니(?) 없게도 내 스킨이 선정.. :) 이거 1등 한건가? 규모도 다르고 상품의 크기도 다르지만, 어쨌던 1등이라기에 조금 부담 느낌. 물론 싫다는 건 아니고.. 예전에 인기상 받았을때와는 다른 느낌이라고 말하고 싶을 뿐.. 과연 1등으로 선정될 만한 스킨일까? 피식~

상품은 이~것~..

혹시나 해서 검색해 봤더니 역시나 검색! 19,800원 이구나~ 생긴것 답지 않게 비싸네~ 뭐에다 쓰지? 조카들한테 멋진 삼촌이나 되어 볼까나아~
혹시나 해서 6월 상품도 검색! 와 더 비싸구나아~ 멋지구나아~ 상품이 좋아서 그런지 6월 스킨 공모는 벌써 부터 쟁쟁한 스킨들이 즐비... :)
이런짓 하면 태터툴즈에서 싫어할까? 피식~

아무튼 태터툴즈 ㄳ.. :)
(명예의 전당은 별 관심 없어요. 하지만 스킨디자이너 뱃지와 리본은 왜 안주시나효? ㅡ_ㅡ;)(안달하고 졸라서 뱃지와 리본 획득...@_@')

TAG Skin, Tattertools, 디자이너상, 스킨, 스킨공모전

Trackback, Comments ( 10 )

Thanks to iMacnoOn.

Posted by hi8ar Posted in " Diary " 2007/01/07 00:09

까막눈님께서 제보해 주신 충격적인 동영상 입니다. :) 조그만 동영상인데 이유없이 버퍼링이 좀 심합니다. 사이드바 온 상태에서 스크롤과 함께 막 사라졌다 나타났다 합니다. 별 볼일 없는 스킨인데, 밤하늘에 별찾기에요. (상콤한 언어유희~!) 많은분들이 염려해 주셨는데.. 프로가 될수 없는 아마추어 주제에 그만 고민하기로 했습니다. 하하.. 사실 IE 6.0에서 버벅이는 스크롤이 더 걱정...
퀵타임을 삭제해서 볼길이 막막했었는데, 똑똑한 머리가 다음에다 올리라고 말해 주었어요. 아무튼, 맥이 좋군요~! (?) 실제로 움직이는 맥이 더 보고파요. 다른 재밌는 동영상도 만들어주세요. 낄낄..

이제 정말 손 때야지... ;D

TAG Skin, 스킨

Trackback, Comments ( 6 )

New Skin !

Posted by hi8ar Posted in " Diary " 2007/01/05 04:01

새 술은 새 부대에 담아야 제 맛인 법? 2007년을 맞아, 틈틈이 저녁먹고 한두시간씩 쪼물딱 쪼물딱 거렸습니다. 왜 이렇게 어둑어둑한 색을 택했는지 알수가 없습니다. 곳곳에 여기저기서 보고 좋다고 생각했던 것, 맘에 들었던 것들을 짜깁기한 흔적들이 보입니다. 아무튼, 머릿속에 그려졌던 모습과는 달리 왜 이렇게 지저분해 보이는지.. 글자가 많아지니 어쩔수가 없어요. 하긴 조금씩 만드는 동안, "다 완성되어도 오래 쓰지 못할거야" 를 이미 느끼고 있었습니다. 역시 하얀 스킨이 좋아요. :) 하얀 스킨에서 작성한 글들이 검정 바닥에 놓이니, 별로 보기 좋지 않아요. 예전에도 숯검댕이라고 해서 거무튀튀한 스킨에 도전했다가, 하루 사용하고 내렸던 일이 있.....;

모노크롬 스킨이 맘에 딱 드는 것은 아니었지만, 어딘가에서 멋진 블로그를 보고, 그렇게 해 보려고 하다 보면, 모노크롬만큼 예쁘게 만들수가 없었습니다. 낄낄. 눈에 너무 익어 버려서 인지, 다른 것들은 눈에 차지가 않아요. 그럼에도 불구하고 새 스킨 작업을 했던 이유는, 모노크롬 스킨을 사용하는 사람들이 제법 많아 졌기 때문입니다. 하하.. "레이아웃만 봐도 내가 어느 블로그에 들어와 있는지를 알아야 한다"라고 일찍이 누군가가 말했었죠.

이일에 전력을 다할수 없는 요즘 상황도 상황이지만, 이미지 하나 없는 블로그 스킨에 시간이 좀 걸린것은 IE 덕분입니다. 자주 격던 일이니 뭐 그다지 새로울것도 없지만, 오른쪽에 붙어 있는 스크롤바가 좌측으로 스물스물 기어오는 충격적인 버그(?) 도 봤습니다. 물론 이것이 버그인지 무엇인지 잘 모릅니다. 암튼 고정되어 있는 배경 덕분에 스크롤이 썩 좋지 못합니다. (메모 : IE에서 lightbox를 동작시켰다가 닫으면 스크롤바 괴동작.)
현재도 IE와 FF가 조금 다르게 출력되고 있어요. -_ㅡ;

뭐, 이것저것 목표했던것에 이르지는 못했지만, 새롭게 기분전환입니다. :D

에드센스도 다시 달고, 플러그인 관련한 것들도 다시 추가하고 해야 할것이 아직 많지만, 시간이 어느덧 4시니 오늘은 이만 자고...;;; 혹시 지나가시던 Safari 유저께서는 부디, 이곳이 정상적으로 동작하는지 알려주시면 감사할께요~!

TAG Skin, 스킨

Trackback, Comments ( 32 )

Monochrome Skin for TT 1.1 [Ver1.1]

Posted by hi8ar Posted in " Misc/forTextcube " 2006/11/17 17:13

Monochrome 스킨이 1.2 버젼으로 업데이트 되었습니다.
2006. 11. 28
http://hi8ar.net/279

태터툴즈 1.1 사용자를 위한, Monochrome 스킨을 공개/배포합니다.

기존의 1.0.6을 위한 스킨과 모양상 달라진 점은 없습니다.

1.0.6 스킨에서 달라진점.

태터툴즈 1.1에 맞도록 제작되었습니다.
소스가 나름대로 깔끔(?)해 졌습니다.(하지만 아직도 불필요한 부분이 많을수 있습니다.)
키워드 기능을 사용할수 있습니다.
스킨관련 메뉴의 사이드바 설정 기능을 지원합니다.
More/Less와 3개의 그림정렬부분등 몇몇부분에 대한 Class를 추가했습니다.
관리자 댓글, 방문자 댓글, 비밀 댓글에 대한 고유의 Class를 추가했습니다.
댓글의 갯수와 관련해서, 단 복수 형을 구분합니다.
포스팅 제목 부분의 글꼴을 Verdana 에서 Lucida Grande로 변경했습니다. (Lucida Grande 가 없는 시스템에서는 Trebuchet MS 글꼴으로 나올것입니다.)
body id 기능을 이용할 수 있습니다. 하지만 현재, 특별히 적용된 부분은 없습니다.

이전 배포했던 1.0.6 스킨과 같이, 검정색과 빨강색 두가지 컬러셋이며, 대부분의 브라우져에서 이용하실수 있습니다. (Safari의 경우 대략적인 레이아웃만 확인했습니다.) 또한 제작자와 제작자의 배너를 삭제하지 않는 범위 내에서 자유롭게 수정하실 수 있습니다. 하지만, 전반적인 수정으로 스킨의 모양이 원본과 많이 달라졌다고 생각되신 다면 제작자 부분 역시 삭제 하셔도 좋습니다.. :)

이 스킨은 대부분의 코드 내용은 태터툴즈 기본 한글스킨(Xhtml, Tattertools_skyline_ko)을 바탕으로 합니다.
(기본 스킨에 포함된 댓글 아이콘들을 많이 빌려왔습니다....)

이 밖에 활용할수 있는 부분등, 대부분의 내용은 이전에 공개한 1.0.6 스킨과 동일합니다.
이전 스킨 공개글을 참고해 주세요. :)

질문이나 오류에 대한 신고는 댓글로 부탁드립니다.
스킨을 사용하시게 된다면, 간단한 트랙백이라도 하나 남겨 주시면 어떨까요?.... :D

내려받기(Download)
태터툴즈 스킨 게시판으로 링크합니다.

Monochrome 스킨이 1.2 버젼으로 업데이트 되었습니다.
2006. 11. 28
http://hi8ar.net/279

SweetTitle 스크립트에 대해서..

다소 쓸데 없는 내용입니다.

이 스크립트는 링크 위에서 간단한 풍선 팝업을 띄워주는 스크립트입니다. 비슷한 스크립트로 플러그인도 이미 나와있긴 합니다. 자세한 내용은 이전 스킨 공개글을 참고하셔도 좋습니다.
1.0.6 스킨때와 같이 SweetTitle 스크립트가 적용되어 있습니다. skin.html, <header> 부분안에 스크립트의 경로가 지정되어 있습니다. 현재는 /skin/hi8ar_mono_red_11/js/sweetTitles.js 와 같이 상대 경로로 지정되어 있습니다.

사실 어떻게 작성해야 모든 상황에서 잘 작동하는지 모르겠습니다! 하하하..-_ㅡ;;;
1.0.6 에서는 [ ##_blog_link_## ]/skin/hi8ar_mono_red_11/js/sweetTitles.js 이런식으로도 작성해 봤는데, 역시 완전치 못한것 같기도 하고.. 잘 모르겠습니다.. ;ㅁ;

skin.html, 13라인,

<!-- SweetTitle -->
<script type="text/javascript" src="/skin/hi8ar_mono_red_11/js/addEvent.js"></script>
<script type="text/javascript" src="/skin/hi8ar_mono_red_11/js/sweetTitles.js"></script>
	<style type="text/css" media="screen,projection">
		<!--
			@import "/skin/hi8ar_mono_red_11/css/sweetTitles.css";
		-->
	</style>

태터툴즈를 설치한 경로에 따라서 작동하기도 하고, 하지 않기도 하는것 같습니다. 만약 제대로 풍선 팝업이 나타나지 않는다면, 위 3곳의 경로들을 자신의 계정의 절대 경로로 수정해 보시기 바랍니다.

알려진 문제점 :

이 스크립트는 <a> 링크의 Title속성을 Tip이란 속성으로 출력만을 변경합니다. Lightbox JS 2.0에서는 링크의 Title을 그림의 Caption으로 띄우는데, 이 스크립트 때문에 Caption이 나타나지 않을수 있습니다. 저는 Lightbox JS의 소스부분에서 Title 을 Tip으로 변경하여 사용하고 있습니다. (Lightbox JS에서 딱 두 부분 있더군요.)
링크에 관련된 플러그인과 충돌할수 있습니다.

이 스크립트를 사용하지 않으시려면, 위 코드 부분을 삭제 하시고, css와 js 폴더를 삭제하시면 됩니다.

사실 더 일찍 공개 할 수도 있었지만, 괜히 늦장을 부리게 됐습니다...^^;;
이것 저것 일들에 치여, 제대로 손에 잡히는 일이 없네요. 마침맞게 내 놓는다고 했었는데, 조금 늦은것 같기도 하고.....많은 분들이 사용하시진 않겠죠?

아무쪼록 멋진 블로그 만드시길 바랍니다... :D

TAG 1.1, Monochrome, Skin, Tattertools, 스킨, 태터툴즈

Trackback, Comments ( 45 )

태터툴즈 블로그 스킨 공모전 "인기상"

Posted by hi8ar Posted in " Diary " 2006/10/22 00:07

스킨 공모전 수상작들이 발표 되었습니다!

사실 오늘이 발표일인지, 잊고 있었습니다.
잊고, 잊어버리고, 또 잊고 살다가 갑자기 제 앞에 19인치 LCD 모니터가 놓이기를 바랐냐고 물으신 다면.... 흐흐흐.....-_ㅡ;;;

배너도 참 예뻐요~!

이유없이 바쁜 제 생활 패턴 덕분에, 충분한 준비 없이 부랴부랴 응모했던 스킨이 인기상에 선정 되었습니다.
아마도 제일 마지막에 있는 것을 보니, 턱걸이 했나봐요... +_+''
왠지 참여 하지 않으면, 나중에 정말 후회 될것만 같고, 급하게 덜 다듬어진 스킨을 공모전 출품한답시고 보내놓고 나니, 자신이 스스로 부끄러워 지더군요. 생각하고 준비해 두었던 것들을 아무것도 활용하지 못하고 출품했던 것이 조금은 아쉽습니다. :) 아무튼 여러모로 부족한 스킨에 인기상으로 선정해 주시고... 그저 감사할 따름입니다~!!! 상위 입선하신 분들의 스킨은 조그만한 캡쳐샷으로만 접해도 정말 굉장해 보이는 군요~!

출품했던 스킨은 태터툴즈 1.1에 맞추어져 작성 되었습니다. 그런데 태터툴즈 1.1의 공개가 아무래도 당장 될 것 같지는 않네요. 늦어도 내일까지는 1.0.6에 맞는 스킨을 포함하여 공개해 볼까 합니다. 물론 조금 더 다듬고, 몇가지를 좀 더 추가 해 볼까도 생각하고 있습니다. 아무튼, 공개될 스킨은 현재 제 블로그의 모습과 크게 다르지 않습니다. 아니 그냥 "이겁니다." 라고 말하는 것이 더 정확할것 같군요...+_+''

어서 다듬어 태터툴즈 스킨 페이지에 올리고,

이제 떡볶이의 맛을 보는 일만 남았군요.. :)

TAG Tattertools, 공모전, 스킨, 인기상, 태터툴즈

Trackback, Comments ( 28 )

1 2

"스킨"에 해당되는 글 12건

whiteBoard v2.0

History

2.0 버젼에서 달라진 점

텍스트큐브 적용 방법

티스토리 적용 방법

whiteBoard 스킨 정보

whiteBoard 스킨 특징

저작권

사용자 Customizing

컬러 테마 theme.css

액세서리

사이드바 250px 변신 킷. :)

페이징 대체 이미지

whiteBoard를 위한 표지(Coverpage) style.css

예정 업데이트

기타 알림사항

Download for Textcube

Download for Tistory

Trackback

Subject : whiteBoard for Textcube,Tistory

Subject : 민노씨의 느낌

Subject : whiteBoard v1.1 으로 스킨변경

Subject : 스킨 교체 : hi8ar님의 '화이트보드(whiteBoard)'

Subject : WhiteBoard for Tistory

Subject : 사진찍는프로그래머의 생각

Subject : White Board Skin V2.0 출시! ㅋㅋ

Subject : 블로그 리뉴얼 완료...작업 로그 작성...

Subject : 스킨을 whiteBoard로 바꿨습니다

Subject : 스킨을 변경하였으나 ㅠㅠ

Subject : 블로그 스킨을 whiteBoard로 변경 완료

Subject : 도아의 생각

Subject : 블로그 스킨을 교체.

Subject : 스킨을 바꿧씁니다

Subject : WhiteBoard로 스킨을 바꿨다.

Subject : 스킨을 whiteBoard로 교체했습니다.

Subject : whiteBoard for Textcube 스킨으로 교체

Subject : 새로운 Someday Lasting Prelude를 오픈합니다.

Subject : 스킨교체

Subject : ｗｈｉｔｅ ｂｏａｒｄ ｔｅｍｐｌａｔｅ ４ ｂｌｏｇｇｅｒ

Subject : 입흐게 스킨 바꿔써여

Subject : 스킨 커스터마이징 일지 (진행중)

Subject : whiteboard 스킨변경후 해야할것과 한것

Subject : 바쁜대로 스킨 바꿨습니다...

Subject : VIOLET TOUCH THEME 완성

Subject : dudtn의 생각

Subject : whiteBoard 스킨으로 변경

Subject : Tistory 스킨을 바꾸다.

Subject : 블로그 스킨을 바꾸다. - thewhite

Subject : 블로그 스킨을 바꿔봤습니다.

Subject : hi8ar님의 whiteBoard 스킨으로 시작!

Subject : 티스토리 스킨 변경 및 리뉴얼

Trackback

Subject : 블로그 해상도 최적화의 문제 : 모니터 해상도 좀 알려주시길...^ ^;

Trackback

Trackback

Trackback

Trackback

Trackback

Trackback

Trackback

Trackback

Category

Recent Post

link

광고

Tag Cloud

Archive

Recent Comment

Recent Trackback

Blog Stats

Subject : ｗｈｉｔｅ　ｂｏａｒｄ　ｔｅｍｐｌａｔｅ　４　ｂｌｏｇｇｅｒ