ニコニコ大百科モバイル

7/2(月)よりスマホまたはPCでアクセスした場合、各デバイス向けのサイトへ自動で転送致します


Qwatch


ヨミ: キューウォッチ
掲示板をミル!
246カキコ!
«前へ

まず、自分で書いた、もしくはコピペしたスタイルシートの内容をメモ帳などで「適当な名前.css」というテキストファイルに保存する。次に、IEメニューの「インターネット オプション」を開き、「全般」タブの「ユーザー補助」ボタンを押して、「自分のスタイル シートドキュメントの書式を設定する」に先ほど作ったCSSファイル定してやればおk


コピペでできるスタイルシート例


ここでは、Stylishに自分でスタイルシートの定義を追加する場合、もしくは、IEユーザーCSSを作る際に役に立つスタイルシート例を紹介する。

方法は簡単。以下に示す一行を、Stylishのスタイルシート定義、またはIE用のユーザーCSSファイルコピペするだけ。複数を適用したい場合は、1つずつコピペすればいい。

また、Stylishは特に定しない限り、どのサイトを見ていても (Web全体に対して) スタイルシートを適用してしまうため、できれば適用の対URL定して「ニコ動の視聴ページ」に限定することをおすすめする。なお、このあとで紹介するコピペでできるCSS例では、以下の設定をしなくても、なるべく他のサイト誤爆しないような定にしてます。

ニュースティッカー領域 (ニコニコニュース、ブロマガ) を消す

ニコニコ動画プレイヤーでもっともうざい、障りと評判のニュース領域は、この一行で簡単に消えてくれる。なお、ユーザーニコ割は別の領域となっているので影しない。

以下の場合は、だけを残し、中身の文字だけが消える。以下から「*」の1文字を外せば、ごと消滅する。

body div#content div#textMarquee * { display: none !important; }

※「ブロマガの対策方法」で紹介されている方法は、サービスを終了した (原宿) バージョン向けなので注意。

気に入らないものだけを個別に消す

しかし、ブロマガは消したいがニコニコインフォ生放送案内は残しておきたい、といった人もいるであろう。

その場合は、上記のかわりに、以下のCSSから「消したくないもの」を行ごと削除して使用すれば、気に入らないカテゴリだけを個別に選んで見えなくすることもできる。例えば、ニコニコニュースブロマガだけを消したい場合は、下から3行分だけ残して使えばOK。

.textMarqueeInner div.item.event, /* イベント情報を消す */
.textMarqueeInner div.item.live_jr, /* 生放送開始告知を消す */
.textMarqueeInner div.item.tag_relation, /* なんだろうこれ? 関連タグ? */
.textMarqueeInner div.item.recommend, /* 掲載記事紹介を消す */
.textMarqueeInner div.item.uads.gold, /* ニコニ広告 宣伝() を消す */
.textMarqueeInner div.item.uads.silver, /* ニコニ広告 宣伝() を消す */
.textMarqueeInner div.item.news, /* ニコニコニュース を消す */
.textMarqueeInner div.item.blomaga, /* ブロマガ を消す */
_dummy_ { display: none !important; } /* この行は消さないこと */

上級者向けとして、以下のように、特定URL文字列を含む記事だけ消すことも可ブロマガの場合、必ずタイトルチャンネル名やブロマガ名が含まれるので、名前を書いておくと有効だ。

.textMarqueeInner div.item[title*="ガジェット通信"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="週刊文春デジタル"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="と話題に"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="話題の記事"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="画像あり"], /* タイトル特定文字列を含むと消す */
.textMarqueeInner div.item[title*="www"], /* タイトル全角が生えていると消す */
.textMarqueeInner div.item a[href*="moe2p.com"], /* URL特定文字列を含むと消す */
.textMarqueeInner div.item a[href*="damage0.blomama"], /* URL特定文字列を含むと消す */
.textMarqueeInner div.item a[href*="blomama.jp"], /* URL特定文字列を含むと消す */
_dummy_ { display: none !important; } /* 消すためのおまじない。この行は消さないこと */

やろうと思えば、特定タイトルURLを含む記事「のみ」を表示するホワイトリスト方式にもできる。

.textMarqueeInner div.item a { display: none !important; } /* 一旦全消し */
/* 以下、ホワイトリスト */
.textMarqueeInner div.item[title*="生放送"] a, /* タイトル特定文字列を含むと表示 */
.textMarqueeInner div.item a[href*="live.nicovideo.jp"], /* URL特定文字列を含むと表示 */
_dummy_ { display:
inline !important; } /* 表示するためのおまじない。この行は消さないこと */

動画再生ページの広告を消す

以下の4行で、動画再生前、コメントネル下、レビュー欄上下、ページ最下部の広告がまとめて消える。

/* 各種広告を消す */
.panel_ads_shown #playerTabContainer.has_panel_ads .playerTabContent { bottom: 0 !important; }
div#videoInformationWrapper .videoStartAdsOuter, div#playerTabContainer .playerTabAds,
.outer .sidebar div#playerBottomAd, .outer .sidebar div#videoReviewBottomAd,
div#outline div#pageFooter div#pageFooterAds, div.nicoSpotAds { display: none !important; }

コメントパネルの「ニコる」を消す

掲示板>>187 より。これで、コメントネルの上にマウスカーソルを載せたときの「ニコる」を消すことができる。

/* コメントネル上のニコるを消す */
.nicoru-button { left: -9999; display: none !important; }
.menuOpened #videoMenuTopList li.videoMenuListNicoru .nicoru-button
{ display: block !important; }
#videoTagContainer .tagInner #videoHeaderTagList li { margin: 0 18px 4px 0; }

コメントパネル下のソーシャルボタン (Twitter, Facebook) を消す

別にニコニコからいたりしない人で、コメント欄の縦幅を少しでも多く取りたい方はこちら。

/* コメントネル下のソーシャルボタンを消す */
div#playerTabContainer div.socialButtons { display: none !important; }
#playerTabContainer .playerTabContent { bottom: 0 !important; }
#playerCommentPanel .section { margin-bottom: 7px !important; }

動画の右にあるコメントパネル自体をを消す

div#playerContainer div#playerTabWrapper { display: none !important; }

この2行で、コメントネルが消えた分動画の領域を中央に寄せられる。ただし、ウインドウ内のフルスクリーンの表示が変になってしまう。

div#playerAlignmentArea.size_medium { width:672px !important; }
div#playerAlignmentArea.size_normal { width:898px !important; }

動画を中央に寄せる

左パネルくなった新しいQwatchで動画を中央に配置したい場合はこれ。ただし、ウインドウ内でのフルスクリーンの場合、左に隙間がいてしまう。

div#playerAlignmentArea.size_medium, div#playerAlignmentArea.size_normal { position: relative; left: 139px !important; }

動画の下にある再生リスト・おすすめ動画リストを消す

動画下にサムネイルがずらっと並ぶリストは、以下の1行で最初から存在しなかったようにできる。Qwatch の徴ともいえる領域だが、これのせいでごちゃっと感があるのも否めないので、ほとんど使っていないならどうぞ。

body div#content div#playlist { display: none !important; }

「動画をもっと見る」バーを消す

body div#content div#videoExplorerExpand { display: none !important; }

Wall(壁紙変更) ボタンを消す

#playerAlignmentArea div#chipWallList { display: none !important; }

動画の下の市場やレビュー領域を消す

動画下のごちゃごちゃ感はQwatchになっても全然解消されていないよね、という人は以下からチョイス

/* 動画の下の情報領域全体を消す */
body div#bottomContentTabContainer div#outline { display: none !important; }

/* 動画情報を消す (動画タイトルクリックして展開したときの動画情報には影しない) */
div#outline div.outer div.main div#videoInfo { display: none !important; }

/* ニコメンドを消す */
div#outline div.outer div.main div#nicommendContainer { display: none !important; }

/* ニコニコ市場を消す */
div#outline div.outer div.main div#nicoIchiba { display: none !important; }

/* 動画レビューを上下の広告ごと消す */
div#outline div.outer div.sidebar { display: none !important; }

/* フィードバックボタン */
div#outline div.outer div#feedbackLink { display: none !important; }


よくある質問集



次へ»
最終更新日: 16/12/24 12:54
タグ検索 パソコン版を見る


[0]TOP
ニコニコ動画モバイル
運営元:ドワンゴ