Mozilla 한국 커뮤니티

kimu wrote:2,3번은 해결됐구요..

프랙탈님께서 1번 해결책으로 링크해주신 게시물은 이미 여러번 봤던 게시물입니다.. 첫번째 링크는 탭 색깔 수정인데 이건 방금 바로 성공했구요..
두번째 링크는 탭익스텐션 깔아서 하는거던데..

css 파일을 수정하야한다는건 뭔말인가요? JAR 파일을 수정해야한다는 건가요?

/* ::::: tab icon ::::: */

.tabbrowser-tabs .tab-icon {
margin: -1px -1px -1px -1px !important;
width: 16px;
height: 16px;
background: url('chrome://global/skin/icons/none.gif');
}

.tabbrowser-tabs *|tab[selected="true"] .tab-icon {
margin: -1px -1px -1px -1px !important;
}

.tabbrowser-tabs *|tab[busy] .tab-icon {
background: url('chrome://global/skin/icons/loading-back.gif') no-repeat;
}

.tabbrowser-tabs *|tab:hover[busy] .tab-icon {
background: url('chrome://global/skin/icons/loading-back-hov.gif') no-repeat;
}

.tabbrowser-tabs *|tab[busy][selected="true"] .tab-icon,
.tabbrowser-tabs *|tab:hover[busy][selected="true"] .tab-icon {
background: url('chrome://global/skin/icons/loading-front.gif') no-repeat;
}

.tabbrowser-tabs *|tab[image] .tab-icon {
background: none;
}

.tabs-newbutton {
display: none;
}

.tabs-closebutton {
margin: -1px;
padding: -1px -1px -1px -1px;
background-color: transparent;
}

kimu wrote:먼저 댓글 달아주셔서 감사합니다.
인용해주신 아이콘설정 부분 제 스킨 browser.css 에 똑같이 배꼈는데도 그대로입니다.. 다시 링크 달았습니다...

동그라미 친 부분 탭닫기 버튼이 밑으로 묻힌거 위로 조금올리고..
그리고 탭오른쪽에 있는 닫기 버튼을 왼쪽으로 보내고 싶습니다..

제가 지금 원하고 있는 스타일의 모습도 링크겁니다.
http://www.deviantart.com/view/20171423/

Additional Tips:

- To make this theme flatter, move all buttons in the menubar and unview the navigation-toolbar (view > toolbars > .... )

- Choose between Brushed and Aqua Buttons! Choose View - Toolbars - Customize... and the select 'use small icons' for aqua icons. Sunken aqua buttons are included in a subskin, see above...

- To resize the searchbox you have 4 opportunities:
But in all cases, if you want to have a Search Box bigger than 200px, you have to override the width limit entered due to problems with some visual styles, which caused a too big searchbox. For unlimited width enter this in your userChrome.css:
#search-container, #searchbar {
-max-width: none !important;
}
1. Install Resize Searchbox
2. Code in userChrome.css for flexible size:
#search-container, #searchbar {
-moz-box-flex: 200 !important;
-max-width: none !important;
}
(because of the standard width limitation [included for the problems in some visual styles]you have to override this limitation now.)
3.Code in userChrome.css for fixed size:
#search-container, #searchbar {
min-width: 400px !important;
max-width: 400px !important;
}
4. A combination of 2 and 3:
#search-container, #searchbar {
-moz-box-flex: 200 !important;
min-width: 100px !important;
max-width: 400px !important;
}
Some Visual Styles have a bug which causes low values of -moz-box-flex to make big SearchBars. In this case use high values of -moz-box-flex to make the SearchBar small or use any opportunity but 2.

-- If you like another Color for the unread Tabs (a TabMix Feature), put this in your userChrome.css:
tabs[unread=true] tab:not([selected]) .tab-text,
tabs[unread=true] tab:not([selected]) {
color: blue !important;
/* or with CSS color code like: color: #ff4444 !important; (which is red, the default color) */
}

#search-container, #searchbar {
-max-width: none !important;
}
1. Install Resize Searchbox
2. Code in userChrome.css for flexible size:
#search-container, #searchbar {
-moz-box-flex: 200 !important;
-max-width: none !important;
}
(because of the standard width limitation [included for the problems in some visual styles]you have to override this limitation now.)
3.Code in userChrome.css for fixed size:
#search-container, #searchbar {
min-width: 400px !important;
max-width: 400px !important;
}
4. A combination of 2 and 3:
#search-container, #searchbar {
-moz-box-flex: 200 !important;
min-width: 100px !important;
max-width: 400px !important;
}
Some Visual Styles have a bug which causes low values of -moz-box-flex to make big SearchBars. In this case use high values of -moz-box-flex to make the SearchBar small or use any opportunity but 2.

-- If you like another Color for the unread Tabs (a TabMix Feature), put this in your userChrome.css:
tabs[unread=true] tab:not([selected]) .tab-text,
tabs[unread=true] tab:not([selected]) {
color: blue !important;
/* or with CSS color code like: color: #ff4444 !important; (which is red, the default color) */
}

kimu wrote:프랙탈님 댓글 감사드립니다.

userChrome.css 건드리는 법은 저도 압니다.
인용문 그대로 복사해서 다시 파폭켜니깐..
닫기버튼은 그대로입니다. 사용하지 않고 있는 탭에 마우스 갖다대면 색이 약간 바뀌는 효과를 주는것 같더군요.

닫기 버튼은 그대로 오른쪽이고 아랫쪽에 파묻혀있습니다
ㅠㅠ

귀찮게 해드리는것 같아서.. 이번엔 성공하고 싶었는데ㅠ