SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

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

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

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!

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

 

AveDesk의 Colorize.

음.. 시작한 김에 몇가지 더해 볼까요?..
이왕 시작 했는데, "예쁜 데스크탑을 위한 쓸데없는 팁" 정도로 시리즈 제목이라도 정해야...+_+''

아무튼..
예쁜 데스크탑 스크린샷을 위한 그 두번째 쓸모없는 팁!

예전 제 데스크탑 스크린샷 중에 하나인, Brown Groove 에서, 방즈님이 아이콘에서 물 뺐냐고 물어오셨던 그 기술(?...-_ㅡ;;)은 아니고, 간단한 팁입니다.

AveDesk의 Colorize



AveDesk의 설정창에서. Advanced 탭 아래를 보시면..

AveDesk 설정창



포토샵등을 이용해서 Hue/Saturation을 조절하는 것과 별다른 차이가 없습니다. 월페이퍼와 비슷한 색상으로 조절하면 한층 더 만족스런 통일감을 얻을수 있을지도 모릅니다. :D

다음에는 뭘 해볼까요?... +_+''
TAG ,
 

Yz Shadow의 안쪽으로 오프셋.

가끔씩,Yz Shadow를 사용한 데스크탑 스크린샷 중에 이런 스크린샷을 볼 때가 있습니다.

투명한 테두리(??) 와 함께??



윈도 테두리에 투명한 튜브(?)같은것이 보입니다. 이것이 생기는 원인은, VS의 테두리(보더)의 두께가 각각 다르기 때문입니다. 위 그림은 Milk VS로, 대개 맥테마를 포트한 녀석들이 주로 그렇습니다. (맥의 테마를 최대한 비슷하게 만들다 보니 보더를 지나치게 얇게 만들거나, 심지어는 보더 영역이 아예 없는 녀석들도 있습니다. +_+;;;)
"난 저게 더 예쁘고 멋있어서 저렇게 한건데?" 라고 하시면 할말은 없습니다만...


아무튼 이것은 Yz Shadow의 설정창에서..

Yzshadow의 설정창



"안쪽으로 오프셋 정도"의 수치를 올려 주시면.. 없어집니다!
5정도의 수치를 주면.. =_=''
(대개 3이상이면 튜브는 없어지나.. 4~5정도가 자연스러운 그림자를 보여줍니다. 물론 다른 부분의 설정도 조절하시면 보다 멋진 그림자가 완성되겠습니다.)

한결 나아 보이는데....+_+;;


물론 이런 수치는 각자의 취향에 맞게~!

하지만, 때로는 이 잘못된 효과 아닌 효과로, 색다른 멋을 낼 수도 있습니다!
http://hi8ar.net/18
사실은 그때는 위 방법을 몰랐던 것이긴 합니다만.. :)


TAG ,
 

탐색기로 맥의 Finder 흉내내기.

06.8.2 덧붙입니다.
이쯤 되면 다들 아셨겠지만.. 아래의 문제들이 해결된 새 버젼이 업데이트 되었습니다.
http://tomseffect.com/
제작자의 블로그에서 확인해 새 버젼으로 업데이트 하세요~! 이보다 좋은 파인더 흉내 프로그램은 없는것 같군요. :)



사실은 별로 대단할것도 아니고, 특별한 부류를 제외하고는 그다지 흥미를 느낄만한 것은 못 되지만..
어제 재밌는것이라고 설래발 치던 것은 이것입니다.

FindeXer
http://tomseffect.com/2006/07/07/findexer-1000-test-build-released/


제작자가 밝혔듯.. 아직은 테스트빌드입니다. 전 Scott-Evo의 스샷에서 처음 봤고, Scott이 그것이 무엇인지, dA의 저널로 FinderXer의 존재를 알려주었습니다. :)

물론 윈도우 탐색기를 맥OS의 FinderBar 처럼 보이게 하는 방법은 이 방법만 있는것은 아닙니다. 아예 윈도우 탐색기를 대신해 사용하는 Looca 같은 프로그램도 있어요. (Looca는 스킨도 다양(?)합니다.)
하지만.. 역시나.. 사용하기엔 왠지 불편해요.

한때 매우 유명했던.. 흔히들 Kabal's Finderbar라고 부르는 것도 있습니다. (제작자의 이름?이 Kabal 이에요. 더 자세한 정보는 Aqua-Soft.org의 이 글타래에서..)
혹시라도 FinderBar를 처음 접하시는 분은 마테의 Isomerboy님 강좌를 보세요. 어렵지 않게 설치하실수 있습니다.(얼마나 신기했던지!) 간단히 설명하면.. 탐색기에서의 쉘 부분.. 그러니까 탐색 창(왼쪽 사이드바 부분)을 맥의 Finder처럼 바꿔줍니다.

쓸데없이 서론이 길었는데, 지금부터 하고자 하는 말은 FindeXer가 새로 등장했다는 겁니다!


계속해서 재미없는 내용보기...

 

VLC 콘트롤러에 그림자 효과를 넣어 볼까요?

마테에 자주 들르지 못하다 보니 질문글이 올라왔는데도 모르고 이제서야 부랴부랴 적습니다. 언제나 그렇듯..-_-)r 시작하기 전에 이 내용은 대부분이 Joseph님의 친절한 조언 덕분에 알게된 내용임을 밝힙니다.

평범한 VLC

"평범한 VLC 콘트롤러"



위 그림은 VLC media player 의 "Skins 2" Interface 스킨을 적용한 모습입니다. 위와 같이 일반적인 VLC media player의 스킨에는 흔히들 그림자 효과를 위해 사용하는 Y'z Shadow만으로는 그림자가 생기지 않습니다.(Styler의 그림자도 안되는건 마찬가지...) 이는 윈도우의 GDI가 어쩌구 저쩌구 해서.. 윈도우의 창틀을 사용하지 않는 것들은 그림자가 안먹히던가 말던가..-_ㅡ;;(뭔 소리인지 잘 모르겠으니 넘어갑시다.)

그림자가 먹힌 VLC

"그림자 효과가 먹힌 VLC 콘트롤러"




위와 같이 그림자를 거부하는 녀석들에게 그림자를 먹이는 작업을 해 봅시다. ;)

몇가지 준비물이 필요합니다.
우선 그림자를 먹여줄 유틸리티 하나랑...

기타등등..

 

연결된 아이콘 변경하기.

대부분의 사람이 알고 있을지도 모르는 초간단 팁하나...-_ㅡ;;;;

윈도 아이콘 변경을 위해 특별한 툴을 사용하시나요? 원도 아이콘을 변경하는 방법은 여러가지의 방법이 있겠습니다만..;;
연결된 아이콘 정도는 별다른 툴 없이 간단하게 바꿀수 있습니다.
(연결된 아이콘이란.. 음 그러니까, 프로그램으로 연결된 아이콘을 말합니다...-_ㅡ;;;)

내용보기

 

간단한 Foobar Track Info 소스..;

몇분의 요청이 있어.. 올려 둡니다..

예전에 flare 님이 주셨던 부분 같기도 하고.. 출처는 잘 모르겠습니다..
나오는 부분에 비해서 필요없이 소스가 깁니다...-_ㅡ;;;

트랙인포를 사용하시는 분들은 복사해 가셔서 그대로 넣어주시면 되겠습니다.
트랙인포 창의 사이즈와 백그라운 색상, 그리고 폰트는 설정창에서 직접 넣어 주시고.
(나머지 설정들도 직접...-_ㅡ;;;;;)
아래의 코드를 복사해서 Fomating string 에 넣어주시면 됩니다.

코드보기

 

지겨운 윈도우 사운드 바꾸기.

다들 아실만한 이야기 이지만..
마이테마에서 로이님의 코멘트를 연유로 하여 포스트합니다. :)
로이 우와...패셔녀블한 웹페이지들도 멋지고
알북 오랫만에 보네요 헤헤
윈블로 알북사용하면 소리도 참 귀여운데..
곳곳에 정성이 가득~!!

그렇습니다. 윈도우 블라인드를 사용하면, 창의 최대화, 최소화시에 정도에 특별한 사운드가 나오도록 설정된 테마들이 있습니다..^^;;; 그 소리들은, 맥의 사운드라고 합니다. 맥을 사용해 본 적이 없으니.. 처음엔 듣고도 몰랐습니다..ㅋㅋ (사운드가 설정된 테마들이 가끔 있는데, 대부분 맥 테마를 포트한 테마들입니다.) 최대화 할때 고무줄 팅기듯이 띠옹~ 하고 팅기는 소리와, 최소화 할때 휙~ 하는 소리가 꽤나 귀엽습니다.

하지만 그런 귀여운 소리들은 윈블 없이도 들을 수 있습니다. ;)

"그래서 어떻게 하는건데?..-_ㅡ;;;"

TAG ,
 

폰트에 대한 삽질.

음.. 막상 써 보려고 하니 어디서부터 글을 시작해야 할지 모르겠습니다..;;

두서 없이 적어내려가 보려 합니다...-_ㅡ;;;;

일본 스샷쟁이들의 스샷을 보신적이 있으십니까?.. 항상 궁금해 왔던 것인데, 그들의 스샷속에서는 폰트들이 (우리가 사용하는 폰트와 동일한 폰트임에도 불구하고) 너무나도 멋져 보입니다.. :) 간단히 수수무씨의 스샷하나를 링크해 봅니다. 분명 Handel 폰트인데도 불구하고 어딘가 달라 보입니다...-_ㅡ;;;; 어느 정도의 안티얼라이싱이 먹힌것인지 알지 못할 부드러움과 단순히 볼드로는 표현 할수 없는 두툼함....;;; 대개의 일본 스샷쟁이의 스샷들은 대부분 이렇습니다..;; 똑같은 폰트인데도.;; 달라보이는...

뭔가 그들만의 비법이 있는것일까요??....-_ㅡ;;;;

매우 두서없고,, 지루한 글이므로, 위 내용에 흥미가 유발되시는 분들만 보시기를 권장합니다... ;P

이어지는 내용