파이어폭스 툴바 공간 확보하는 법

파이어폭스를 사용할때 애드온을 많이 사용하게 되는데 애드온을 많이 설치하다 보면 툴바의 공간을 많이 차지하게 되어 화면을 많이 잡아먹게 됩니다. 이럴때 툴바 공간이 조금이라도 더 있었으면 하는 생각을 해본적이 있을겁니다. 아니면, 주소창이나 주소창 옆에 있는 검색창을 더 넓게 쓰고 싶을때, 파이어폭스의 툴바중에서 크기도 크고 잘 쓰지 않는 세가지 버튼을 없애버리면 툴바의 부족한 공간을 더 넓게 다른 용도로 쓸수 있습니다.

여기서 없애고자 하는 버튼은 앞으로, 뒤로, 중지 버튼입니다. 파이어폭스를 쓴다면 거의 대부분 마우스 제스쳐 (Fire Gesture) 애드온을 사용하게 되는데, 마우스 제스쳐가 있으면 이 세가지 버튼은 별로 필요없고 마우스 제스쳐를 쓰지 않아도 마우스 오른쪽 버튼을 누르면 앞으로 버튼과 뒤로 버튼은 커버가 되고 중지 버튼은 ESC로 대신해도 됩니다.

이 버튼들을 없애려면 userChrome.css라는 파일을 파이어폭스 profile폴더에 만들어 넣어 주어야 합니다.

1. 먼저 윈도우 탐색기를 열고 C:\Documents and Settings\[username]\Application Data\Mozilla\Firefox\Profiles\[profile name]\chrome 이라는 경로를 찾아 갑니다. 여기서 username은 시작 버튼을 누르면 가장 위에 나타나는 이름이고 profile name은 C:\Documents and Settings\[username]\Application Data\Mozilla\Firefox\Profiles 아래에 있으며 폴더이름이 xxxxxx.default 이런식으로 되어 있습니다. xxxxxx는 아무 의미없는 이상한 이름인데 이 xxxxxx가 찾고자 하는  [profile name]입니다.

2. 1번에 설명한 폴더로 가서 메모장을 열고 아래와 같이 세가지 버튼에 대한 코드를 써줍니다. 아래 코드중 굵은 글자는 쓰지 말고 #으로 시작되는 세 줄만 씁니다.

Stop Button용 코드

#stop-button[disabled="true"] { display: none;}

Back Button용 코드

#back-button[disabled="true"] { display: none;}

Forward Button용 코드

#forward-button[disabled="true"] { display: none;}

3. 메모장 메뉴의 다른이름으로 저장을 선택하고 이름을  userChrome.css라고 입력한 뒤 저장합니다.

4. 파이어폭스를 다시 시작하면 필요없는 버튼이 없어졌습니다.

이 세가지 버튼은 아주 없어지는 것이 아니고 버튼이 필요할때는 나타나고 필요없을때는 사라지게 됩니다. 예를 들어 웹페이지가 로딩되고 있을때는 중지 버튼이 나타나지만 로딩이 끝나면 사라지고 다른 웹페이지로 이동했을때 뒤로 버튼은 남아있으며 뒤로 버튼을 누르면 앞으로 버튼이 생겨나고 하는 식입니다.

블로거 뉴스에 가입하기 전에 썼던 글인데 괜찮은 팁같아서 블로거 뉴스로 송고해 봅니다. 사실 오늘 제 파이어폭스를 다시 설치했는데 예전에 작성해 놓은 글이 기억나서 찾아복 그대로 다시 설정해서 불필요한 버튼을 없앴습니다. 그래서, 혹시 이글을 못본 다른 분들께도 도움될까 해서 블로거 뉴스로 송고합니다. 어쨌던 전에 작성해둔 글을 리바이벌을 하게 되서 조금 찔리긴 하네요. (-,-;)