ログインしてさらにmixiを楽しもう

コメントを投稿して情報交換!
更新通知を受け取って、最新情報をゲット!

mixiデザインを元に戻したいコミュのmixiを旧デザに近づけるCSS

  • mixiチェック
  • このエントリーをはてなブックマークに追加
mixiが見づらい病の一人です。

CSS書いてみました。僕が使わないmusicとかreviewとか広告とかmixiの金稼ぎコンテンツは全て消してます。幅を縮めて見やすくしてます。参考程度にどうぞ。

設定。

1.FireFoxを開きます(無い方はFireFoxをインストールします)。
2.https://addons.mozilla.org/ja/firefox/addon/2108
へアクセスしてStylishをFirefoxにインストールします。
3.Stylishを開いて、スタイルの管理→書くをクリックします。
4.概要に適当にタイトルを付けます(僕はmixiと入れてます)
5.テキストエリアに以下のCSS(@namespaceから始まる)をコピペします。
6.保存をクリックして終わりです。

※注意
*IEの方はサポートしません。CSSが対応してないので。
*CSSはやっつけなので汚いです。
*このスタイルは僕が使いやすいように作ってありますので、
レビューやミュージックといった項目が消えます。
*困ったことになったら元に戻してください。

-----ここから下がCSS-----

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

/*---------- mixi original rayout by Co.ta */

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

/*********** AllPage */

/*---------- Body BackGroundImage */
/*body { background: #eeeeee url("http://***/img/mixi_bg.jpg") repeat-y left !important;}*/

/*---------- delete header ad, insert Original Logo */
#headerArea p.adBanner {
/* background: url(http://***/img/mixi_head_logo.png) center no-repeat !important;*/
width: 260px !important;
margin-top: 15px !important;
padding: 35px !important;
}
/*---------- delete header ad */
p.adBanner script,
p.adBanner iframe,
p.adBanner noscript {display:none !important}
/*---------- delete don't need content from ContentNavi */
ul.contentsNavigation li.news,
ul.contentsNavigation li.music,
ul.contentsNavigation li.review {display: none !important;}

/*---------- delete don't need content from LocalNavi */
ul.localNaviHome li.review,
ul.localNaviHome li.music {display: none !important;}
/*---------- delete footer navi */
ul.footerNavigation01,
ul.footerNavigation02 {display: none !important;}
/*---------- delete ad from diary comment */
div#diaryComment div.diaryBottomAd{display:none !important;}
/*---------- resize width */
#headerArea,
#bodyArea,
#footerArea{
width: 730px !important;
}

.messageAreaAd {display:none !important;}

/*********** MyPage */

/*---------- delete navi_1 PullDown */
a#diaryPullDownButton,
a#videoPullDownButton,
a#photoPullDownButton,
a#reviewPullDownButton {display: none !important;}

/*---------- delete side bar */
#bodySub{display:none !important;}

/*---------- delete statusIcon */
p.statusIcon{ display: none;}

/*---------- delete check mobile */
p.checkMobile{ display: none;}
div#newMyDiary div.contents ul.actionIcon03 li.review { display: none !important;}
div#newMyDiary div.contents ul.actionIcon03 li.movie {width: 150px !important;}
div#newMyDiary div.contents ul.actionIcon03 li.photo {width: 150px !important;}

div#profile ul li dl {background-color: #ffffff !important}

/*********** FriendPage */

/*---------- delete don't need content from friend navi */
ul.localNaviFriend li.review,
ul.localNaviFriend li.music {display: none !important}
/*---------- Resize BodyArea */
#bodyMainArea{width: 716px !important;}
#bodyMainAreaMain{width: 541px !important;}
#bodyMainAreaMain .viewDiaryBox{width:auto !important;}
#bodyMainAreaMain .pageNavigation01{width:auto !important;}
ul.localNaviFriend li.top {width: 95px !important}
ul.localNaviFriend li.diary {width: 93px !important}
ul.localNaviFriend li.movie {width: 93px !important}
ul.localNaviFriend li.photo {width: 93px !important}


/*********** CommunityPage */

ul.localNaviCommunity li.favorite,
ul.localNaviCommunity li.review a img[name="communityReview"]{display: none !important;}

dl.commentContent01 {border-style:none;}

div.sponsorList01{display: none !important;}

}

↑の}までです。}は消さないで下さい。

コメント(2)

ログインすると、みんなのコメントがもっと見れるよ

mixiユーザー
ログインしてコメントしよう!

mixiデザインを元に戻したい 更新情報

mixiデザインを元に戻したいのメンバーはこんなコミュニティにも参加しています

星印の数は、共通して参加しているメンバーが多いほど増えます。