SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

이 배너는 IE6 사용자에게만 보여집니다. 브라우저 업데이트로 보다 편리한 웹세상을 만나보세요!

«   2024/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  

남의 사이트도 내 맘대로 보자! - Stylish.

Sage에 넣어둔 불여우 한글 포럼의 한 질문 글타래를 보다가 새로운 확장을 하나 알았습니다. 바로 Stylish. 이름 만큼이나 Stylish하군요...=_=' userContent.css 를 이용해서 사이트의 css 를 변경해 볼수 있는 것은 알고 있었지만, 이를 더 쉽게 만들어 줍니다. :D

Stylish 확장 페이지. css계의 그리스 몽키래요. :P

User inserted image

설치하고 나면 '상태 표시줄' 오른쪽에 백지위에 붓이 놓인듯한 아이콘이 생깁니다. (아이콘이 그렇게 예쁘진 않군요..=_=') 처음부터 남의 사이트를 맘대로 휘젓기는 미안하니, hi8ar.net 가지고 연습하겠습니다...=_='' 검정 배경이라 글 읽기가 좋지 못한 hi8ar.net의 배경을 흰색으로 바꿔 봅시다. 낄낄... hi8ar.net에 접속한후, 그림과 같이 Write Styles, For hi8ar.net 을 선택합니다.

아래와 같은 창이 뜹니다.
Stylish 설정창

아래의 코드를 복사해서 넣어보세요.


@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("hi8ar.net") {
body {background-color:#fff !important;color:#333 !important; }
div.main a {color: #993333 !important;}
div.main a:hover {color: #DFB8B5 !important;}
div.main {background:none #fff !important;border-left: solid 1px #f5f5f5 !important;}
span.title a {color: #333 !important;}
.rp_general {background:none !important;}
.comment li {background:none !important;}
}


Preview 를 눌러 봅니다. 본문이 하얗게 변했나요? 정상적으로 변했다면, Description에 적당한 이름을 정하고 Save하세요. 하얗게 변한 hi8ar.net 이 썩 보기 좋진 않지만, "검정 바탕에선 글읽고 싶지 않아" 라는 분들에겐 도움이 될지도..... ;) 물론, css 를 완전히 다 헤집어서 주절주절 다 적어 놓으면 완벽하게 바꿔놀수도 있겠지만, 흰바탕에서 글자 보기 정도만... 해제는 아까 그 아이콘을 마우스 클릭해서 리스트에서 체크를 해제 하시고, 브라우저 새로고침하시면 됩니다. Manage Script를 선택하시면 만들어둔 스타일들을 편집하실수 있습니다.

그렇습니다. 만날 들어가야 하는 사이트가 있는데, 글자가 너무 작거나, 적용한 폰트가 마음에 들지 않거나, 사이트의 색상이 마음에 들지 않아서, 사이트 이용이 불편할때 사용하면 좋겠어요! 가장 간단히 응용할수 있는 것은 아마도 폰트를 바꾸는 정도? 마땅한 마루타가 없으니, 만만한... 아니 마음씨 좋기로 유명한, 나비씨의 nabilove.net의 글꼴을 바꿔볼까요? (나비씨 미안...;;) nabilove.net은 맑은 고딕이 기본 폰트입니다. 맑은 고딕은 물론 매우 좋아하는 폰트지만, 웹상에서 만나면 나의 눈을 조금은 괴롭히기에 좀 혼나야 합니다...???? 아무튼 나비씨는 맑은 고딕이 없을 경우에는 Lucida Grande 폰트로 출력되게끔 되어 작성해두셨더군요. 그러니 영문은 Lucida Grande로 하겠습니다. 한글은 굴림. :) 시력 안 좋은 날 위해, 12px의 크기도 13px로 키우고..

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("nabilove.net") {
body {font: 13px Lucida Grande, 굴림 !important;}
#sidebar {font: 13px Lucida Grande, 굴림 !important;}
}


쵸간단! "굴림" 자리에 원하시는 한글 폰트를 적으시면 원하시는 폰트로 나옵니다. 남 보여주기 위한 코드가 아닌 내가 볼 코드이니, 내 컴퓨터에만 있는 글꼴이라도 상관없겠습니다. 한겨레결체 따위의 가독성이 좋은(?) 글꼴도 좋겠어요. :)

물론 이 확장을 원활히 사용하시려면, 어느정도 CSS에 대한 지식이 있으셔야 됩니다만...=_=''

얼마전부터 사용하던 mar.gar.in 사이트도 좀 해봤습니다. id나 class 지정이 아닌, html 에서 직접 색상을 지정한 부분등이 있어서, 원하는데로 안 나왔지만.. (아무래도, 마가린 페이지 색상은 왠지 딜리셔스보다 링크들이 한눈에 보이질 않습니다.. =_='' 아 물론 지극히 개인적인 생각...) 못 생긴 돋움 대신 굴림을 쓰는 것으로 만족을..

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mar.gar.in") {
body {font-family: arial !important;}
#header-menul {font-size:20px !important;}
#header-menul a {color:#000 !important;}
.contentItem{line-height:60% !important;}
.cid {color:#00f !important;font-weight: 400 !important; font-size: 1.2em !important; line-height: 1.2 !important;}
.contentItem-note {font-size:1.0em !important;color:#000 !important;line-height: 1.2 !important;}
.contentItem-tag {font-size:0.95em !important; line-height: 1.2 !important; color: #999;}
.contentItem-tag a {color: #9999FF !important;}
#editNdelete a {color: #9999FF !important;}
}

(개인 북마크 페이지에서만 정상 동작합니다.)


참고...
stylish 유저들이 만든 스타일을 모아 둔 페이지
 

마음에 드는 mouse cursor.

마우스 커서 하나 바꾸자고, 마우스 커서를 변경해 주는 프로그램인 cursorXP 를 설치하는 것은, 바보짓입니다. 물론 커서XP 용 예쁜 마우스커서들도 간혹 있긴 하지만... 뚱뚱하고 못생긴 것이 대부분에, 부족한 리소스에도 도움이 되질 못하니까요. 그렇다고 심심하기 짝이 없는 윈도 기본 커서를 쓰기는 싫고... 보통의 윈도 XP 커서중에서 예쁜것을 쓰면 되겠군요. ;D

마이테마쩜넷의 윈도우 커서 카테고리에는 하루동안 전부 보기 힘들정도로 많은 수의 윈도 XP용 커서들이 있습니다. dA의 windows cursor 카테고리엔 아마 더 많을걸요? 마음에 들만한 것도 있고 그렇지 않은 것도 있고, 다양해요. 너무 심플해 버린 윈도 XP의 마우스 커서 대신 한번씩 바꿔 쓰면 보기도 좋고, 느낌도 좋고...

하지만 마우스 커서가 너무 뚱뚱해 버리면, 눌러야할 버튼들을 다 가려 버려서 이보다 불편할수 없습니다. 끝이 뾰족하지 않거나 가리키는 방향이 정확하지 않으면 작은 버튼들 위에서 버벅이게 되지요. 너무 평평하면 누를때의 클릭감이 좋지 않아요. (이게 누르는 건지 버튼 위에 붕 떠 있는건지...) 윈도 기본의 커서와 모양이 너무 달라 버리면, 말 못할 이질감에 난감 또 난감. 애니메이션 효과가 많으면 보기엔 좋을지 몰라도, 제 멋대로 움찔 움찔 움직이는 모습에, 원활한 웹서핑에 방해만 될 뿐입니다.
때때로, cur 파일과 ani 파일만 있고, install.inf(설치 정보 파일) 이 없는 셋트를 보면 더욱 더 난감. 제어판 - 마우스 - 포인터에서 일일히 하나하나 변경해서 저장해야 되는 귀찮음을 맛보고 싶지는 않거든요. :P

그래서 전 Contrast Cursor를 사용합니다. :)

contrast cursor

White와 Black set 중, White입니다.


Contrast Cursor
나온지 꽤 오래된 커서 셋이라서 이미 많은 분들이 사용하고 있으리라 생각됩니다. 원래 원본은 dA애 올려졌었는데 지금은 삭제된(한)듯 합니다.
심플하면서도 예쁜 커서 모양이 기본 커서와 크게 상이하지 않아 이질감이 없어요. 웹페이지 링크 위에서 뜨는 손가락 모양은 예쁘기도 하지만 손가락으로 직접 누르는 듯한 타격감!! 마저도 있습니다! 낄낄.. 그동안 제가 찍은 캡쳐샷에서 살짝 살짝 모습을 보이기도 했었죠. 선명하고 적당한 크기! 검정과 흰색을 번갈아 가면서 사용할수도 있고.... install.inf 파일도 포함되어 있어서 마우스 우클릭 - 설치로 설치까지 간편합니다! 사용한지 너무 오래 되서 이젠 원래의 윈도XP 커서가 어떻게 생겼었는지 기억이 나질 않을 정도....

마리오 간트(mario gant) 는 예쁘고 특이한 모양 덕에 최근 많이 유행 했지만, 손가락이 너무 짧아서 쓰기에 불편합니다. =_=' 재우님이 추천한 커서계의 대부(??) JJ Ying의Old Sys 3D 는 럭셔리하고 왠지 모를 Gorgeous 함이 있지만 결정적으로 install.inf 파일이 없어서 불합격. 이외에 다른 OS의 커서들을 가져 온 것들 정도가 쓸만하긴 한데.....

Contrast Cursor 만한게 없어요. ;D

어떤 마우스 커서를 사용하시나요? 혹시 추천하고 싶으신게 있다거나, 더 좋은 것을 알고 계신다면 알려주세요~!

 

"hi8ar.net Search" 검색창에 추가하기.

FF_Seachbar

FF 2.0 Seachbar

보통의 Firefox 2.0 검색창입니다.

FF_Seachbar_2

퍼릇퍼릇. ;_;

이글을 보고 있는 지금!! 파비콘 부분의 색상이 위와 같이 퍼릇퍼릇 해 지졌나요?

Add_search

쓸데 없는 검색엔진이 많구나~ ;_;


파비콘을 눌러 "hi8ar.net Search"를 추가합니다. :)


FF 2.0 과 IE 7.0 에서만 동작한다고 합니다. 사실 IE 7.0은 사용하지 않아서 테스트 하지 못했어요. 안되면 말구.. ;_; 물론 검색창에 추가해 가면서 까지 여기서 찾아볼 만한 것은 없습니다..=_=

 

불여우 2.0.

불여우 2.0

드디어 불여우 두마리로 업데이트~! 꺄울~



기다리기를 좋아하는 성격 탓인지, 귀차니즘 때문인지, 잘 모르겠지만, 드디어 Firefox 2.0 으로 업데이트 했습니다. 사용하던 1.5의 프로필 위에 바로 설치하면 프로필이 꼬인다는 말이 있어 조금 걱정했습니다만, 별 무리 없이 잘 된 것 같습니다. 사용하던 설정 그대로 적용된 상태에서 양호하게 2.0을 사용할 수 있네요. 1.5에서 사용하던 확장기능들과 테마들이 문제일 거라 생각했지만, 예상과 달리 대부분 2.0에서 사용가능한 확장들로 순조롭게 업데이트 되었습니다. (그 동안 많이들 사용하시는 확장기능들은 거의 다 업데이트 된듯합니다.) 물론 테마는 제외... :)

늦장 업데이트라 별로 도움이 될 만한 내용은 없습니다만, 눈에 띄게 좋아지거나, 달라진 점들에 대해 간략히 적어보면 다음과 같습니다.
  1. 최초 구동 시간이 굉장히 단축되었습니다. - 1.5에서 기다리던 시간에 비하면 눈에 띄게 좋아졌습니다.
  2. 페이지 로드 시간이 빨라졌습니다. - 사실 그리 크게 체감하진 못하겠지만, 남들이 다 그러길레.. :D 스크립트 처리 시간등이 눈에 띄게 빨라졌다고 그러더군요.
  3. 기본 테마만 사용해도 될만큼, 테마가 예뻐졌습니다.
  4. RSS 구독기능이 좋아졌군요!!
  5. 검색 사이트 관리가 편리해 졌습니다.
다음은 새로 익숙해져야 하거나, 안 좋은 점들..
  1. 단축키가 조금 변경 되었나 봅니다. - Sage 의 단축키인 Alt+S 가 Alt+Z로 바꼈네요. 이 글타래 참고.
  2. 1.5에서 사용하던 테마들을 쉽게 사용할수가 없습니다. - 하지만 아예 안되는건 아니에요.. :)
  3. 흠.. 또 없나?.... 없군요... =_=''


커스토 마이징에 관련한 확장중에 자동으로 업데이트 되지 않은 확장들이 몇가지 있었습니다.

- Compact Menu 확장은 Compact Menu Blue 확장으로 대체하였습니다.
- Titlebar Tweak 확장은 Titlebar Tweak 확장페이지의 아래 댓글을 보시면, 러시아 포럼의 비공식 버젼을 다운 받아 설치하실수 있습니다.
- Zoomy 확장의 경우, 1.5용 확장을 다운받아, install.rdf 파일의 maxVersion부분을 수정함으로써, 설치/사용 가능했습니다. 간단한 수정이지만, 공사가 다망하신분들을 위해 올려둡니다. :)

이어서 테마 이야기....

모든 1.5용 테마들이 그렇지는 않겠지만, 그 뿌리가 Safire 테마인 Safari형 테마들의 경우, install.rdf 파일의 maxVersion을 수정하여 사용할수 있는듯 합니다. 다만, 2.0에서 새로 생긴 부분들이 온전히 나오지 않습니다.
FF_Cerebro theme.

군데 군데 아이콘이 없습니다.. (=_=;)

위 그림은 1.5용 Cerebro 테마를 사용한 모습입니다. 서치바쪽은 하나도 적용이 되질 않는군요. :) 예전 같았으면 신나게 뜯어보고, 고쳐보고, 넣어보고 했겠지만, 지금은 그럴 열정이 없습니다.. =_='

FF_fantastic

fantastic902씨와 까막눈씨의 1.5용 Fantastic 테마도 설치!!

덕분에 한 페이지가 넘어가던 수많은 테마들을 싹 정리했습니다. 이제 기본테마로 사용할겁니다. :)


참고 :: Install.rdf 파일 수정하기...



아무튼.. 1.5.0.8 에서 2.0으로 업데이트 하고 나니,
그 때처럼, 막 웹서핑이 하고 싶어졌습니다!! :D

 

Monochrome 스킨 오류수정

조금은 중요한 오류의 수정이기에 새로운 포스팅으로 알립니다.
죄송해요...;;;;

1. 사파리에서 본문의 스타일이 지정되지 않는 오류를 수정했습니다.

style.css 파일 327라인.
#sidebar .notice {
padding:5px 10px;
margin:5px 0;
-moz-border-radius: 6px;*/
}

위 보시다 싶이 -moz-border-radius: 6px;*/ 부분입니다. 어처구니 없게도 주석 끝만 있고 주석 시작이 빠져있습니다. 필요없는 부분이므로 -moz-border-radius: 6px;*/ 만 삭제해 주세요. 급하게 공개하다 보니, 이런 실수를....-_ㅡ;

다른 브라우저에서는 문제가 없었지만,(이 점이 신기합니다. ^^;;;; IE, FF, Opera 모두 정상출력이 됐었는데....) 이것 때문에 사파리(Safari)에서는 이 이후의 스타일 지정이 적용이 안 된것 같습니다. 죄송합니다. 제 블로그만 사파리 테스트 사이트에서 확인해서 미처 이를 몰랐습니다. 이 문제를 알려주신 JeK님 감사드립니다. 여러 파일을 열어두고, 뒤죽박죽 작업하다 보니, 수정된 곳도 있고 수정 되지 않은 곳도 있고..
저 혼자 쓸때는 생기지 않았던 문제들에... 골치가 아프네요..-_ㅡ;;;;;


2. 사이드바 글 리스트에서 정확히 사이드바 크기에서 글 자르기.

#sidebar ul{
margin:0;
padding:10px;
list-style:none;
overflow: hidden;
}

265 라인에 overflow: hidden; 을 추가 하시면 제 블로그 처럼 Recent Comment와 Recent Trackback등등의 사이드바 리스트에서, 150px 를 글자가 넘지 않게 됩니다. (왼쪽의 그림처럼..)

배포한 스킨은 일부러 조금 넘어가게 해 봤었는데, 넘어가는게 썩 보기 좋지만은 않은것 같아서...


이상의 내용은 수정하여 태터툴즈 스킨 배포 페이지에 새로 올려 두겠습니다.
스킨에 별다른 수정을 하지 않으신 분들은 CSS 파일만 덮어 씌워 주시면 되겠습니다.
CSS 를 수정해서 사용하시는 분들은 위 내용을 직접 수정해 주세요..


많은 분들이 이 스킨을 사용하시는 것 같지는 않지만, 이 스킨을 사용하시는 모든 분들이 이 글을 보셨으면 좋겠습니다.. 쩝... 아무튼.. 앞으로는 스킨 공개하기가 두려울것 같습니다..-_ㅡ;;;
 

Tag in Flash 플러그인 한글 고치다.



무하하하.. 한글이 ??? 가 아니고, 제대로 나온다. :)

아침부터 J.Parker님의 이올린 태그 검색 플러그인을 고치다가, 같은 방법으로 Tag in Flash 플러그인까지 함께 고쳐졌다. 소 뒷걸음 치다 쥐 잡은격... 근데.. 막상 한글이 제대로 나오니,, 한글 태그가 별로 없네..-_ㅡ''
아무튼, 나 혼자 멋지게 고친줄 알고.. "쥐뿔도 모르는게 응용도 할 줄 아는구나~!" 라며 스스로 잘난척하던 중이었는데... 이미 해결책이 태터툴즈 플러그인 페이지에 댓글로 올라와 있더라~ 쩝.. 9월 1일날 달린 댓글이니 한달이나 됐네....;;; 이제서야 알게 되다니..
 

foobar v0.9 에서 rating 이용하기.

푸바 v0.8.3 을 이용할때는 foo_quick tag.dll 이라는 퀵태그 컴포넌트를 이용하여, 매우 편리하게 음악 파일의 rating tag를 기록했었습니다. 하지만, quicktag 컴포넌트는 0.9용으로 나오질 않고 있습니다.(나와야 할 이유가 없어진 것 같긴 합니다만..) 일일이 rating이라는 태그 필드를 만들고, 일일이 태그를 수정하기엔 너무 귀찮은 일이에요. :)

아무튼 v0.9에서 rating을 이용하는 방법은 제가 사용하는 방법 외에도 몇가지가 더 있는 것으로 알고 있습니다.
플레이 카운트 컴포넌트(foo_playcount.dll) 를 이용해서, 플레이한 횟수만큼, 자동으로 rating을 더하는 Columns UI용 스크립트(Autorating column, if someone intrested) 도 있고, foo_custominfo 를 이용해서 별도의 DB에 저장하는 방법 (foo_custominfo, New component for "database-only tags) 도 있습니다.
뭐 어느쪽도, 그다지 제 맘에는 들지 않는 방법입니다.


foo_quictag.dll 글타래의 마지막장을 보시면, quicktag를 대신할 만한 것에 대한 힌트가 있습니다.
그것은 바로 MassTagger! ;)

푸바의 MassTagger는 음악 파일의 Tag를 낱개는 물론 일괄 변경까지도 손쉽게 Tagging 해주는 최고의 태그 편집기입니다. 아무튼 v0.8에서 MassTagger란 이름으로 존재하던 이것은 v0.9의 메뉴에서는 단순히 Tagging 으로만 존재하는 군요.. :P

foobar v0.9의 Tagging



위 그림만 보셔도, 이것이 v0.8에서 사용하던 quicktag 와 닮아 있다는 것을 느끼실 수 있을겁니다.

그렇습니다. v0.9의 tagging 은, 등록한 스크립트를 메뉴에서 바로 클릭하여 사용할 수 있습니다. 위 그림처럼 사용하기 위해선.. 몇개의 간단한 스크립트만 등록하면 됩니다. (quicktag에서 자주 입력하는 tag값을 미리 설정하는 것 처럼...)


간단하게... rating="5" 라는 스크립트를 작성해 볼까요?

플레이리스트 위에서 마우스 우클릭 - Tagging - Manage Script를 클릭 하면, v0.8에서 사용하던 Masstagger 의 모습을 보실수 있습니다.

MassTagger


Add 를 클릭합니다.



Set Value.. 를 선택합니다.



Field name 에는 RATING 이라 적고, Field Value 에는 5 를 적습니다.



작성된 스크립트를 rating = 5 라는 이름으로 저장합니다.


위와 같은 방법으로 rating = 1 부터 5까지, 5개의 스크립트를 등록합니다. 이제 quicktag를 사용할 때에 비해서, 비록 한번 더 클릭해야 하지만, quicktag 처럼 마우스 우클릭만으로 음악 파일에 rating 태그를 기록할수 있습니다. 사실 뭐 이제 이런식으로, Masstagger를 이용할 수 있으니, quicktag가 0.9로 나오지 않는 것은 당연한 것일지도 모르겠습니다.


조금 더 응용해서, rating의 값을 정해진 값을 넣는것이 아니라, 하나씩 더하거나 뺄 수 도 있습니다.
[0.9]Rating with Masstagger, Here you can get two scripts for rating
위 링크를 확인해 보시면, rating 값을 하나씩 더하거나 빼는 스크립트가 있습니다. (다운 받으셔서, Masstager에서 Load from File 하여 스크립트로 등록하세요.)


더불어 이렇게 등록한 스크립트들은 단축키(Shortcut)로 등록할 수도 있습니다! (물론 마우스 우클릭하시는게 귀찮으시다면.. ;)
단축키를 등록하는 곳은 Preferences - General - Keyboard Shortcuts 입니다.



Add New 를 클릭해서 새로운 단축키를 등록하고 Action에서 나열된 메뉴중 좀 전에 등록한 스크립트를 선택합니다. (푸바의 메뉴에서 등장하는 모든것을 단축키로 등록시키실수 있습니다.)
Filter List by 에 script 라고 적으시면, script 아래의 메뉴들만 필터링 되니, 좀 더 편하게 찾으실수 있겠군요.
Key 칸의 내용을 지우고, 커서를 위치시킨후, 원하시는 단축키를 한번 눌러줍니다.
그리고 저장... :)

전 rating=1에서 rating=5 까지는 ctrl + "1" ~ "5" 의 단축키로 +1 -1 은 각각 ctrl + "+" 와 ctrl + "-" 로 등록해 두었습니다. rating 기록하기가 한결 간편해 지는군요!


MassTagger를 처음 접하시는 분은, 비록 v0.8.3에서 작성된 글이지만, 아래의 글이 도움이 될겁니다. 사실 바뀐게 없으니까요.
foobar MassTagger를 사용해 보아요~! :)


잽싸게 3개의 포스트를 한꺼번에, 적다보니 오타와 실수가 많은 것 습니다. 발견하시면 바로잡아 주세요..+_+''

그럼 모두 즐푸~ +_+''

 

Home stereo display for Trackinfo Mod.

Home stereo display, For trackinfo mod panel by Russell777.

오늘 위 링크에 가보니.. 1.8 VIP 버젼까지 나왔군요.
이번 버젼은 조금 과도하게 길쭉한데요? :D
(제가 Monochrome 에서 사용했던 버젼은 1.7.2였습니다.) 위 링크에 Home stereo display 를 구현 하기 위해 필요한 것들이 모두 링크되어 있습니다. - 컴포넌트(foo_uie_trackinfo_Mod, foo_cwb_hooks) 폰트(Arial, LCD fonts family, 7 Segment, Webdings, Symbolix)

그렇습니다. 이것은 별도로 만들어진 것이 아니라, TrackInfo_Mod 컴포넌트에 무지하게 복잡한 코드를 작성하여 만들어진 것입니다. 이런 무지막지한 코딩이 가능하다니.. 정말 감탄이 절로 나옵니다~!!!

다운 받은 파일을 압축해제 하시면, 몇개의 폴더와 안내문이 있습니다. code 폴더에 있는 텍스트 파일이 트랙인포의 코드입니다. 복사하셔서 빈 트랙인포_Mod의 패널에 넣으시면 되겠습니다. 더불어 Theme creating kit 폴더 안의 텍스트 파일들을 보시면, 많은 수정 없이도(?), 자신이 원하는 테마를 만들수 있음을 알수 있습니다.

//////////////////////////////////////
////////////////THEMES////////////////


위 처럼 시작 되는 부분에.. Theme template.txt 의 내용을 수정하여, 다른 테마 설정과 겹치지 않게 끼워 넣으시면 되겠습니다.

$if($stricmp($get(Theme),monochrome),
$puts(back,$rgb(0,0,0))
$puts(active,$rgb(255,255,255))
$puts(font_options,glow-230-230-230 glowalpha-130)
$puts(display_back,)
$puts(full,null)
$puts(frame,null)
$imageabs(-20,-27,images\b_fl.png,)
)

이 코드는 제가 Monochrome 데스크탑에서 사용한 테마입니다. 이 테마의 이름은, 첫줄에서 보시다 싶이, monochrome 입니다. 사용한 배경 이미지는 Monochrome Single_playlist Source 에서 사용한 이미지와 동일한 이미지입니다. (사실 트랙인포 패널에서 사용하기 위해 만든 사이즈였던 것입니다.)

끼워 넣으시고.. 코드의 제일 윗 부분인..
////////////////Definitions////////////////
$puts(Theme,monochrome)

이 부분에서 자신이 정한 테마의 이름을 적어 주시면 됩니다.

간단하죠? ;)
보다 자세한 내용은 푸바 포럼과 다운 받은 코드 파일과 함께 들어 있는 Instructions.txt 를 참고하세요.

 

Monochrome - Single_playlist Source.



최근 데스크탑 스크린샷 Monochrome 에서 보여 드렸던 푸바의 Single Column Playlist (foo uie single column playlist)의 소스입니다. 싱글 컬럼 플레이리스트는 앨범별로 (혹은 자신이 원하는 설정대로..) 묶고, 그 위에 한줄의 header를 가지는 형태로 플레이리스트를 나타내어 줍니다. 이미지까지도 플레이리스트에 쑤셔 넣을 수 있다는 엄청난 메리트가 있지만, 역시나 아직은 매우 불편하기 짝이 없습니다.
컴포넌트를 아직 사용하지 않으시는 분은 링크에서 다운로드 받으시고.. (Layout에서 다른 컴포넌트들 추가하듯이 추가하시면 됩니다.) single playlist 에 대해 더 많은 정보가 필요하신분은, StillGyo님의 "foobar2000의 새로운 UI 컴포넌트 Single Column Playlist" 를 읽어 보셔도 좋겠습니다.

아직은 BETA에 불과한 컴포넌트이니, 사용하기 전에 당신의 설정을 모두 백업하라는 군요. :)

아무튼.. 제가 스크린샷에서 코드는 아래와 같습니다.
(플레이 리스트 위에서 마우스 우클릭 - Setting 을 클릭 하시면 코드를 집어 넣을수 있는 곳이 있는 설정창이 나옵니다.)

Item Display.
$if($strcmp($mod(%_playlist_number%,2),1),
$drawrect(,,,,brushcolor-245-245-245 pencolor-null))

$padding(2,0)
$drawrect(6,3,18,18,brushcolor-null pencolor-160-160-160)
$if(%_selected%,$drawrect(0,0,0,0,brushcolor-null pencolor-200-200-200))
$if(%isplaying%,$drawrect(0,0,0,0,brushcolor-235-235-235 pencolor-200-200-200))

$padding(10,4)
$font(Kabel Md BT, 8,$if(%isplaying%,bold glow-200-200-200 glowexpand-1,),100-100-100)
[%tracknumber%]

$padding(25,0)
$font(Kabel Md BT, 9,$if(%isplaying%,boldglow-200-200-200 glowexpand-1,),100-100-100)
$replace(%title%,'(',$font(,,italic,150-150-150)'(')

$font(Candara,9,,190-190-190)
[ %length% ]

$alignabs(-10,5,$sub(%_width%,2),%_height%,right,)
$font(Wingdings,12,glow-190-190-190 glowexpand-1,250-250-250)
$repeat(«,%rating%)



Group Display.
$imageabs(0,0,images\b_fl.png,)

$padding(1,0)
$drawrect(,,,,brushcolor-null pencolor-196-196-196)$padding(5,1)

$align(left,center)$font(Swis721 Cn BT D-Type, 10,,255-255-255)
$font(,,glow-160-160-160 glowexpand-1 ,)
%album%

$align(right,0)$font(Candara, 11,,255-255-255)$font(,,bold,255-255-255)
%artist%
$puts(ar_w,$calcwidth(%artist%))

$drawrect($sub(%_width%,$get(ar_w),18),-1,3,%_height%,brushcolor-255-255-255 pencolor-null)
$drawrect($sub(%_width%,$get(ar_w),17),-1,1,%_height%,brushcolor-250-250-250 pencolor-null)

$alignabs(0,13,%_width%,%_height%,right,)
$font(Candara,8,,210-210-210)
[%date% | ][%genre%]


Used Image.



위 이미지를 다운받아 자신의 푸바 이미지 폴더에 넣어주세요. (이미지는 하나뿐이지만 원래 파일명을 유지하기 위해 압축해서 올렸습니다.)
Foobar Track_info Mod 컴포넌트와 Single Playlist 컴포넌트에서 사용되는 이미지의 경로는.....

푸바의 프로필 폴더를 자기계정 안에 따로 두고 사용하는 경우라면,
C:\Documents and Settings\자기계정\Application Data\foobar2000\images (Application Data는 숨김폴더입니다.)
이 될것이고,
프로필 폴더를 따로 가지지 않는 설정으로 사용하는 경우라면,
C:푸바설치경로/images (푸바 0.8에서 처럼 모든 정보가 푸바 설치경로에 저장됩니다.)가 될것입니다.

프로필 관련 설정은, Preferences - General - Other 에서, Enable user profile support 에 체크를 하느냐 마느냐에 따라서 결정됩니다. 프로필 폴더를 따로 두는것이 좋은가, 그렇지 않은가는 개인의 취향에 따라 달라지겠지요. 전 프로필 폴더를 따로 두고 있습니다. :)


다시 Single Playlist 이야기로 돌아와서..
위 코드는 Single Column Playlist 위키 페이지Mazy Design Example 의 코드를 기본으로 하여 만들어 졌습니다. 저에게 필요한 기능만, 제 맘에 들도록만 수정되었습니다. ;P 물론 저 역시.. 이것이 제대로 된 동작하고 있는 코드인지.. 어디 틀린곳이 있는지 없는지.. 에 대해서는 알 길이 없습니다. 그저 "즐기기~!" 에는 큰 무리 없는 코드라 생각합니다.

코드에 대한, 자세한 사항은 Single Coulmn Playlist 위키 페이지나 푸바 포럼의 foo_uie_single_column_playlist, single column playlist viewer 글타래를 참고하세요. 계속 새로운 글들이 달리고 있을겁니다. :)
 

AveDesk로 휴지통 모양내기.

예쁜 데스크탑 스크린샷을 위한 그 쓸데없는 팁, 세번째~

얼마전, 데스크탑 스크린샷이었던, The day Vanished의 휴지통입니다.
(이미 아이콘을 돌리는 팁은 예전에 댓글을 통해서 알려드린봐 있으니.. 이번엔 라벨을 돌리는 팁을..)


위 스크린샷에서 이용된 휴지통 아이콘은,
I hate that music by manicho
라벨에 사용된 폰트는 Calibri 입니다.


AveDesk휴지통 도클릿(Docklet)에서 마우스 우클릭하여, Desklet Properties를 열고,
Images탭에서..


Appearance탭에서 아이콘의 대체적인 모양과 위치를 정합니다.

크기는 좀 큰편으로, 위치는 모니터의 구석즈음에 반쯤 걸치게 놓는것이 이 작업의 포인트~!



Label 탭에서... (폰트와 그림자 셋팅도 하시고..+_+'')
라벨의 위치를 위 그림처럼 설정하시면 휴지통의 윗부분에 라벨이 위치합니다.
포인트는 역시 Rotation!

이상.. 다들 알고 있는 쓸데없는 팁 세번째였습니다. -_ㅡ''