플러그인 없이 불여우의 Stop/Reload 버튼을 하나로…

사파리오페라는 상황에 따라 Stop 버튼과 Reload 버튼 둘 중 하나만 보여줍니다. 페이지가 아직 로딩 중일 때는 Stop 버튼을, 페이지가 다 로딩 되었을 경우에는 Reload 버튼 만을 보여주는 거죠. 어차피 두 버튼을 동시에 같이 사용할 일은 없으니깐요. 결론적으로 툴바에 버튼 하나만큼의 공간을 더 확보할 수 있게되는 겁니다.

불여우는 기본적으로는 Stop 버튼과 Reload 버튼을 둘다 가지고 있습니다. 이를 앞서 말한 다른 브라우저들 처럼 하나로 합쳐주는 플러그인도 있습니다만 userChrome.css 파일에 몇 줄 추가해주는 것 만으로 이를 구현하는 방법도 있더군요.

userChrome.css 파일을 처음 수정하시는 분들은 아래의 경로에 있는 userChrome-example.css 파일 이름을 userChrome.css로 바꿔주세요.

각 운영체제별 userChrome.css 파일 위치 (xxxxxxxx는 임의의 값입니다.)

Windows XP/2000
C:\Documents and Settings\[User Name]\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\
Windows 95/98/Me
C:\WINDOWS\Application Data\Mozilla\Firefox\Profiles\xxxxxxxx.default\chrome\
Linux
~/.mozilla/firefox/xxxxxxxx.default/chrome/
Mac OS X
~/Library/Application Support/Firefox/Profiles/xxxxxxxx.default/chrome/

userChrome.css 파일이 준비 되셨다면 아래의 코드를 추가해줍니다.


/* Show Stop and Reload buttons smartly */
#stop-button[disabled] {display: none;}
#stop-button:not([disabled]) + #reload-button {display: none;}

이제 불여우를 띄워봅시다. 음… 아직도 두 버튼이 다 보이죠? 여기서 툴바에 마우스 우클릭해서 “사용자 지정”으로 Stop 버튼이 Reload 버튼 앞으로 오도록 위치를 바꿔줍니다. 이제 아마 Reload 버튼 만이 보일 겁니다. 물론 페이지를 로딩 중일 때는 Stop 버튼이 나오고요~ ;)

개인적으로 불여우에서 무척 아쉬웠던 부분인데 이렇게 간단하게 바꿔줄 수 있다니 재밌네요. 여기여기에 다른 재미난 userChrome.css 수정 코드들도 있습니다. 한번 체크해보세요.

  1. 오…이런것이^^
    근데 요거 따로 확장자가 있어서 사용했는데………이제 필요 없겠군요~!

  2. 아..전 불여시를 안써서 몰랐는데..따로 되어있네요 이제보니..

  3. 니키, H씨 » ㅎㅎ 사실 플러그인을 그냥 사용하는게 사용자 입장에서는 더 편하죠~ 그냥 플러그인 없이도 별로 어렵지 않게 이런게 된다는게 재밌어서 포스팅해봤습니다~ ;)

    나비 » 그렇더군요. ^^;;

  4. 워.. 이런 팁이 있었군요~
    불여시 자주 쓰는데 한번 시험해봐야겠슴다 ㅋㅋ

  5. WaterFlow » ㅎㅎ 별로 어렵지도 않으니깐 한번 해보세요~~ :D

  6. 어라 지금 보니 파이어폭스에서는 버튼 한개로 되어있지 않네요?
    제 기억으로는 분명히 원 버튼이었던 것 같았는데.. -_-?;;
    혹시 테마 설정에 따라 바뀌기도 하는걸까요? .
    넷스케이프랑 햇깔리고 있는건가…

  7. 1UP » 파폭은 원래 두개입니다.
    넷스케이프는 한개로 되있더라구요. 살짝 햇갈리신듯~

  8. 저도 플러긴으로 사용중인데..
    이번참에 하나 줄여야겠군요~ ㅋㅋ

  9. Edl » 굿굿~~ 불여시 다이어트 좀 시켜주세요~ ㅋ

    • 까막눈
    • October 4th, 2007

    옷 저도 다여트!

  10. 까막눈 » 이거 이거 다이어트 열풍인겝니까? ㅋ

  11. CCF is given to you in the curve coding ..

  1. No trackbacks yet.