mixiの広告を非表示にした

mixiの広告の民度が低いという会話があり、広告のクレームをどこに入れるかという話をしていた。
あと、マージンがどうとかいろいろと話題が出たのだけど、CSS対応したんだから、自分で設定しなおせばいいじゃないか、ということに。
どこかの誰かがしてくれるのを待っていたら、さっそく、作ってくれた人がいたので、それを見ながら、すこし自分で改造して、広告だけを飛ばすようにした。3段カラムは嫌いじゃないから、そのままにしてある。
ちなみに、広告だけを消したから、デザイン崩れて見た目は汚い(^^;

オリジナルのCSSを作成してくれた偉い人
リニューアル後のmixiを2カラム/750px幅化するユーザースタイルシートを書いてみた（akiyan.com）

FirefoxでStylishアドオンを利用すれば、簡単にmixiだけに反映できるので、やってみると良いかも。
Stylishアドオン

広告を消した3段カラム用CSSは以下。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mixi.jp") {

/* ロゴ非表示 */
h1 { display:none }

/* 広告バナー非表示 */
p.adBanner { display:none !important }

/* 右カラム非表示 */
/*#bodySub { display:none }*/

/*右カラムの広告非表示*/
#adBanner{ display:none }

/* ヘッダの背景を透過色に */
#headerArea { background:transparent !important }

/* ヘッダエリアの幅調整 */
/*#headerArea { width:750px !important }*//*

/* ヘッダの高さを自動に */
#headerArea { height:auto !important }

/* 本文エリアの幅調整 */
/* #bodyArea { width:750px !important }*/

/* グローバルナビゲーションの幅調整 */
/* #globalNavigation { width:750px !important }*/

/* グローバルナビゲーションのmikly・動画・フォトボタン非表示 */
#globalNavigation ul.contentsNavigation li.mikly { display:none !important }
#globalNavigation ul.contentsNavigation li.movie { display:none !important }
#globalNavigation ul.contentsNavigation li.photo { display:none !important }

/* ヘルプ・ログアウトボタン非表示(disabled) */
/* #globalNavigation ul.utilityNavigation li.help { display:none }*/

/* ローカルナビゲーションの幅調整 */
/* #localNavigation { width:750px !important } */

/* ローカルナビゲーションのレビュー・ミュージックボタン非表示 */
/*#localNavigation li.review { display:none }*/
/*#localNavigation li.music  { display:none }*/

/* ローカルナビゲーションのプルダウンボタン非表示 */
#diaryPullDownButton { display:none !important }
#videoPullDownButton { display:none !important }
#photoPullDownButton { display:none !important }

/* フッター幅調整 */
/* #footerArea { width:750px !important }*/

/* フッターナビゲーションマージン調整 */
#footerArea ul.footerNavigation01 li { margin:0 2px !important }

/* 検索フォーム非表示 */
div.searchForm01{ display:none }

/* 「最新情報」ヘッダの非表示 */
#mymixiUpdate div.heading01 { display:none }
/* 「PR企画」非表示 */
#prSepecial  { display:none }

/* 日記ページの広告 */
div.prContents  {display:none;}
div.rightTopimp {display:none;}
div.megaContents {display:none;}
div.diaryBottomAd {display:none;}

/* コミュニティページの広告 */
div.adBanner  {display:none;}

}


※最後の}はStylishアドオンでは必須らしい。
で、ソースをみても、目的の部分を探すのは容易ではないけど、Firebugというアドオンがあって、それを使うと、たちまちのうちに、目的のソースが見つけられる。

まさに、ありがたい時代です。

賢人たちに感謝。

トラックバック:1

mixiリニューアルを自分用にリニューアル from s-style-arts blog 2007-10-03 (水) 02:02
昨日、10月01日にmixiが大幅にリニューアルされて、わたしの周りでも色々賛否意見が出ています。（主に、耳にするのは否の方ばかりですけど。） ま、mi... 続きを読む

コメント:3

NORI 2007年10月 2日 15:44

さらに、トップページだけでなく、日記のページとか、コミュニティのページの広告を削除した。
もう、全部消してやる！

NORI 2007年10月 2日 22:12

現在のは、こんなん。
－－－－

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("mixi.jp") {

/* ロゴ非表示 */
/* h1 { display:none }*/

/* 広告バナー非表示 */
p.adBanner { display:none !important }

/* 右カラム非表示 */
/*#bodySub { display:none }*/

/*右カラムの広告非表示*/
#adBanner{ display:none }

/* ヘッダの背景を透過色に */
#headerArea { background:transparent !important }

/* ヘッダエリアの幅調整 */
/*#headerArea { width:750px !important }*//*

/* ヘッダの高さを自動に */
#headerArea { height:auto !important }

/* 本文エリアの幅調整 */
/* #bodyArea { width:750px !important }*/

/* グローバルナビゲーションの幅調整 */
/* #globalNavigation { width:750px !important }*/

/* グローバルナビゲーションのmikly・動画・フォトボタン非表示 */
#globalNavigation ul.contentsNavigation li.mikly { display:none !important }
#globalNavigation ul.contentsNavigation li.movie { display:none !important }
#globalNavigation ul.contentsNavigation li.photo { display:none !important }

/* ヘルプ・ログアウトボタン非表示(disabled) */
/* #globalNavigation ul.utilityNavigation li.help { display:none }*/

/* ローカルナビゲーションの幅調整 */
/* #localNavigation { width:750px !important } */

/* ローカルナビゲーションのレビュー・ミュージックボタン非表示 */
/*#localNavigation li.review { display:none }*/
/*#localNavigation li.music { display:none }*/

/* ローカルナビゲーションのプルダウンボタン非表示 */
#diaryPullDownButton { display:none !important }
#videoPullDownButton { display:none !important }
#photoPullDownButton { display:none !important }

/* フッター幅調整 */
/* #footerArea { width:750px !important }*/

/* フッターナビゲーションマージン調整 */
#footerArea ul.footerNavigation01 li { margin:0 2px !important }

/* 検索フォーム非表示 */
div.searchForm01{ display:none }

/* 「最新情報」ヘッダの非表示 */
#mymixiUpdate div.heading01 { display:none }
/* 「PR企画」非表示 */
#prSepecial { display:none }

/* 日記ページの広告 */
div.prContents {display:none;}
div.rightTopimp {display:none;}
div.megaContents {display:none;}
div.diaryBottomAd {display:none;}

/* コミュニティページの広告 */
div.adBanner {display:none;}

/*　日記コメント後の画面の広告 */
div.messageAreaAd {display:none;}

/* 足あとページのたてバナー */
#impAswfid {display:none;}

}

NORI 2007年10月 2日 22:30

マイミクさんがまぶしい対策をされてました。
ちょっとグレーになるので、良いです。

/* 背景の白がまぶしい対策 */
body { background-color: #f7f7f7 !important }

Index of all entries

Search
カレンダー
« 2007 10 »
S M T W T F S
  1 2 * 3 4 5 6
7 8 9 * * * 10 11 * 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30 31      
まとめページ
ニュース
最近のブログ記事
最近のブログ記事アイテム
タグクラウド
Categories
Feeds
About

supported by TOGORU

Return to page top