노랑색 Firefox 버튼 변경할 수 있나요?

[yatoyato]

안녕하세요.

파이어폭스 4로 업그레이드하면서,
타이틀바 좌측에 [Firefox▼]란 메뉴버튼이 나타났는데요.

이 버튼을 제거하거나, 변경가능한 방법이 존재하나요?

[Channy]

노란 버튼 싫어하시는 분들 의외로 많으시네요.
완전히 없애는 건 좀 찾아봐야 겠구요. 옮기는 부가 기능은 있네요.
https://addons.mozilla.org/ko/firefox/a ... fox-button

http://static.addons.mozilla.net/img/up ... 1297902209

[minsxx]

이 버튼을 제거하거나, 변경가능한 방법이 존재하나요?

인터페이스 변경은 역시 userChrome.css 활용하면 됩니다. 활용 방법은 링크를 참조하세요.
viewtopic.php?t=14307&p=44234#p44234

1) 주소창에 about:support를 치고, 프로필 저장 폴더의 "폴더 열기"를 선택합니다.
2) 열린 폴더의 'chrome'이라는 폴더 아래에 userchrome.css라는 파일을 만들고. (샘플파일 이름을 바꾸어도 됩니다.) 밑에 아래 내용을 넣습니다.

Code: Select all

#appmenu-button {display: none !important;}

아래 내용처럼 추가하면 색깔 변화시킬 수도 있습니다.

Code: Select all

#appmenu-button {background-image: -moz-linear-gradient(#c0c0c0, #000000 90%) !important;}

[yatoyato]

답변감사합니다.

버튼 명칭이 "app menu button"이었네요.
위 예와 같이 userChrome.css를 변경하여 없애기도 해보고,
색상도 변경해 보다가 너무 밋밋해서 버튼이미지를 변경해주는 애드온을 사용하고 있습니다.

고맙습니다.

[minsxx]

이제 확장기능 설치는 좀 자제하려고 이래저래 변경하다가 작게 줄여봤습니다.
그냥 일부를 숨겨둔 셈입니다.
나중에 확장기능 너무 많아 정리해고하면 고려해보세요.

Code: Select all

#appmenu-button {margin: 3px 0px 0px -62px !important; width: 80px;}

[사랑을 믿어요]

Adblock Plus를 사용하신다면 다음 필터를 추가하여 그 버튼을 제거할 수 있어요.
광고 차단뿐만 아니라 사용자 인터페이스도 변경할 수 있어요.

Code: Select all

browser###appmenu-button

[yatoyato]

간만에 생각나서 관련 검색을 좀 해봤더니, userChrome.css 편집만으로도 충분히 app-menu-button을 조금 더 보기좋게 만들 수 있겠더군요. 그래서 이렇게 적어둡니다.

http://img824.imageshack.us/img824/1982/appmenu1.png http://img813.imageshack.us/img813/2739/appmenu2.png

# 참고사이트
http://userstyles.org/styles/43357/fire ... -icon-only
- 버튼에 파이어폭스 기본 16x16사이즈 아이콘다는 법을 제시합니다.
http://userstyles.org/styles/45158/fire ... utton-text
- 버튼 caption을 수정하는 법을 제시하는데, 한글은 안됩니다.
http://forum.userstyles.org/discussion/ ... rowsing/p1
- 사생활모드에서 메뉴버튼 편집법을 제시하는데, 좀 까다롭네요.

맨 처음의 사이트만 참고해도 충분히 마음에 드는 메뉴버튼이 나올겁니다.
아이콘은 프로그램에 있어서 일종의 뱃지와 같은데, 그게 없으니 참 심심하더라고요.

아무튼 간단히 예를 들어, 위 두번째 이미지의 버튼 모양새를 내기 위해서는 아래와 같은 코드를 사용합니다.

Code: Select all

#appmenu-button-container { }
#appmenu-button { 
    min-width:0 !important; 
    height:18px !important; 
    padding-left: 2px !important; 
    padding-bottom: -1px !important; 
    padding-right: 4px !important; 
    background:none !important; 
    border:0 !important; 
    box-shadow:none !important;
}
#appmenu-button .button-icon { 
    list-style-image: url("chrome://branding/content/icon16.png"); 
    padding-top: 1px !important;
}
#appmenu-button .button-text { 
    padding-left:4px !important; 
    font-weight:normal !important; 
}
#appmenu-button .button-menu-dropmarker { 
    margin-left:4px !important; 
}

사용하는 폰트나 테마에 따라서 약간의 좌표조정은 필요할 겁니다.

애드온도 필요없고, 익숙한 모양이기도 하고,
이게 최선인 것 같아요.