アメーバピグ CSS書き換えで背景を変える | ティナのブログ お得なポイ情報まとめや紹介
新型コロナウイルスに関する情報について

アメーバピグの部屋の背景を、
いろいろ変える方法は2つあります

 

ただし、あくまでも自分から見た場合のみ

 

ほかの人からは、何も変わったようには見えないので、

あくまでも趣味などでやってみるといいかなと

 

 

HTMLを直に書き換える

使うブラウザの種類や、バージョンによって、
操作や仕様が多少違ってきますが、
例としてPC版クロームブラウザで説明

 

 

 

まず、アメーバピグの自分や他の人の部屋へ

 

 

部屋内でキーボードのF12キーを押す

 

F12キーを押すと、クローム(ブラウザ)機能の、
デベロッパーツール(開発者ツールが)が起動します

 

 

 

デベロッパーツールのウインドウが邪魔になる場合

 

デベロッパーツール部分の右上(下記画像参照)の、
縦に・・・が並んでいる部分をクリック

 

アイコンが表示されるので、それをクリックすると、
画面の左側、右側、下側、別ウインドウに、
それぞれ位置を変更できます

 

 

デベロッパーツールのタブが並んでいるので、
Elementをクリック(選択)

(最初からElementが選ばれている場合は、そのままで)

 

 

Elementに切り替えると、

<head>や<body~>の項目が出てくるので、
その下の方にある<div id="wrapper"~>の項目の、
▶マークをクリックして開く(展開)

 

その下方に、<div id="container" ~>の項目があるので、
▶マークをクリックして開く(展開)

 

これでクリックした部分の直下に、
<div id="room">という項目が出てくるので、
そこをクリックして開く(展開)

 

 

ここでデベロッパーツールウインドウの、
下の方のウインドウに注目すると、
背景画像のURLが表示されているのが分かるはず

 

この背景画像のURLをクリックして、
キーボードの左右キーでURLを削除

 

 

この背景だった画像のURLの部分に、
使いたい画像のアドレスに書き換えて、
リターンキーなどを押して決定すれば、
好きな背景を映すことができます

 

変更した背景画像の例

過去に使われていた、バレンタインの背景を使った場合

 

お友だちのpipoさんのお部屋でパシャ

 

10周年背景を使ってパシャ

 

 

参考リンク

ピグの特別な背景(お部屋)の種類とURL

 

 

画像なら何でもOK

画像であればなんでもいいので、
下記のようにいろいろ変更もできます

 

ピグ思い出アルバムのmipoさんのブログから背景画像を借りて

 

感謝リンク

mipoのヘタレブログ

 

 

こんな感じに

 

CSSを直接書き換えのデメリット

この方法は、テスト用のものなので、
リロードや移動などで、読み込みが発生すると、

変更する前の状態に戻ってしまいます

 

もう1つの方法が便利だけど・・・

背景を変更する方法はもう1つあります

 

その場合は、ブラウザ用アドオン
(クロームの拡張機能)をインストールが必要

 

それを使えば、移動やリロードをしても大丈夫

 

ただ、ブログで書く予定ではいるものの、なかなか時間なくてあせる