Page 1 of 1
노랑색 Firefox 버튼 변경할 수 있나요?
Posted: 2011 03 24 11:42 01
by yatoyato
안녕하세요.
파이어폭스 4로 업그레이드하면서,
타이틀바 좌측에 [Firefox▼]란 메뉴버튼이 나타났는데요.
이 버튼을 제거하거나, 변경가능한 방법이 존재하나요?
Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?
Posted: 2011 03 24 13:57 58
by Channy
Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?
Posted: 2011 03 24 15:23 57
by minsxx
yatoyato wrote:이 버튼을 제거하거나, 변경가능한 방법이 존재하나요?
인터페이스 변경은 역시 userChrome.css 활용하면 됩니다. 활용 방법은 링크를 참조하세요.
viewtopic.php?t=14307&p=44234#p44234
Channy wrote:
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;}
Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?
Posted: 2011 03 24 21:36 49
by yatoyato
답변감사합니다.
버튼 명칭이 "app menu button"이었네요.
위 예와 같이 userChrome.css를 변경하여 없애기도 해보고,
색상도 변경해 보다가 너무 밋밋해서 버튼이미지를 변경해주는 애드온을 사용하고 있습니다.
고맙습니다.
Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?
Posted: 2011 03 25 02:22 49
by minsxx
이제 확장기능 설치는 좀 자제하려고 이래저래 변경하다가 작게 줄여봤습니다.
그냥 일부를 숨겨둔 셈입니다.
나중에 확장기능 너무 많아 정리해고하면 고려해보세요.
Code: Select all
#appmenu-button {margin: 3px 0px 0px -62px !important; width: 80px;}
Re: 타이틀바 좌측에 있는 메뉴버튼을 변경할 수 있나요?
Posted: 2011 03 25 11:09 17
by 사랑을 믿어요
Adblock Plus를 사용하신다면 다음 필터를 추가하여 그 버튼을 제거할 수 있어요.
광고 차단뿐만 아니라 사용자 인터페이스도 변경할 수 있어요.
Re: 노랑색 Firefox 버튼 변경할 수 있나요?
Posted: 2011 04 20 04:53 46
by 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;
}
사용하는 폰트나 테마에 따라서 약간의 좌표조정은 필요할 겁니다.
애드온도 필요없고, 익숙한 모양이기도 하고,
이게 최선인 것 같아요.
