スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

mixiのトップページをすっきりさせる

mixiスクショ01


Firefoxのアドオン「Greasemonkey」と「Stylish」で、mixiのトップページをすっきりさせてみました。

スクショ見て「これでも別に不便に感じないなー」って方はぜひ導入してみてください。


※mixiの仕様変更により利用できなくなりました。

コードは以下。



[Greasemonkey]

//エコーの場所を右上に移動(以下エコー用スクリプト)
var newEcho = document.createElement("div");
newEcho.id = "Echo";
newEcho.className = "bodySubSection";
newEcho.innerHTML = document.getElementById("listEcho").innerHTML;
//×ボタン移動
var batsu = newEcho.getElementsByTagName("h2")[0].getElementsByTagName("span")[0].getElementsByTagName("a")[0];
batsu.style.position = "relative";
batsu.style.top = "4px";
batsu.style.left = "105px";
//エコーボックスのパディング
newEcho.getElementsByTagName("div")[0].style.padding = "7px 7px 5px 5px";
//アイコン表示
var kakiko = newEcho.getElementsByTagName("div")[0].getElementsByTagName("p")[0];
kakiko.style.paddingLeft = "18px";
kakiko.style.background = "transparent url(http://img.mixi.jp/img/basic/icon/echo_list001.gif) no-repeat scroll left top";
//書き込み時間部分レイアウト
var kakikoTime = newEcho.getElementsByTagName("div")[0].getElementsByTagName("p")[0].getElementsByTagName("span")[0].style;
kakikoTime.marginLeft = "5px";
kakikoTime.fontSize = "91%";
kakikoTime.color = "silver";
//エコーを画面に出力
document.getElementById("adBanner").appendChild(newEcho);

--------------


以上を

http://mixi.jp/
http://mixi.jp/home.pl*

に適用。これで右側にエコーが表示されます。


続いてStylish。


[Stylish]

@-moz-document domain("mixi.jp") {
/* 広告および「おすすめ情報」、「PR企画」、*/
/*「mixiミュージック+Radio」、「注目のキーワード」非表示*/
img[src*="ads.mixi.jp"],
embed[src*="ads.mixi.jp"],
iframe[src*="ads.mixi.jp"],
#prSepecial,
#prContentsArea,
#mixiRadioArea,
#keywordRanking
{
display: none !important;
}

/* 「お知らせ」のレイアウト変更 */
#mixiInfo
{
position: absolute !important;
top: 5px !important;
}
#bodyContents #mixiInfo div.contents
{
padding: 7px 0 3px !important;
width: 441px !important;
}
#bodyContents #mixiInfo h2
{
font-size: 0 !important;
background: transparent url(http://img.mixi.jp/img/basic/home/bg_mixiinfo_bottom001.gif) no-repeat scroll left bottom !important;
top: 66px !important;
left: 0 !important;
width: 441px !important;
height: 6px !important;
}
#bodyContents #mixiInfo ul
{
background: transparent !important;
padding-bottom: 2px !important;
width: 337px !important;
height: 55px !important;
overflow-y: auto !important;
}

/* 右上とか細かい調整 */
/* ●非表示コード● */
/* ページ上部「ミュージック」「ニュース」「サービス一覧」非表示 */
div.headerNavigationRight ul.serviceNavigation
{
display: none !important;
}
/* ページ上部「ホーム」「コミュニティ」非表示 */
div.headerNavigationBottom li.home, li.community
{
display: none !important;
}
/* ページ左部「エコー」非表示 (グリモンで右部に表示)*/
#bodySide div#listEcho
{
display: none !important;
}
/* ページ左部「マイミクシィ」「参加コミュニティ」のボタン以外非表示 */
#bodySide div.listBox01
{
background: url("") !important;
}
#bodySide div.listBox01 h2
{
display: none !important;
}
table.iconListTable
{
display: none !important;
}
#bodySide div.listBox01 div.contents
{
border-style: none !important;
}
#bodySide div.listBoxUtilityHome
{
background-color: transparent !important;
}
#bodySide div.listBoxUtility01 p.searchLink01
{
display: none !important;
}
/* 「携帯からmixiにアクセス!…」非表示 */
#bodyContents p.mobileInfo01
{
display: none !important;
}
/* フッターの「△ページ上部へ」非表示 */
#footerArea p.pagetop
{
display: none !important;
}
/* フッターの2行目(「運営会社」「利用規約」など)非表示 */
#footerArea ul.footerNavigation02
{
display: none !important;
}

/* ●調整コード● */
html, body
{
height: 100% !important;
}
#pagetop img
{
position: relative;
top: -15px;
left: 20px;
}
div.headerNavigationRight ul.utilityNavigation01
{
padding-top: 6px !important;
height: 20px !important;
}
div.headerNavigationRight ul.utilityNavigation01 li
{
padding-left: 4px !important;
}
#headerArea div.headerNavigationBottom
{
padding-bottom: 2px !important;
}
div.headerNavigationBottom ul.globalNavigation01
{
min-width: 0 !important;
position: absolute !important;
top: -4px !important;
left: 726px !important;
}
div.headerNavigationBottom ul.globalNavigation01 li a
{
background-image: url() !important;
display: inline !important;
height: 0 !important;
line-height: 0 !important;
text-indent: 0 !important;
}
div.headerNavigationBottom ul.globalNavigation01 li.friendSearch
{
padding-right: 4px !important;
width: auto !important;
}
div.headerNavigationBottom div.headerSearch
{
min-width: 0 !important;
padding-top: 0 !important;
}
div.headerNavigationBottom div.headerSearch form
{
text-align: left !important;
width: 227px !important;
position: relative !important;
right: 0px !important;
}
#headerArea div.personalNavigation01
{
padding-bottom: 0 !important;
}
#bodyArea
{
padding-top: 2px !important;
}
#bodySide div.listBoxUtility01
{
padding: 0 !important;
}
#bodySide div.listBoxUtility01 ul.iconListNavi01
{
padding: 0 !important;
}
}

--------------


以上を

mixi.jp

に適用させるとスクショのようになります。なるはず。


環境によってはうまくいかない場合もあると思うので、そのときはコメントくれれば対応するかもしれません。


あとStylishのコードの一部に

http://userstyles.org/styles/12583

のコードを使わせてもらってます。


今さらですが「Greasemonkey」、「Stylish」の導入はググってみつけてください。暇があれば書きます。


それでは(。A。)

テーマ : mixi
ジャンル : コンピュータ

コメントの投稿

非公開コメント

最新記事
最新コメント
カウンター
月別アーカイブ
最新トラックバック
カテゴリ
タグ一覧

mixi Firefox Greasemonkey Stylish 

検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。