SAVE THE DEVELOPERS <!> Upgrade IE 6 Now!

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

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

Firefox 3.0 의 부가기능

뭐 어짜피 몇일 지나면 3.0에 호환되는 부가기능들이 하나씩 부가기능 페이지에 올라오겠지만.. 나처럼 당장 급하면 어쩔수 없다. 무엇보다도 급한것 2개. Tab Mix Plus 와 All-in-one-gestures 가 안되면 불여우를 쓰기 너무 불편해...

Tab-mix-plus
여기에 개발자 버젼이 있다. http://tmp.garyr.net/tab_mix_plus-dev-build.xpi

All-in-one-gestures
http://pagesperso-orange.fr/marc.boullet/ext/extensions-en.html
0.19 버젼을 설치.. :)
아니면 아예 다른 마우스 제스쳐 관련 확장을..
https://addons.mozilla.org/en-US/firefox/addon/6366

Compact Menu

Compact Menu

자신이 사용하던 부가기능 설치 페이지의 Review 란을 뒤적거리다 보면 3.0에서도 사용가능한 링크 따위를 발견 할 수도 있다. Titlebar Tweak 같은 쵸간단 확장이라면 xpi 파일을 다운받아, 압축툴로 풀어 install.rdf 파일의 <em:maxVersion> 부분을 3.0.0 이상으로 적어주면 대개는 무리 없이 설치되고 동작하더라. Compact Menu 역시 3.0베타5까지 지원했기 때문인지 rdf 수정하고 설치하면 동작함! 뭐 어쨌든.. 뒤적 거리기도 귀찮고.. 완전해지려면 참고 기다리는 수 밖에... :)

에잉.. 잠도 못자고 이게 뭐람... :p


 

Fission, 주소줄을 프로그래스바처럼..

Fission :: Firefox 부가 기능

Fission 은 불여우(firefox)의 주소줄을 사파리(Safari)의 주소줄처럼 만들어 주는 확장이다. 유용성에 대해선 별로 논할게 없지만.... 설정창에서 색상을 지정할수 있는데, 색깔 대신
 
pattern1pattern2pattern3pattern4pattern5pattern6pattern7pattern8pattern9pattern10pattern11pattern12pattern13pattern14pattern15pattern16pattern17pattern18
요런 따위의 간단한 패턴 이미지를 넣어주면..

Fission

예쁘다... =_=;


 

Fireshot

fireshot으로 장난질..

장난질

불여우 포럼을 기웃거리다 하나 건졌다. Fireshot. 웹페이지를 캡쳐하고 간단한 내용을 표시하거나 작성할 수 있다. 온라인 데모 페이지를 보면 이것의 정체에 대해 쉽게 파악 된다.

설치하고 마땅히 할게 없어 장난 좀 쳤다. (텍스트 박스에 뭔가 적어 넣었는데... 막 누르다 보니 다 복사 됐나?..) 캡쳐 프로그램이야 많지만 부담 없는 것이 좋다. 뭐 이런게 내가 불여우를 놓을 수 없는 이유랄까? 아쉬운 점이 있다면 텍스트가 한글로 안 써져.... =_=''

+사족.. 마우스 우클릭이 막혀서 화면을 캡쳐해야겠다면.. 차라리 스크립트를 잠시 Disable 시키고 마우스 우클릭으로 다운 받는게 낫다..;;;


 

별 도움 안될 불여우 확장들.. :)

제목부터가 난감하군요! 도움이 되지 않을 확장을 설치해야 할까요? 말아야 할까요? 도움이 될지 안될지의 판단은 여러분의 몫~ ;P

1. Splash로 스플래쉬 이미지를 띄우자!

https://addons.mozilla.org/ko/firefox/addon/2995


불여우가 로딩 되는 동안 "지금 로딩중" 혹은 불여우 로고 이미지 따위를 띄웁니다. 띄울 글자와 소리도 설정 가능합니다. 뭐 이런식으로 설정해요.

Splash

이렇게 그림 파일을 지정해 두면, 초기 구동시 약 3초(시간도 설정 가능합니다.) 동안 위 이미지가 뜹니다. ㅡ,.ㅡ' 아무래도, 초기 구동에 좋은 영향을 주지는 않겠죠? :) 왜 이런 확장을 만들었는지, 잘 모르겠지만.. 사파리(Safari) 초기 구동하면 로고 뜨나요? 아무튼...

제작자의 스플래쉬 이미지 갤러리 - http://www.mrtech.com/photos/
dA 의 파이어폭스 스킨 카테고리에도, 요즘 들어, 진짜 불여우 스킨은 찾아 보기 힘들고, 스플래쉬 이미지들만... - http://browse.deviantart.com/customization/skins/web/firefox/




2. Stylish 를 이용해서 about:blank 페이지를 예쁘게?!..


https://addons.mozilla.org/ko/firefox/addon/2108
- 새 버젼으로 업데이트 되면서, 한글로 번역 되었습니다.

about:blank 페이지는.. 네, 맞습니다. 그냥 빈 페이지에요. 예전에도 한번 언급했던 적(남의 사이트도 내 맘대로 보자! - stylish)이 있던 Stylish 확장을 이용합니다.
about_blankabout_erorr

위 캡쳐 이미지 처럼, 빈 페이지와 에러 페이지를 바꾸실 수 있어요. :) 온라인 상의 사이트만 변경되는게 아니라, 이런 페이지까지 변경할 수 있었군요. 흠냐~ 위 코드는 아래의 링크에서 구하실 수 있습니다.
http://www.deviantart.com/deviation/56543463/
http://www.deviantart.com/deviation/56341347/
게다가, 스타일리쉬의 유저 스타일을 모아둔 페이지에서, about:blank 로 검색하면,
http://userstyles.org/styles/search/about%3Ablank
무궁무진 하지요? :)

구글을 dA 스타일로 변경해 보는건 어떨까요?
daogle1daogle2

http://userstyles.org/styles/2399


역시 별 도움 안 될 불여우 확장들.. :)
 

남의 사이트도 내 맘대로 보자! - 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 유저들이 만든 스타일을 모아 둔 페이지
 

hi8ar Custom CSS for Firefox Sage.

불여우(Firefox)의 RSS 리더 확장인 Sage에서 사용가능한 사용자 지정 CSS 입니다.

심심해서..
올리버네님의 Sage용 사용자 지정 CSS를 수정해 봤습니다. (저작권에 As you wish.. 라길레..) 물론 지극히 본인의 취향에 맞도록....

본인의 취향이란? +_+''
  1. 작은 모니터에 큰 해상도를 사용하다보니, 왠만하면 큰 글자.

  2. 최대한 내 눈에만 편안한 색상.

  3. 한눈에도 알아볼수 있는 링크의 색상.


그러니까.. 그저 크기와 색상을 변경한것에 지나지 않습니다.

그 밖에.. 원본과 같이 감쳐진 태그를 보여주고, 원본과 달리 Embed 태그를 모두 나오게 하였습니다. (Embed 부분은 주석으로 가려만 두었습니다.)
모든 링크에 방문했던 기록이 표시되도록 수정했습니다.
(방문한 기록이 있는 페이지는 제목 우측에.. Visited 가, 새글일 경우 New article 이 표시됩니다.)

간단한 미리보기..




 

불여우와 함께 살기 2

그동안 식구가 조금 늘었습니다..^^;;;

1편에서 불여우양의 기본적인 기능을 충실히 해주는 확장들을 나열했다고 치면..;;
(그냥 저만의 생각입니다..우하하하핫...-_ㅡ;;;;;;;;)
이번에는 모양 내보기 편 정도가 되겠네요.. :)
너무 사파리를 닮게 해 버리는 작업이지만, 그래도 사파리가 이쁜걸 어떡해~!


일단 더불어 살게된 확장들은 이상의 4가지 입니다..;;
FlashGot 은 뭐하는 것인지 알아보기 위해 설치했기 때문에 곧 삭제 예정입니다..;;
(이 녀석이 왜 다운로드 5등안에 드는 확장일까요? 역시 무식하면 용감하다고, 넌 한마디로 별로 필요없어.. 라고 말하고 싶습니다..-_ㅡ;;;;)

ForecastFox 라는 날씨는 얼마전에 삭제 당했습니다.. 날씨 서버에 접속할때마다 브라우져가 버벅이는 것 같아서....날씨는 그냥 훌륭한 날씨 도우미 나베르씨에게 물어보기로 했습니다..^^;;

어쨌든 대충 시작해보면..