Firefox에서 주황색 막대의 모양을 변경하는 방법

Firefox를 사용자 정의 할 수있는 방법을 좋아합니다. 브라우저에 사용자의 요구 사항과 편의에 따라 변경하거나 수정할 수없는 것이 없습니다. 기능적인 측면에서: config 환경 설정은 거의 모든 것을 달성하기 위해 조정될 수 있습니다. 우리는 인터페이스 외관을 수정하기 위해 정의 할 수있는 CSS 구성 요소를 가지고 있습니다.

브라우저의 왼쪽 상단에 위치한 Firefox의 주황색 버튼 을 살펴보고 모양과 느낌을 어떻게 수정할 수 있는지 살펴 보겠습니다. 예를 들어 이미지 (아래)를 확인하고 색상을 주황색에서 빨간색으로, 텍스트를 흰색에서 검정색으로, Firefox에서 로 변경했는지 확인하십시오. 흥미 롭군요, 그렇죠?

유사한 변경을 수행하는 방법은 다음과 같습니다.

Firefox 버튼의 모양을 사용자 정의하는 단계

Firefox에서 만든 각 프로필에는 CSS 파일이 연관되어 있습니다. 사용자 입력이 브라우저의 프로그램을 변경하기위한 것입니다. 과정에서 우리는 또한 당신이 그 파일을 찾는 방법을 알려주거나 그것이 존재하지 않는다면 파일을 만드는 법을 알려줄 것입니다.

1 단계: Firefox를 열고 Firefox (주황색 버튼) -> 도움말 -> 문제 해결 정보로 이동하십시오.

2 단계: 새 탭이 시작됩니다. 응용 프로그램 기본 사항을 읽으십시오. 프로필 폴더로 이동하려면 폴더 표시 버튼을 클릭하십시오. 프로필이 여러 개있는 경우 어떤 프로필이 사용되고 있는지 알지 못하기 때문에 여기에서 프로필 폴더를 여는 것이 좋습니다.

3 단계: 프로필 디렉토리에 chrome 폴더가 있습니다. 당신이 그것을 찾을 수 없다면, 당신은 그것을 만들 수 있습니다.

4 단계: 이 폴더에는 userChrome.css 라는 파일이 있어야합니다. 이름은 정확히 여기에 철자가 있어야합니다.

당신이 그것을 찾을 수 없으면 다시 하나를 만들 수 있습니다. 해당 항목이 있으면 단계 7로 이동하고 그렇지 않으면 단계 5를 계속하십시오.

5 단계: 빈 공간을 마우스 오른쪽 버튼으로 클릭하고 새로 작성 -> 텍스트 문서를 작성하십시오. 완료되면 메모장에서 파일을 엽니 다.

6 단계: 이제 파일 로 이동하고 문서로 userChrome.css 로 저장 합니다. 저장 대화 상자 아래쪽에서 파일 형식 을 모든 파일 로 변경 하십시오. 저장을 클릭하고 문서를 닫습니다.

7 단계: 메모장을 사용하여 userChrome.css 파일을 엽니 다. 파일을 마우스 오른쪽 버튼으로 클릭하고 연결 프로그램 -> 메모장을 선택 하십시오.

8 단계: 아래 코드 스 니펫을있는 그대로 복사하고 파일에 추가합니다. 변경 사항을 저장하십시오.

@namespace url ("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

# appmenu-button {

배경: # 오렌지 ! 중요;

}

# appmenu-button dropmarker: before {

내용: " Firefox "! 중요;

color: # FFFFFF ! 중요;

}

# appmenu-button.button-text {

표시: 없음! 중요;

}

굵은 덩어리에 유의하십시오. 버튼 색상, 텍스트 및 텍스트 색상을 각각 나타냅니다. 단추 모양을 변경하려면이 값을 수정할 수 있습니다. 처음에 보았던 이미지에 해당하는 코드가 있습니다.

16 진 코드에 대한 지식이 없으면이 링크를 참조하십시오. 또는 이것을 확인할 수 있습니다.

결론

이 변화는 사소한 변화입니다. 코드를 마스터 할 수 있다면 Firefox에서 거의 모든 것을 변경할 수 있습니다. 이 세월 동안 사용해온 사람들이 있다면, 우리 독자들과 공유하고 파이어 폭스 초보 사용자들에게 웃음을 가져다 주도록 부탁하십시오.