web-dev-qa-db-ja.com

ハングアウトで背景を削除するにはどうすればよいですか？

https://hangouts.google.com/ は、デフォルトで背景として画像を配置します。削除する方法、つまり単色の背景を残すには？

写真付き：

enter image description here

写真なし：

enter image description here

google-hangouts
16
Franck Dernoncourt

簡潔な答え

カスタムCSSマネージャーを使用して、以下のコードを https://hangouts.google.com/ に適用します。

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

説明

Googleハングアウトには、背景写真をオフにするオプションは含まれていません。代替方法は、ブラウザ開発者ツールを使用して、ハングアウトページが読み込まれるたびにソースコードを編集するか、カスタムCSSスタイルを保存および適用するのに役立つカスタムcssマネージャーを使用することです。

カスタムCSSは、「カスタムユーザースタイル」または単に「ユーザースタイル」とも呼ばれます。

私は Chromeのスタイリッシュ をここ数か月使用していますが、他にも利用できます。

  • .kFx1Ae-xdwExf-eb-mは、クラス名でHTML要素を選択するセレクターです。 https://hangouts.google.com では、指定されたクラス名が、ハングアウトの背景写真を呼び出すimgタグを保持するために使用されるdivタグに使用されます。
  • display:noneは、指定された要素を隠すスタイル属性です。

参照資料

10
Rubén

@Rubénの答えは質問を考えれば正しいですが、マイナーなニットで少し改善したいと思います：

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

追加のクラスId-qy-Byは、次のようなGoogle+から取得した写真とともに表示される確認応答を対象としています。

アレックス・リグレーによる写真

google+で共有

（上記の通知を含むサンプルスクリーンショット）

内部リポジトリ（gstaticサーバー）から選択された写真には、そのような承認は含まれないことに注意してください。

一番下の行は：写真なし...クレジットなし！;-)

追伸：別の回答を提案する代わりにコメントしたいと思いますが、この記事の執筆時点では評判が十分ではありませんでした。

Update2017-01-03：Stylish（Firefox 50.1.0の2.0.7）で使用されている完全なルールは、パフォーマンスの改善：ドメイン（hangouts.google.com）および要素タイプ（div）：

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

Update2017-11-08：同様の手順がStylus（Firefox 56の1.1.4.2）で機能しますが、Stylishは（現在）マークされていますlegacy：

  1. 新しいルールを作成する
  2. Mozilla Formatで、Importボタンを押します
  3. 上記のセクションからコードを貼り付けます
  4. ルールに名前を付けます（例：Hangout hide background element）

Update2018-11-05：ハングアウトバックエンドアップグレード（一部のインフラストラクチャを変更したため、写真自体の以前のルールを破った）：

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

2018アップデート。最後に、実際には拡張機能があります。 Google Chromeを使用している場合は、 Google Hangouts Editor 拡張機能を使用できます。

2
Bob Ross

また、次の方法で背景を黒以外の色に変更できます。

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