■ FireFoxのブラウザを使った、マイページのカスタマイズの紹介です。
● 内容
① スタイリッシュ(stylish)は、Firefoxのブラウザ上で、独自の CSSを
発行できる機能をもつアドオンです。
② 指定したページや指定したＵＲＬが頭についているページに対して
ＣＳＳを発行できます。
③ この記事では、マイページのピグの部分を消す方法を例に紹介します。
● stylish のインストール
① stylish のインストールの前に、FireFoxのブラウザをインストールします。
下記からインストールが可能です。
（既に Firefoxを使っている場合は必要ありません）
http://www.mozilla.jp/firefox/
Firefoxのブラウザを入れてもＩＥなど他のブラウザも使えます。
また、同時に使うことも可能です。
② stylish のインストールは下記から行います。
https://addons.mozilla.org/ja/firefox/addon/stylish/
・ +Ｆｉｒｅｆｏｘ に追加をクリックします。
③ ダウンロードがされます。（左上のアドレスバーのところに表示されます）
④ 下記が表示されるので、今すぐインストールのボタンをクリックします。
⑤ 左上のアドレスバーのところに下記が表示されるので、今すぐ再起動(R)を
クリックします。
⑥ Firefoxが自動的に再起動されるので、これで stylish のインストールは
完了です。
● マイページのカスタマイズ
① ピグの表示を消すのを例に説明します。
まず、マイページを開きます。
② ブラウザの一番左したの Ｓ をクリックして、新しいスタイルを書く(W)→
mypage.ameba.jp専用.....を クリックします。
③ 下記画面がポップアップされます。
④ 名前を適当に入れます。 下記では ameba pigdel と入れています。
下記の様にＣＳＳをいれます。
場所は、 @-moz-document domain("mypage ameba.jp"){ と } の間の行です。
下記の様に入れて、保存ボタンをクリックします。または、お試しをクリックして
ピグが消えてたのを確認してから、保存ボタンをクリックしてもＯＫです。
.dashboardPigg{
dispaly:none;
}
⑤ 下記の様にピグの部分が消えます。
お試しボタンをクリックしなかった場合は、マイページをクリックして再読み込みして
ください。
● 管理について
① ブラウザの左下の Ｓ をクリックしてスタイルの管理をクリックします。
② 下記ページが表示されるので、作成したスタイリッシュの編集・無効化・削除が
可能です。
