yatoyato
 

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

전체글글쓴이: yatoyato » 2011 03 24 11:42 01

안녕하세요.

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

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

사용자 아바타
Channy
해커
해커
 
전체글: 1005
가입일: 2002 03 26 17:41 59
사는 곳: 아름다운 제주

Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?

전체글글쓴이: Channy » 2011 03 24 13:57 58

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

[ img ]
Channy
---------------
Are you creative? http://www.creation.net

minsxx
도우미
도우미
 
전체글: 250
가입일: 2008 05 18 14:31 07

Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?

전체글글쓴이: minsxx » 2011 03 24 15:23 57

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

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

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

코드: 모두 선택#appmenu-button {display: none !important;}

아래 내용처럼 추가하면 색깔 변화시킬 수도 있습니다.
코드: 모두 선택#appmenu-button {background-image: -moz-linear-gradient(#c0c0c0, #000000 90%) !important;}

yatoyato
 

Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?

전체글글쓴이: yatoyato » 2011 03 24 21:36 49

답변감사합니다.

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

고맙습니다.

minsxx
도우미
도우미
 
전체글: 250
가입일: 2008 05 18 14:31 07

Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?

전체글글쓴이: minsxx » 2011 03 25 02:22 49

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

코드: 모두 선택#appmenu-button {margin: 3px 0px 0px -62px !important; width: 80px;}

사랑을 믿어요
 

Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?

전체글글쓴이: 사랑을 믿어요 » 2011 03 25 11:09 17

Adblock Plus를 사용하신다면 다음 필터를 추가하여 그 버튼을 제거할 수 있어요.
광고 차단뿐만 아니라 사용자 인터페이스도 변경할 수 있어요.
코드: 모두 선택browser###appmenu-button

yatoyato
 

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

전체글글쓴이: yatoyato » 2011 04 20 04:53 46

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

[ img ] [ img ]

# 참고사이트
http://userstyles.org/styles/43357/firefox-4-appmenu-button-icon-only
- 버튼에 파이어폭스 기본 16x16사이즈 아이콘다는 법을 제시합니다.
http://userstyles.org/styles/45158/firefox-4-nightly-change-app-menu-button-text
- 버튼 caption을 수정하는 법을 제시하는데, 한글은 안됩니다.
http://forum.userstyles.org/discussion/23084/mod%3A-change-color-for-private-browsing/p1
- 사생활모드에서 메뉴버튼 편집법을 제시하는데, 좀 까다롭네요.

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

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

코드: 모두 선택#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;
}

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

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