オープンメモ帳
書き殴ったっていいじゃないか メモ帳だもの    since January, 2007




10/1にmixiがデザイン変更された。強制3カラムによって異様に横幅が長く(950px固定に)なり個人的には非常に見づらい。
リニューアルされた「新」mixiはこんな感じ(社長見本)

前回の記事(オープンメモ帳 :新 mixi を2カラム化する)で2カラム(幅725px)化と不要部分のカットをしたが、急いでやったため物足りないものとなっていた。今回は追加でたくさん手を入れてみた。
自分には不要と思われるものをバシバシ切り落とした。あぁすっきりした。

ちなみにFirefoxの userContent.css を使用している。
userContent.css について
  Firefox Help: 設定ファイルの編集
  userContent.css - Google 検索


◆完成見本



◆改変項目
・幅 950px 固定を 725px に
・3カラムのうち最右列(3列目)をカットし2カラム化
・GlobalNavigation(上部銀色ボタン)のテキスト化
([Home] [News] [FriendInvite] [Help] [Logout]のみ配置)


◆削除項目
・3カラムのうち最右列(3列目)
・左上ロゴ
・すべてのページの全広告
・GlobalNavigationボタン(上部銀色ボタン)すべて
・Topページの[レビュー]
・Topページの[ミュージック]
・TopページのPullDownButton
・マイミクページの[マイミクシィに追加]
・マイミクページの[レビュー]
・コミュページの[レビュー]
・検索エリア
・最新のあれこれエリア
・マイミクシィ一覧の一覧画像テーブル
・コミュニティ一覧の一覧画像テーブル
・最下部の「このページの上部へ」
・FooterNavigation1行目
・「マイミクシィ」からの紹介文(自分のTOPページのモノのみ)


◆userContent.css
@charset "utf-8";
@-moz-document domain("mixi.jp") {


#headerArea {
width:725px !important;
background:transparent !important;
height:auto !important;
}
h1 { display:none !important }
#bodySub { display:none !important }
p.adBanner { display:none !important }


#globalNavigation {
width:auto !important;
height:18px !important;
margin-left:5px !important;
padding:0 20px 0 20px !important;
border:2px dotted #FFCC66 !important;
}
ul.contentsNavigation { background:transparent !important }
ul.utilityNavigation { background:transparent !important }
#globalNavigation li {margin:0 8px !important }
#globalNavigation ul.contentsNavigation li.home a:before {
content: "Home" !important;
}
#globalNavigation ul.contentsNavigation li.home a img { display:none !important }
#globalNavigation ul.contentsNavigation li.news a:before {
content: "News" !important;
}
#globalNavigation ul.contentsNavigation li.news a img { display:none !important }
#globalNavigation ul.contentsNavigation li.friendInvite a:before {
content: "FriendInvite" !important;
}
#globalNavigation ul.contentsNavigation li.friendInvite a img{ display:none !important }
#globalNavigation ul.utilityNavigation li.help a:before {
content: "Help" !important;
}
#globalNavigation ul.utilityNavigation li.help a img { display:none !important }
#globalNavigation ul.utilityNavigation li.logout a:before {
content: "Logout" !important;
}
#globalNavigation ul.utilityNavigation li.logout a img{ display:none !important }

#globalNavigation ul.contentsNavigation li.diary { display:none !important }
#globalNavigation ul.contentsNavigation li.community { display:none !important }
#globalNavigation ul.contentsNavigation li.movie { display:none !important }
#globalNavigation ul.contentsNavigation li.photo { display:none !important }
#globalNavigation ul.contentsNavigation li.music { display:none !important }
#globalNavigation ul.contentsNavigation li.review { display:none !important }
#globalNavigation ul.contentsNavigation li.mikly { display:none !important }
#globalNavigation ul.contentsNavigation li.friendSearch { display:none !important }


#localNavigation {
width:auto !important;
position: absolute;
top: 22px;
margin-left:5px !important;
}
#localNavigation ul.localNaviHome li.review { display:none !important }
#localNavigation ul.localNaviHome li.music { display:none !important }
#diaryPullDownButton { display:none !important }
#videoPullDownButton { display:none !important }
#photoPullDownButton { display:none !important }
#localNavigation ul.localNaviFriend li.mymixi { display:none !important }
#localNavigation ul.localNaviFriend li.review { display:none !important }
#localNavigation ul.localNaviCommunity li.review { display:none !important }


div.searchForm01 { display:none !important }
#bodyMainArea { margin-top:5px !important }

#bodyArea { width:725px !important }
#newMyDiary { display:none !important }
.iconListTable { display:none !important }
.statusIcon { display:none !important }
.heading01 { display:none !important }
.utilityLinks03 { display:none !important }


#footerArea { width:725px !important }
.pagetop { display:none !important }
.footerNavigation01 { display:none !important }
.sponsorList01 { display:none !important }
.diaryBottomAd { display:none !important }
.finishAd { display:none !important;}
.messageAreaAd { display:none !important }
#footprintjack { display:none !important }
#footprintjack02 { display:none !important }
.prContents { display:none !important }
#help { display:none !important }
}


@-moz-document url("http://mixi.jp/home.pl") {
#intro { display:none !important }
}
userContent.css←右クリックで保存でもOK

コメント ( 0 ) | Trackback ( 0 )
  • X
  • Facebookでシェアする
  • はてなブックマークに追加する
  • LINEでシェアする


« 新 mixi を2... 記事一覧画像一覧読者一覧フォトチャンネル一覧 使用中のフリ... »
 
コメント
 
コメントはありません。
コメントを投稿する
 
名前
タイトル
URL
コメント
コメント利用規約に同意の上コメント投稿を行ってください。

数字4桁を入力し、投稿ボタンを押してください。