m6u's blog

便利な製品・サービス・アプリを見つけては、その評価を書き続けるブログ

ミクシィへのナローバンドアクセス:画像OFF時の調整

 mixiは昨日15時過ぎくらいに、ボタン画像からalt属性を撤去してしまった。 特に改良や変更としてアナウンスしていないけど、こっそり実施したことは分かっている。
 このために、画面上部のボタンにalt属性のテキストが表示されていたのが無くなり、ボタンが判別できなくなってしまった。 なぜこのようなつまらない修正を加えたのかは分からないが、普段画像OFFでアクセスしている人にとって御無体なことをするものだなぁとあきれるばかりです。
 画像OFF表示はこちらの勝手でやっていることなので苦情を申し述べても変わらないだろうということで、自己防衛的にせめてボタンの位置を把握できるようにしなければと、工夫してユーザスタイルシートに下記コードを加えてみることにより、ボタンの位置が枠で表示されるようになって少しはマシになった。 マウスカーソルを重ねればtitle属性のテキストが表示されるし、右から何個目みたいにほぼ覚えきっていることもあるので、とりあえず対策としては十分かなと思った。

/*ボタンの枠を表示*/
#localNavigation > UL > LI,
#globalNavigation > UL:last-child > LI,
#globalNavigation > H2:first-child + UL > LI
{border:1px solid #dddd77!important; width:4.5em!important}

 現在のミクシィスタイルシートは、こんな感じです。

/*検索フォームの非表示*/
.searchForm01.homeSearchBox{display:none !important;}
/*mixiロゴ&バナーの非表示*/
#pagetop,.adBanner{display:none !important;}
/*右上バナーの非表示*/
#adBanner{display:none !important;}
/*mixiニュース欄広告の非表示*/
.prContents{display:none !important;}
/*メニュー間隔をあけて見やすく*/
#globalNavigation > H2:first-child + UL > LI{margin-left: 2px !important; margin-right: 2px !important;}
#localNavigation > UL > LI{margin-left: 2px !important; margin-right: 2px !important;}
/*マイミクシィ最新日記の行間を狭める*/
#newFriendDiary > DIV:last-child > DL > DT{line-height: 1.3em !important;}
#newFriendDiary > DIV:last-child > DL > DD{line-height: 1.3em !important;}
/*日記コメント記入履歴の行間を狭める*/
#newComment > DIV:last-child > DL > DT{line-height: 1.3em !important;}
#newComment > DIV:last-child > DL > DD{line-height: 1.3em !important;}
/*コミュニティ最新書き込みの行間を狭める*/
#newBbs > DIV:last-child > DL > DT{line-height: 1.3em !important;}
#newBbs > DIV:last-child > DL > DD{line-height: 1.3em !important;}
/*コミュニティコメント記入履歴の行間を狭める*/
#newBbsComment > DIV:last-child > DL > DT{line-height: 1.3em !important;}
#newBbsComment > DIV:last-child > DL > DD{line-height: 1.3em !important;}
/*マイミクシィ一覧、コミュニティ一覧9個表示の非表示*/
.iconListTable{display:none !important;}
/*マイミクシィ最新レビュー*/
.iconList02.count1{display:none !important;}
/*マイミクシィ最新レビュー*/
.iconList02.count2{display:none !important;}
/*マイミクシィ最新アルバム*/
.iconList02.count3{display:none !important;}
/*マイミクシィ最新動画*/
.iconList02.count4{display:none !important;}
/*マイミクシィからの紹介文*/
#intro > DIV:last-child > DL{display:none !important;}
/*丈夫のメニューと本体との隙間を調節*/
#headerArea{height: 60px!important;}
/*足あとリストの行間調整*/
DIV[class="memo_pop"]{line-height: 1.1em!important;}
#log_color > UL > LI{height: 1.1em!important;}
/*枠線の消えかけを対策*/
#bodySide div.listBox01 div.contents{border-top-width:1px !important; border-top-style:solid !important; border-top-color:rgb(255,153,0) !important; }
#bodyContents div.contents{border: 1px solid rgb(255,153,0)!important;}
/*新着の隙間、埋めます*/
dl.contentsList01{padding-left:4px!important;}
dl.contentsList01 dt{width:60px!important}
dl.contentsList01 dt span{padding-left: 0px!important; width:auto!important}
dl.contentsList01 dd{padding-left: 2px!important; width:325px!important}
/*ボタンの枠を表示*/
#localNavigation > UL > LI,
#globalNavigation > UL:last-child > LI,
#globalNavigation > H2:first-child + UL > LI
{border:1px solid #dddd77!important; width:4.5em!important}