행 아웃에서 배경을 어떻게 제거 할 수 있나요?


16

https://hangouts.google.com/ 은 기본적으로 일부 사진을 배경으로 설정합니다. 그것을 제거하는 방법, 즉 단색 배경을 남겨 두겠습니까?

사진으로 :

여기에 이미지 설명을 입력하십시오

사진이없는 경우 :

여기에 이미지 설명을 입력하십시오


1
누군가가 그러한 요청에 대한 동기를 알고 싶다면 행 아웃으로 인해 컴퓨터가 크롤링되는 속도가 느려지고 불필요한 부풀림을 최대한 줄이고 싶습니다.
palswim

@palswim 여기 동일
Franck Dernoncourt

답변:


10

짧은 답변

맞춤 CSS 관리자를 사용하고 아래 코드를 https://hangouts.google.com/에 적용 하십시오 .

.kFx1Ae-xdwExf-eb-m {
    display:none;
}

설명

Google 행 아웃에는 배경 사진을 끄는 옵션이 없습니다. 대안은 행 아웃 페이지가로드 될 때마다 브라우저 개발자 도구를 사용하여 소스 코드를 편집하거나 사용자 정의 CSS 스타일을 저장하고 적용하는 데 도움이되는 사용자 정의 CSS 관리자를 사용하는 것입니다.

사용자 정의 CSS는 "사용자 정의 사용자 스타일"또는 "사용자 스타일"이라고도합니다.

지난 몇 달 동안 Chrome 용으로 Stylish를 사용 했지만 다른 제품도 있습니다.

  • .kFx1Ae-xdwExf-eb-m클래스 이름으로 HTML 요소를 선택하는 선택기입니다. 에서 https://hangouts.google.com 지정된 클래스 이름은 행 아웃의 배경 사진을 호출 IMG 태그를 보유하는 데 사용 div 태그에 사용됩니다.
  • display:none 지정된 요소를 숨기는 스타일 속성입니다.

참고 문헌


2
2018 년 12 월 현재 위의 패턴이 작동하지 않았습니다. "div.g-Qx-eb"를 성공적으로 사용했습니다.
Alan De Smet

9

@ Rubén의 대답은 질문에 따라 정확하지만 사소한 니트로 약간 개선하고 싶습니다.

.kFx1Ae-xdwExf-eb-m, .Id-qy-By {
    display:none;
}

추가 클래스 () Id-qy-By는 다음과 같이 Google+에서 검색 한 사진과 함께 표시되는 승인을 대상으로합니다.

Alex Wrigley의 사진

Google+에서 공유

(위의 공지가 포함 된 샘플 스크린 샷)

내부 저장소 ( gstatic서버) 에서 선택한 사진 에는 그러한 승인이 포함되지 않습니다.

결론은 : 사진 없음 ... 신용 없음! ;-)

추신 : 나는 별도의 답변을 제안하는 대신 의견을 말했지만이 글을 쓸 당시 충분한 평판을 얻지 못했습니다.

업데이트 2017-01-03 : Stylish (Fox Firefox 50.1.0의 경우 2.0.7)에서 사용되는 전체 규칙 . 도메인 ( ) 및 요소 유형 ( ) : 성능 향상을 위한보다 엄격한 필터링 기능을 제공합니다 .hangouts.google.comdiv

@-moz-document domain("hangouts.google.com") {
  div.kFx1Ae-xdwExf-eb-m, div.Id-qy-By {
    display:none;
  }
}

2017-11-08 업데이트 : Stylus (Firefox 56의 경우 1.1.4.2)와 비슷한 절차가 작동합니다. 이제 Stylish는 (현재) 레거시 로 표시됩니다 .

  1. 새로운 규칙 만들기
  2. 에서 모질라 형식 , 언론 가져 오기 버튼을
  3. 위 섹션의 코드를 붙여 넣기
  4. 규칙 이름을 지정합니다 (예 : 행 아웃 숨기기 배경 요소 )

2018-11-05 업데이트 : 행 아웃 백엔드 업그레이드를 확인한 후 CSS 클래스가 업데이트되었습니다 (일부 인프라가 변경 되어 사진 자체에 대한 이전 규칙 이 위반 됨 ).

@-moz-document domain("hangouts.google.com") {
  div.g-Qx-eb, div.Id-qy-By {
    display:none;
  }
}


0

또한 다음을 사용하여 배경을 검은 색 이외의 색으로 변경할 수 있습니다.

.g-Ue-ad {
    background-color: hsla(151, 33%, 54%, 1) !important;
}

확인. 그리고 이것이 도움이 될 것이라고 생각했습니다. 당신이 검은 사랑하지 않는 경우.
Dan
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.