アートあいくる

  • Introduction

    オンラインゲーム、Webデザイン、坂本真綾、その他色々。

    スキルアップを目標にがんばって更新しております。
    アートあいくるのやる気は、皆様の応援コメントから少しずつ蓄積されていく仕様になっております。

  • About this

    誰かの役に立つ記事を書く。大好きなwebデザインを通して、考えをシェアする。
    そんな素敵ブログになりたいけど、実際難しい。

    アートも大好き。でもデザインとアートは全く違う。
    デザインはもっと好き。思いやりでできている。

    じゃあ何でアートあいくる ?
    それは語呂が良いからでした。

ブログを移転しました。新しいブログはこちらです。

スポンサーサイト

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

最新記事

Comment

レイアウトがスッキリしていて使いやすいです。

ただ、それぞれのアイコンの機能が一目では理解しづらく、このブログ内で説明するか、ツールチップなどがあればわかりやすいです。
あと、Facebookのアイコンが上にスライドしますが、どんな意味があるのでしょう?
  • kirika
貴重なご意見ありがとうございます…!

ツールチップは私も取り入れようかなと思ったのですが…
ただ、1度覚えてしまえば用途はわかりますし、そうなると要らないものになるかなぁと…。
そういった機能はどんどん消していけるのがユーザースタイルシートの強みなのかなぁと考えてます。でも確かにここで説明するべきでしたね。後で追記しておきます…。

(ツールチップとして実装するのなら特に邪魔ってわけでもないですし、実装の手間から敬遠しがちになっているだけかもしれません…)

Facebookのアイコンが上にスライドするのは恐らくバグというか、私のミスだと思うのですが、私のFirefoxでもGoogle Chromeでもその現象は確認できませんでした…どちらも最新版だとは思うのですが、どういった環境で使っている(上にスライドする)のかを教えていただければ、再現して直したいと思うので、お手数ですがもう一度返信をお願い致します…。

…もしかしてFacebookに会員登録してなきゃダメ…ってことは…ないですよね…。
  • シュウ
原因究明に少し遅れました。

アドオン「Grap and Drag」により、Facebookのアイコンを掴んでスライドできるようになっています。掴む描画をしない設定だったので気付きませんでした。
他のアイコンは掴めず禁止マークが出るだけですが、なぜかFacebookのだけは掴んでスライドできるようです。「スライドできる」というだけで機能的には何も問題はありませんが。
なお、当方の環境はWindows8 Firefox19.0.2(最新版)です。

あと、アイコンの説明がない状態では推測しながらクリックしていました。
今はブログで紹介されているので安心です。
私見ですが、アイコンの数も少なく、それぞれの機能を覚えた今となってはツールチップは確かに必要ないかもしれません。
  • kirika
>kirika さん
再度コメントありがとうございます!

「Grap and Drag」入れてみましたが、どうやらこれは仕様のようです。
TwitterやFacebookのアイコンは<iframe>タグで埋め込まれてまして…

例えば、私達が見ているWebページの中に、Facebookアイコンと同じくらいの大きさの、小さなWebページが存在している…というイメージです。アイコンがスライドするというよりは、そのアイコンを内包した小さなWebページがスクロールしている…という具合です。

結論を言いますと、スライドしないようにはできました。
ただし、禁止マークは出てくれません…これは恐らくFacebookのアイコンに<a>タグが使われていないせいだと思われます…。(Twitterでは使われているので禁止マークが出てくれるようです。)

またこのスライドできちゃう問題は、判定こそ狭いものの、色々なアイコンで再現できます。
このアドオンと付き合う上では仕方がない…ですね。
ただうまく使いこなせれば便利そうなので、もうちょっと使ってみたいと思います。
  • シュウ
早速の対応、ありがとうございます。
これからもこのスタイルを使っていこうと思います。
  • kirika
ニコニコの動画視聴ページだけにしてくれませんか?全てのページに対して適用しようとして重くなってますw
Chromeです
  • いかた
>いかた さん
すみませんでした。もともと動画視聴ページだけになるように作っていたつもりでしたが
@charset "UTF-8"; の記述がまずかったらしく…こちらの1行のみが全てのページに適応されていたようです…。

今はもう削除してしまったので、恐らく問題はないかとは思われます(削除したことにより何か別の問題が発生してしまわないかと心配ではありますが…)。

コメントにて初めて気が付きましたが、もしかしたらこの記述によって別ページで文字化けが発生していたり、一部のフォント指定が効いていなかったりしたかもしれません…すみませんでした…。

しかしながら、この1行が適応されるだけのためにブラウザが重くなっているのかというと、少し疑問ではあります…。私の環境では特に重くなったとは感じなかったので…何か別の原因があるのではないでしょうか?

  • シュウ
はじめまして。最近このおしゃれなスタイルにお世話になっております。
ニコニコ動画側で、ブラウザサイズで動画を拡大する設定をした際、
このスクリプトを有効にしている時、画面の下9割程が真っ白になります。
スクリプト無効時は正常に拡大再生されます。GoogleChrome 26.0.1410.33 beta-m
  • hkt
>シュウさん
正しく適用されました。ありがとうございます。
>hktさん
私も同じ症状が発生しました。
Chrome25安定版ですが、ブラウザサイズで拡大した時殆ど真っ白ですねw
自分はプレミアムなので設定をモニタサイズにすることにより回避してますが、できれば修正して欲しいです。
  • いかた
>hkt さん
はじめまして!コメントありがとうございます。
ホントですね…見事に表示がおかしくなっておりました…。
昨日か一昨日あたりのアップデートが原因だったようなので、早期発見できて良かったです…。

無事直すことができまして、既に更新済みなので、気がついたときにまたアップデートしてみて下さい…ホントすみません…。
バグ報告感謝感謝です…!すっごく助かりました…!

もし直ってなかったら再度ご報告下さい…多分大丈夫なハズですが…
或いは他に要望だったり、細かな表示ズレだったり、何でもいいので何かありましたらコメントで仰って下さいね。
  • シュウ
ツールチップ最高です!バグも直ってもう元には戻れませんww
  • いかた
新たにバグ発見しました・・・
横幅が不足している時、Twitterの表示が上の灰色のところに飛び出てしまいます。

画像うpしました
http://uploda.cc/img/img5147da4deecaf.JPG
(表示期限は1週間です。)
  • いかた
先日はブラウザサイズ拡大バグのご対応をいただきありがとうございます。
欲を言うと、投稿者コメントが吹き出しのような雰囲気になってから横幅が狭くなり
コメント内容が見づらくなってしまったように思います。横幅をもう少し広く調整出来ると嬉しいです。
また、Chrome 26.0.1410.40 beta-m において、既にマイリス登録済の動画を「とりあえずマイリス」で
追加しようとすると表示が一部乱れてしまいます。
  • hkt
初めまして、クロームにてこちらのデザイン使わせていただいております。
さて、不具合?なのかどうかは分かりませんが、動画ページの説明文の他動画URLまたはタグ検索からの他動画移動などを行うと、前者は移動した動画の説明文が正常に表示されない(前の動画の説明文が表示されている)ことがあります。
後者はタグ検索結果ページの左上で動画は再生されるのですが、「クリックで画面サイズを元に戻す」をクリックして動画再生ページに移動しようとすると、文字が消え、コントローラ(再生ボタン・シークバーなど)が表示され、画面サイズが元に戻りません。

既出でしたら大変申し訳ないです。ちなみにファイアフォックスではこのような不具合は確認できませんでした。
ぜひ一度この問題について調べていただけたらな、と存じます。
理解しづらい説明文ですみません、では。

  • test
  • Edit
testさん、もしかしてAdBlock動いてないですか?日本語フィルターなど動いてますと後者の不具合が発生します。もしかしたら前者もそれが原因かもしれません。一旦www.nicovideo.jp/watch/を除外して動作を確認してみてください。
  • いかた
返信ありがとうございます。
ご指摘通りにAdBlockがブロックしていたようで、除外をしてみると無事表示されるようになりました。
このたびはお忙しい中ご迷惑をおかけして申し訳ありませんでした。これからもこちらのスタイルを使わせていただきます。(=゚ω゚)ノ
  • test
  • Edit
またFacebookのところ崩れてますね…
Chrome26ですが、今回は解像度にかかわらず上にいいねボタンが飛び出してます
  • いかた
いつもChromeにて使用させていただいております。 
個人的な要望になってしまうかもしれませんが、再生・コメント・マイリスト数の表示を説明文非表示時でも
表示できるようだとありがたいのですがどうでしょうか?
  • chro
>chro さん
コメントありがとうございます。
要望の件ですが、反映してみましたので、気がついたときにでもアップデートしてみて下さい。

もし何か不具合等ありましたらお手数ですが再度ご連絡お願いします…。
  • シュウ
  • Edit
素早い採用、ありがとうございました。 
更新後見やすくなりましたが、サブで利用しているCoolNovoでは動画周りがグレーにならないっぽいです。
Chromeではしっかりと反映されますので、とてもおしゃれにすることが出来ています。
派生ブラウザですので仕様上仕方がないのかもしれませんが、一応参考までにということで。
  • chro
>chro さん
再度コメントありがとうございます!
そうだったんですねー… FirefoxとChromeでしか試してなかったので知りませんでした。
動画周りがグレーにならない、ということは、CSS3のグラデーションが効いてないからだと思うのですが
ほぼ全てのブラウザに対応しようとすると、グラデーションの記述が肥大化してしまい、対応が難しいです。
(以前FirefoxとChromeの2つに分けていたのも、文字数超過が原因なので…)

もし自身で編集できるなら、「liner-gradient」と書かれた部分を探し出し
ベンダープレフィックス(-webkit-)を頭につけるだけでも直るかもしれません。

※例(1216行あたり)
#playerContainerWrapper {
background: linear-gradient(180deg, #222222 0%, #333333 100%) #222222 !important;

background: -webkit-linear-gradient(top, #222222 0%, #333333 100%) #222222 !important;
}

CSS3グラデーションのクロスブラウザ対応については下記リンクが参考になります。
http://t-ashula.hateblo.jp/entry/2012/08/27/145535

残念ながら私の環境ではCool Novoにstylishを適応させることができませんでした。
派生ブラウザであればChrome本来の仕様に近づいていくはずですので、Cool Novo側のアップデートを待つのが無難な気がします。せっかく不具合報告をいただけたのに恐縮ですが、今のところ最新版のChromeとFirefoxで動いていればそれ以上のクロスブラウザ対応はするつもりはありません…。
  • シュウ
  • Edit
更新再開したようで何よりです。今まで暫くヘッダー部とフェイスブックが崩れたままだったので気になってました^^;

ところで要望なのですが、
再生開始時に動画の部分へスクロールする機能と再生数とかリアルタイムでどれだけ増えたかの表示を更新時に行って欲しいです。
クレクレですみませんが、もし実現可能だと判断できるならば実装してほしいです。
  • いかた
コメントありがとうございます。

>再生開始時に動画の部分へスクロールする機能
ユーザースタイルシートはあくまで外観を変えるだけですので実現は難しいです。
再生時親要素にクラス名でも追加されればできたかもしれませんが、CSSでやる類のものではないかと。

別のUCSS製作者の方が配布しているGreaseMonkeyスクリプトを使ってみて下さい。
http://userscripts.org/scripts/show/136812

>再生数とかリアルタイムでどれだけ増えたかの表示
どういう意味でしょうか…。ニコニコプレイヤー設定で「コメントの自動受信」にチェックを入れていれば、再生数、コメント数、マイリスト数はリアルタイムで更新されていくと思うのですが…「どれだけ増えたか」を計算して、更新時にポップアップで提示するということでしょうか??
少なくともHTMLで書かれた再生数を変更することは不可能です。
  • シュウ
  • Edit
更新再開されたようで嬉しいです。
要望色々と実現してくださって本当に感謝してます。
ただ、恐縮ですが一点使いづらくなってしまった点があります。

コメント一覧にて、コメントをダブルクリックすると該当時刻までジャンプしますが
今回の更新により、ダブルクリック出来るスペースがなくなり、
短いコメントで右側余白をWクリックしても全て”ニコる"扱いになってしまいます。
動画を投稿する人間としては、割りと致命的だったりします。
お手数ですが、調整頂けると嬉しいです。
  • hkt
6/25 微修正
この更新を適用してからChromeでヘッダー部が崩れてます
修正願います
  • いかた
>いかた さん
フォントが原因だったようです。修正しておきました。
報告ありがとうございます。
  • シュウ
  • Edit
>シュウさん
メイリオが原因だったんですねw
修正ありがとうございました
  • いかた
はじめまして。
とてもかっこいいので使ってますが
今日動画ページを開いたらけっこう崩れてました
スピードチェックのアイコンが下にずれたり動画説明の部分などいろいろ・・・
(一応画像貼っておきます) http://i.imgur.com/6MIvWH9.jpg http://i.imgur.com/5hWaHO3.jpg
以上、報告でした。修正してもらえるとうれしいです。突然失礼してすみませんでした・・・
  • おりさと
http://blog.nicovideo.jp/niconews/ni040750.html
ニコニコ動画Qの動画視聴ページ(Qwatch)が、新しくなったみたいなので最新版に対応してくれませんかー?
  • sk
>おりさと さん
はじめまして!使っていただきありがとうございます!
崩れてましたね…すみませんでした… つい先程修正したものをアップロードしたので
宜しければ使ってみて下さい。

>sk さん
コメントありがとうございます。URL参考になりました。
最新版に対応したものを作ったので、宜しければ使ってみて下さい。
  • シュウ
  • Edit
前から使ってるけど、
新デザインはシンプルで使いやすいことの優位性を教えてくれる傑作だね
俺はニコニコ運営のセンスの無さにただただ呆れてる
あなたのデザインを公式がロイヤリティー払ってそのまま採用してほしいよ
とにかくこれで気持よくニコ動使えるので心から感謝したい


  • aiueo
  • Edit
初めましてカシウスです。
去年ぐらいから愛用させていただいています。
今回のデザインはシンプルで緑と赤の色合いを除いて非常に気に入っています。
CSSを私はまだいじれないので要望となってしまうのですが此の緑と赤を以前のような黒に変えることはできないのでしょうか?
出来れば別のバージョンとして出していただくか変える方法を教えていただけたら嬉しいです。
  • カシウス
>aiueo さん
ありがとうございます…!
広告やらニュースやらを消すことでシンプルに見せている側面もありますし
公式採用となるとそこあたりも考えるので難しいですね…。
ユーザーが増えてくれれば嬉しいです。


>カシウス さん
はじめまして!コメントありがとうございます。
配色がダメでしたか…今までずっと白黒で作っていたので無理もありません…。

今回挑戦してみたデザインはフラットデザインと呼ばれるものなのですが
配色がキーになるため、白黒で作りたくなかったのです。
(色を分けることで役割を明示し、より直感的に使えるようなデザインにすることが目的でした。)

フラットデザインの練習をしてみたかったので、できれば白黒(グレー)は避けたいのですが…
カシウスさんは 「赤・緑」 という配色が気に入らなかったのか、それとも
色が付いていること自体がダメだったのかを教えていただけると助かります。

ニコニコ動画と言えば白黒のイメージがありますが…

■スマホのニコニコ動画アプリでは水色や青を採用している
■PCサイトのリンク色、動画プレイヤーの音量、再生位置が水色である
■季節が夏なので涼しい色が好まれる

などを考慮すると、空色や青系統の色にした方が良いのかなーとも思っています。
(余談ですが今の緑は初音ミク、赤は大百科あたりから持ってきています。)

ユーザーがインストール時に選択できるような仕組みがあったと思うので…
もう少し調べてみます。上手くいったらいくつかサンプルを用意してみます。
  • シュウ
  • Edit
色の変更対応という素早い対応どうもありがとうございます。

フラットデザインは、私自身非常に気に入っており、それを採用したWin8は色使いはともかくデザインという面では評価しています。
ChromeとAppleの影響も受けて、シンプルイズザベストが至上と思っているのですが、今回は色が鮮やかだったのが抵抗感を覚えました。
緑色、赤色自体長時間見ていると、周りの色が緑色がついているように見えたことはありませんか?
そんな感じで、ちょっとどうかなと思っているだけなので、色がついていることには抵抗はありません。(無彩色はお気に入りですが)
簡単に言えば今回の説明文を出すボタンぐらいの暗い緑色から少し明るいぐらいの彩度がちょうどいいのではと思います。

ただ今回のように色を自由に変更できるのはユーザーとしては非常にありがたいです。

ちなみに今回の色はWin8のβ版のベータという魚が書いてある壁紙からとったのか!?と思っていてまさかミクさんと大百科からとっているとは思いませんでした(笑)
  • カシウス
追記
ちなみに同じstylishの「ニコニコ動画:Q 広告消し / niconico:Q NoAds」と競合してずれているようです。
私は、それを知ってから速攻で削除したので、最早どうでもいいのですがTOPページで注意がきをしておくと併用しているユーザーが幸せになれると思います。

あと、カゴテリとか作者が書いてあるところの赤はなんか統一感を損なうように感じてしまいました。
でもどの色に変えればいいのかわからない…
もっとデザインの勉強してたら助言できてたのに。
ただ私は、動画リンクを編集とか説明文を出すボタンと同じ暗い緑にしています。

最後に 動画説明文って一度展開すると他の動画でも最初から展開するような仕組みになっているんですか?
  • カシウス
>カシウス さん
他のUCSSと競合ですか…
私が作ったやつも広告を消すように作っているのですが、そういえば記載していませんでした。
注意書きしておきます。ありがとうございます。

緑と赤の配色に関してですが、トーンを統一したり、隣り合った場所に薄く影をつけてみたり
工夫次第では綺麗に魅せられるのではないかなと思って挑戦してみました。
フラットデザインということで、よく言われているビビッドな色使いがしてみたかった…という感じです。
難しいですね。ユーザーに委ねてしまう形になりましたが、デフォルトカラーは吟味していくつもりです!

>動画説明文って一度展開すると他の動画でも最初から…
展開するようにできていたと思いますよ。
ニコニコは見た目の変化がほとんど分からないレベルで頻繁にCSS等を更新しているので
あんまりはっきりしたことは言えませんけどね。
  • シュウ
  • Edit
私も黒目だから使ってみる!
  • kiri153
デザインが良く更に利便性もいいので使い始めたんですが、
ニコニコポイントを購入のボタンがヘッダーから飛び出ているのはどうにかなりませんか?
  • No.1B
>kiri153 さん
動画周りが暗いからってことでしょうか?
何にせよ使っていただきありがとうございます!


>No.1B さん
ありがとうございます。
どうやらChromeのみ、そのような仕様になっているみたいですね…。
優先度の関係で直すのが難しく放置していましたが、やってみます。
  • シュウ
  • Edit
初めまして、本当に素晴らしいデザインで、このスタイルのおかげでようやく原宿卒業出来そうですw
一つ要望というか気になった点として、動画順位の情報は載せられないですか?(些細なことでスイマセン
  • SH
  • Edit
>SH さん
初めまして!コメントありがとうございます。
ご報告感謝感謝です。とっても励みになります…!

動画順位は仰る通り消しちゃったのですが、実は結構悩みました。
もし指摘されたら復活させようかなーと思っていたのでちょうど良かったです。

ただ表示するスペースの確保が難しいため、マウスオーバー時のみ出現する
みたいな形式になると思います…。
とりあえずそれで作ってみるのでもしイマイチだったら再度コメント下さいね!
  • シュウ
  • Edit
はじめまして、このスタイルシートにしてからやっと原宿を卒業しました!
素晴らしいスタイルシートですね、ありがとうございます!

1つ報告と1つ要望です。

報告は、動画視聴ページの上部のニコニコポイントを購入という所がありますが、普通ならアイコンに触れると「ニコニコポイントを購入」と出てきますが、今はアイコンに触れていないのにずっとその文字がむき出しになっています。しかし、ニコニコトップではむき出しになっていません。
chromeではそうなってしまうと書かれていましたが、私の使っているfirefoxでも同じような症状が出ています。もし、私のPCだけのことでしたら申し訳ありません。

要望は、niconicoになってから動画をダウンロードできるものがありますが、このスタイルシートにはその機能が入っていないですよね?
勘違いだったらこれまた申し訳ないですが、可能ならダウンロードできる動画をダウンロードするためのアイコンを設置していただきたいです!

検討の方、よろしくお願いします。
  • よしまさ
いくつか試しましたがこれが一番気に入っています。
ですが再生リストの下の「もっとみる」を表示するよう修正できないでしょうか。
スタイルシートのことにはまったく疎いので自分ではどうにもできなかったのでコメントしました。
  • swimmy
>よしまさ さん
はじめまして!コメントありがとうございます。
ご報告については…すみません分かりません…。
動画視聴ページ上部と言うと、追従か固定かを選べる黒いヘッダーのことだと思うのですが
[ ポイント購入 ] というリンク周りは特におかしくなっている点は見当たりませんでした…。

アイコンに触れるとニコニコポイントを購入…と出てくるというのもさっぱりです。
もしかすると一度ニコニコポイントを購入したことがある場合のみそういったリンクが出てくるだとか
あるいは他のユーザースタイルシートと競合している等が考えられます。

そして要望についてですが、これまたすみませんでした…。
niconicoになってから動画をダウンロードできるものがある、ということを初めて知りました。
アイコンの存在は知っていたのですが、そんなボタン出てこないので未実装機能だとばかり…。
急遽アイコン画像を作りましたので気づいたときにでもアップデートしてみて下さい。
( キャッシュが残っていると反映されるまで時間がかかるかもしれません。 )


>swimmy さん
コメントありがとうございます!
ニコニコ側のスタイルシート更新に伴い消えていたようですね…。気が付きませんでした。
修正しておいたので更新をお願いします。助かりました。
  • シュウ
  • Edit
「ニコニコポイントを購入」の件ですが、自分も常時表示されている状態です。

ヘッダーメニューの中に[+]というような感じのボタンがあって、そこにマウスオーバーすると
「ニコニコポイントを購入」というのが出てくるのですが、恐らくそれが出てしまっているような状態ではないかと推測します。

この現象は、他のユーザースタイルシートやGreasemonkeyのスクリプトなどは無効状態
つまり、この「niconico:Q / ニコニコ動画:Q を素敵に!」だけ有効な状態で確認しています。
何のスタイルシートも適用していない状態だと、ヘッダーメニューに[+]ボタンが表示されているのですが、
このスタイルシートを適用すると、[+]ボタンが表示されない状態でもあります。

参考画像:
スタイルシート適用時
https://dl.dropboxusercontent.com/u/1879791/niconico_point01.PNG

標準状態(スタイルシート無効)
https://dl.dropboxusercontent.com/u/1879791/niconico_point02.PNG
  • nanashi
>nanashi さん
ポイントを所持していると、表示スペースの都合から購入ボタンが [ + ] マークに変わるようですね…。
残念ながら私はニコニコポイントの購入予定は無いため、動作確認ができません。
さすがにお金を払ってまでやる義務もないでしょうし…ご了承下さい。

一応原因かなと思われる部分を修正してみたので、もしかしたら直っているかもしれません。
画像とても参考になりました。ありがとうございます。
マウスオーバー時の挙動が分からず、修正は難しそうです…すみません。
  • シュウ
  • Edit
>シュウ さん
最新版を使ってみたところ、[+]マークは表示されない(が、マークがあるであろう場所、スペースはある。)ものの、
常時「ニコニコポイントを購入」が出る状態は解消されたようです。

ちなみにそのマークがあるであろう場所にマウスオーバーすると「ニコニコポイントを購入」と出てきます。

ニコニコのスタイルシートと睨めっこして、[+]マークの画像らしきURLも見つけましたが、
おっしゃる通り「お金を払ってまでやる義務」は無いですし、仕様変更時の修正が大変な気がしますので
後は自分でなんとか調整してみます。

わざわざ修正対応して下さりありがとうございました。
  • nanashi
いつも愛用させていただいています。
まずは、この素敵なStylishを提供下さりありがとうございます。

要望として一つ書かせていただきます。
背景色を白にした時に、文字色が同様に白なので消えてしまうため、黒に色を合わせて使っておりますが、
できれば白背景にしたいので、リンク文字色だけではなく通常文字色も変更できるようにしていただけないでしょうか。

ご一考していただければ幸いです。
  • nanasix
>nanasix さん
コメントありがとうございます!
テキストカラーの変更を可能にしておきました。

白背景にする場合、カラーは #F4F4F4 を選ぶとタイトル部分の背景と同じ白になります。
その際背景に入れたハイライトのせいで表示がおかしくなるので、ハイライトを無しに指定して下さい。
もし何かおかしなところがありましたら再度コメント下さい。
  • シュウ
  • Edit
私の環境では、ニコるを除いた、とりあえずマイリスト~スピードチェックが表示されません。カーソルをあわせると反応はするので、ただ見えていないだけなのだと思われます。デザイン上の都合でわざと消してあるのでしたらすみません!
  • にゃる
  • Edit
>にゃる さん
コメントありがとうございます!
Chromeにて確認したところ、私も同じような結果になりました。
とりあえずマイリストからスピードチェックまでのアイコンは私自身が作ってFC2のサーバにアップロードしたものを使っているのですが、ファイルの指定がうまくいっていなかったようです。

該当部分を修正してみたので恐らく直っているはずです。
私のChromeでは正しく反映されました。決してデザイン上の都合というわけではありませんよ!
もしまだ直っていなかった場合は再度ご報告下さい。
  • シュウ
  • Edit
迅速な対応ありがとうございます!
確認したところ、綺麗に直っています、本当にありがとうございました!
それから前回、自分の環境(主にブラウザ名)を記してなくてすみません;うっかりしてました;

シュウさんのスタイルのおかげで快適にQバージョンを使わせて頂いてます。
今まで使用したスタイルの中で一番使いやすく、尚且つどれよりもかっこいいので大好きです。
色を好きにカスタマイズ出来るのも素晴らしい。(前回のデザインも素敵でしたが!)

これからも是非このスタイルを愛用していきたいと思います。この度はありがとうございました!
  • にゃる
  • Edit
お久しぶりです
この前は素早い対応ありがとうございました(・∀・)
もうこれ無しではニコニコを見る気になりません!

また要望なんですが、
タイトルをもう少し左に詰めて.動画説明文とタグの間をもう少し狭くして.プレイヤーと関連動画の間を詰めて全部見えるようにして欲しいのと、
タグの所の背景色と動画タイトルの背景色と文字色も変えられるようにしていただけると嬉しいです(要は全部黒にしたいだけです)
気が向いたらで構いませんのでよろしくお願いします!
  • おりさと
ども、カシウスです。
相変わらず重宝させていただいてます。

今回の要望ですが

1 タグのスペースを原宿並みに短くしてほしい。
2 出来るのならタイトルの横に投稿者の情報を固定してほしい。
3 Adblockのフィルターに再生数の数字が引っ掛かって消されているので解決方法があるのなら教えていただきたいです。
4 色は無彩色でもええんやで(ニコッ

バグ修正が大変でしょうし先送りにして構いません。どうぞよろしくお願いします。
  • カシウス
>おりさと さん
お久しぶりです。
GINZA対応のついでに要望を少し反映してみました。
ただ全て要望通りに変更するということは難しいです…。
お手数ですが更新してみて下さい。


>カシウス さん
1. 個人的に動画タグは大事な要素だと思っているため難しいです。
2. タイトルを目立たせたいため難しいです。折り畳まれた状態での表示も結構無理やりなので…。
3. Adblock側のフィルターをうまく設定して下さいとしか…。使わなくとも広告は消えます。
4. 背景色を変更可能にしたのでそれで勘弁して下さい。

GINZAになってからUCSS製作者も増えてきましたので、選択肢は色々ありますよ。
  • シュウ
  • Edit
毎度更新ごとに素敵なアップデート感服です。
GINZA対応もお疲れ様でございました。

個人的な要望で本当に申し訳ないのですが、
同様のスキンをニコ生でも準備していただけないでしょうか。
今回のバージョンアップからいろいろな方がCSSに参戦してるみたいですが、いまだに生放送の優秀なCSSが現れていません。
個人的にシュウさんのフラットデザインがすごく好きなので、これをニコ生でもみれたらなぁと思うばかりです。

ご検討いただければ幸いです!
  • 7th circle
>7th circle さん
コメントありがとうございます!
ニコ生…ですか…うーん…

他の方のCSSを見た感じ、だいたい200行から800行、多い人で1600行くらいの文字数なのですが
私の場合3000行でダントツでして、サイズも最大制限の64KB(65536文字)ギリギリです。

ニコ生用といえどコードを流用できるわけではなくて、ほぼ1から作る形になるんですね…。
さすがにそこまでの労力は…ありません…すみません難しいです。

ここ数日でUCSSの注目度が上がったため、今は色々とカスタマイズに奮闘していますが…
あくまで「自分が使うサイトのデザインを自分好みにしたい!」を大前提にしています。

シュウさんのフラットデザインがすごく好き、だと言ってもらえたことは凄く嬉しいです…!
とっても励みになります。ありがとうございます!
  • シュウ
  • Edit
いつもアップデートありがとうございます。
Qのころからこのフラットなデザインに一目惚れして愛用しております。
引き続きGINZAにも対応してくださりありがとうございました!
再生数なども見やすい位置にあってアイコンなども可愛く、市場やレビューもスッキリ収まっていて、なにより動画に集中して見られるのがすごく嬉しいです!

今回は10日に更新されて日本語フォント及び文字サイズをブラウザ設定に準拠するように変更されて以降どうもタグなどが以前のように綺麗に表示されません。
デザインの崩れは微々たるものであまり気にはなりませんが文字サイズとフォントが以前よりも安っぽく感じられてしまい、9日までの標示の方がよかったなぁ…と。
個人的な意見で申し訳ないです。

あとはいつからか覚えていないのですがヘッダーに大きなズレが発生しています。
niconico~その他までが左端ギリギリに、アイコン~メニューはおそらく今まで通りですが動画を投稿するの語尾に被さるようにタグ検索のアイコンが重なっています。
win7の64bitでブラウザはFirefox最新のものを使用して見ています。

以上になります。
ここまで読んでくださりありがとうございました。
  • june
  • Edit
>june さん
コメントありがとうございます!
フォントの件ですが、Firefox の場合 ツール -> オプション -> コンテンツ -> フォントと配色 より
お好きなフォントと大きさに変更できるはずです。
以前と同じ表示にするにはフォントを「Meiryo UI」 サイズを「16」にしてみて下さい。

ユーザーが好きなフォントに設定できた方が良いだろうと思っての仕様変更だったのですが…
逆に不親切だったかもしれません…すみません。

ちなみにフォント指定をブラウザ設定に準拠してあるサイトは少ないです。
身近なところではGoogleが採用しており、検索結果のフォントも変わってしまいます。
(ニコニコでも本来なら「メイリオ」が指定されています。)

それからヘッダーのズレについて
恐らくユーザースタイルシート(UCSS)の競合だと思われます。
マイページのニコレポ関連のUCSSで、動画ページのヘッダーに影響してくるものが
一つ思い当たるのですが、他のUCSSを無効化して、ズレが起きるかどうか確認してみて下さい。

もし解消されたなら別のUCSSが原因なので、そちらの作者様にお問い合わせ下さい。
直らなかった場合は再度ご報告下さい。その際スクリーンショットなどをご提示頂けると助かります。
  • シュウ
  • Edit
こんばんは。
お返事ありがとうございます。

早速設定したところ以前と同じフォントで見ることができました!
こういうところは普段見なくてよく分かっていなかったのですが、こうして理解するとすごく便利な機能だと思います!
こちらこそ早合点してしまいすみませんでした。

ヘッダーのズレは1つ1つ調べてみたところ、広告を消すUCSSが原因だったようです。
こちらは自分で書き換えてどうにかなりました!

この度はお騒がせしてすみません。
分かりやすく丁寧に説明してくださりありがとうございました!
すごくお気に入りのデザインになってくれるのでこれからも愛用させていただきます!
  • june
  • Edit
http://blog-imgs-62.fc2.com/x/u/a/xuai/0011t.jpg
この時のデザインのStyleも公開してくれませんでしょうか?
  • 名無しのよっしん
リンク色も変更できるように更新お願い致します。
  • 名無し
前の方で他の方がお願いされているようですが、私もQ用素敵デザインのcssの再掲載を希望します。
理由は、現行のGINZA用フラットデザインのcssだと、GINZAとMac OS XのChromeと相性が悪いのか、
Flash動画の再生フレームレートが極端に落ちてしまうからです。GINZAとQ用素敵デザインの組み合わせだとパフォーマンスの低下はありませんでした。

二つのデザインのメンテを行うのは大変でしょうから当時の現状のままのcssで結構です。
よろしくお願いいたします。
  • h_b
  • Edit
>h_b さん
コメントありがとうございます。
申し訳ありませんが、当時のCSSは残しておりません…。
仮に残っていたとしても、当時のままのCSSを今適応するとレイアウトが崩れます。

ニコニコ側がCSSをアップデートした結果UCSSとうまく組み合わず、レイアウト崩れが起きます。
私の場合その修正ついでに色々といじって公開していたために…残っていません…すみません。

>Flash動画の再生フレームレートが極端に落ちてしまう
というのは初めて聞きました。昔のCSSだと大丈夫なようなので、最近の変更が原因かと思います。
一番に思い当たったのは、ウォールに設定したCSSフィルターのぼかし効果です。
これはChromeでのみ動作しています。とりあえずそれを外して更新しておきました。
もしかしたら改善するかもしれないので一度試していただけると助かります。
  • シュウ
  • Edit
>作者様

更新ありがとうございました。
確認したところフレームレートの改善がありました!
  • h_b
  • Edit
はじめまして、このスタイルシート結構気に入っているんですけど
コメントを通常コメント、ローカルコメント、コミュニティコメントに変更する部分消えてます?
もし消えてるのでしたら変更できるようにして欲しいです

消えてないのであれば場所をお手数ですが教えてもらえませんか?
  • ('A`)
>('A`) さん
はじめまして!気に入っていただけたようで嬉しいです。
仰る通りコメントの表示切り替えボタンは消しています。

使ったことがなかったのと、表示スペースの都合からそうしたのですが
特に問題無さそうだったので要望にお答えして復活させてみました。

ただ困ったことに…
投稿者コメントがある動画で、投稿者コメント表示に切り替えてもコメントが現れませんでした。
どうやら切り替えた後に他(過去ログ等)のボタンを色々とクリックしてみる必要があるようです。
UCSSを切っても改善しなかったのでニコニコ側のスクリプトがおかしいような気がします。
(あるいは私の環境だけかもしれません。)

分かりづらくて申し訳ないのですが、とにかく現時点ではバグがあるっぽいということです。
そしてその(物理的な)回避方法もあるということです。

UCSSを適応した場合のみ投稿者コメントが取得できない場合は
UCSSに問題があるので、お手数ですが再度ご報告下さい。
  • シュウ
  • Edit
対応有難うございます

何か問題がアレばまたご報告します (゚∀゚)

  • ('A`)
利用しやすくなるので重宝しております。
ユーザーが色を選択してオリジナルの・・というのは素晴らしいと思うのですが
個人的にはできれば色を統一していただきたいです。
動画詳細の部分がライトブルー?のような感じだった頃は見やすくて非常によかったのですが。。
  • ファン
>ファン さん
コメントありがとうございます。
色の変更を希望するユーザーも一定数いるため、統一するつもりはありません…すみません。

動画詳細がライトブルーだった頃が見やすかったと思うのでしたら
確かに面倒ではありますが、ライトブルーに変えてお使い下さいとしか返答できません…。

・ 動画タイトルの背景色 ---> #F4F4F4
・ 動画説明文の背景色 ---> #0CA7D3
・ 動画情報の背景色 ---> #0A99C5
・ ボタン背景色 ---> #323E3E
・ テキストリンク色 ---> #66F0FF

当時はこんな感じのカラーだったように思います。
デフォルトカラーを色々と変更しているのは、新規ユーザー獲得のためだったり
UCSSの可能性を広げるだとか、一ユーザーとしての気分転換だったりもしますので
今後も変えていくつもりでいます…ご了承下さい。
  • シュウ
  • Edit
はじめまして、いつも愛用させていただいています。

ニコニコ動画側でブラウザサイズで拡大に設定している際のことなのですが
フルスクリーン表示にすると画面上部に黒い帯が表示されます。

Firefoxで症状が出たので、Google Chromeでも確認してみたのですが同じ症状でした。
  • kazuxi
  • Edit
>kazuxi さん
ありがとうございます!
チェックが甘かったようです…すみません。おかげ様で不具合に気がつくことができました。
修正してアップロードしたのでお手数ですが再度更新してみて下さい。

助かりました。
また何かありましたらお気軽にコメント下さい。
  • シュウ
  • Edit
配色を変更するのはいいんですが、出来ればこれまでの配色パターンについて、SS付きでこのページにでも書いておいていただけると有難いです
突然配色を変更されると戸惑ってしまいますし、変更に気付かず更新したせいで、お気に入りだった配色を台無しにしてしまったこともあるので、是非お願いします
  • (゚∀゚)
>(゚∀゚) さん
そうですね…確かにその方が親切だと思ったので配色サンプルを書いておきました。
ご指摘ありがとうございます。
  • シュウ
  • Edit
便利なスタイルを使わせていただき、毎度感謝しております。

昨日公開していただいたスタイルを適応してみたのですが、タグの位置の変更に若干戸惑っております・・・。
現状のニコニコ動画ページで、タグの位置変更は行われていないのでそのままでいいような気がします。
(静画の件がありますので、これからどうなるかはわかりませんが・・・。)

もしかするとタグは下のほうが良い、という方がいらっしゃるのかもしれませんので、
スタイルのインストール時に上下で選択できる様にすると良いのではないでしょうか?

検討のほどよろしくお願いします。
  • JIN
  • Edit
素のGINZAのレイアウトが汚いので愛用してます!
クールなCSSありがとう!
  • kazu
>JIN さん
ありがとうございます!
仰る通り静画のレイアウト変更と、それから youtube を意識して変えてみました。
「動画の詳細情報を閉じた状態で、画面をスクロールせずに動画が見られるようにできないか?」
と思いまして、試してみた…という感じです。

結論から言うと失敗でしたね…。
先程元に戻してしまいました。よかったらアップデートしてみて下さい。


>kazu さん
作ったかいがありました…色々と意見を貰えるので、公開してよかったですホントに。
とっても励みになります。ありがとうございます…!
  • シュウ
  • Edit
色々探していた所素晴らしいCSSで一発で気に入りました。
今まで感じていた煩わしさやイマイチ感が全て消え、快適に動画を視聴する事が出来ています。
作者様のお陰で本当に救われました。ありがとうございます。
一つ確認なのですが、右上の動画サムネイルが前までは丸く表示されていてオシャレで好きだったのですが、
四角に変更されましたか?以前のようにサムネが丸いバージョンも選べるようにはなりませんでしょうか?
  • toki
おしゃれなスタイルで気に入っているのですが、最近マイリストなどのボタンのアイコンが表示されません。
コードを見ると http://blog-imgs-62.fc2.com/x/u/a/xuai/nicon.png にアクセスしてる様なのですが、ブラウザでアクセスしてもファイルが見つかりませんでした。これが関係しているのでしょうか。
  • poez
>toki さん
ありがとうございます…!
そう言ってもらえてとっても嬉しいです…泣けます…!

サムネイル等の画像は丸くしたり四角に戻したりまた丸くしてみたり…
何回も変更している箇所ですね…。現在は四角にしてありますが、私自信どっちがいいか悩んでおります。

ユーザーが選べるようにする…という案ですが、ユーザー選択項目が増えすぎて煩わしいのと
更新の手間もどんどん増えてしまっているのでできれば避けたいなぁ…というのが本音です。

丸い方がオシャレだと思う反面、その分画像の角が削れてしまうことを考えると悩ましいです。
でも次回は丸くしてみようかなと思います。


>poez さん
コメントありがとうございます!
そうです…仰る通りそちらのURLにアクセスしていたのですが…

昨日その画像ファイルを少し修正して再アップしたところ、何故か反映されなかったので
仕方なく画像を一度削除してから上げ直しました。
どうやらその日にこのFC2ブログのファイル保管サーバーが変わっていたらしく
画像のURLも変わってしまったようです…。

すぐにスタイルシートを修正してアップロードしたので、更新すれば表示されるはずですが
ユーザー側が更新しないとアイコンがいつまで経っても表示されません…。
これに関しては私の不注意でした…すみません。お手数ですがアップデートをお願いします。
  • シュウ
  • Edit
ご返答ありがとうございます!私の方の不具合かと思っていたので、良かったです。
こちらは使わせて頂いている身ですから、意見はさせて頂きますがあくまで参考程度に
最終的には作者様のご意向を大切になさって下さい!
次は丸くなるということでまた楽しみが出来ました。
  • toki
「GINZAもUIの酷ささえ目をつむればどうにか使えるのに」と思っていた私にとって、まさに救世主のようなスキンです。おかげで快適に動画を視聴出来ています。本当にありがとうございます。

さて、タグの表示欄についてなのですが、おそらく当方の画面サイズが小さいせいか、表示スペースが十分に確保出来ず、入りきらなかったタグが見えなくなってしまっています。そこで、環境とタグの分量に応じてスペースの面積が増減するような仕様に変更することは出来ないでしょうか。

なにとぞ検討の程よろしくお願いします。
  • 暖簾
  • Edit
>暖簾 さん
はじめまして!コメントありがとうございます!
気に入っていただけたようで何よりです。

タグの表示ですが…画面サイズが大きくても、タグが長いと入りきらなくなることはあります。
実は「多少隠れてしまってもそこまで問題はないだろう」と思い、そのままにしているんですよね…。

というのも、「タグの分量に応じてスペースの面積が増減する」レイアウトにすると…

例えばGINZAでは登録タグがリアルタイムで増減するため、動画視聴中にタグが減って2行から1行になったり
逆に増えて1行から2行になったりすることがあります。
その際に動画が縦方向にズレてしまう…んですね。視聴中にこれが起きると最悪…です。

要するにあらかじめタグ○行分のスペースを確保しておく必要があります。

3行だとスペースを取り過ぎるし、タグが1行しかない場合には余白が目立ってしまう…
2行だとタグが多すぎると入りきらなくなるけど…まぁそれくらいはいいかな…
そんな理由で2行分にしてあります。

ちょっと書き方が冗長でしたね…ごめんなさい。

結論を言いますと、暖簾さんの提案を実現することは難しいです。
しかし、タグが見きれてしまう問題を軽視したくないので…色々と試行錯誤してみます。
(本当はYoutubeや静画のように動画下にタグや説明文を配置したいのですが…難しそうです…)
  • シュウ
  • Edit
いろいろなスタイルを試しましたがここに行き着きました! デザインが最高です!!

で、気になった点があったので質問させてください。

1.動画内の投稿者コメント欄から例えば↓
前→【sm********】次→【sm********】
のようなリンクを踏んで動画ページに行くと、自動再生してしまうのですが仕様でしょうか?
↓設定のチェックを外してるのに起きます。(ニコレポ、ランキング等からは問題なし)
□(ページを開いた時に)動画を自動再生

2.コメント欄にマウスポインタをあてると"ニコる"と出ますが、これを非表示にできないでしょうか?

3.動画下の再生リスト非表示(できれば動画レビュー、市場なども)
スタイルをインストールするときに設定できればいいなと思いましたがどうでしょうか?

ほとんど要望ですみません……。以上が気になった点ですね。

あと、スタイルの仕様について例えばインストール先に
「ここは仕様なので変更する予定はありません」とかの
主様の一文があるとこれからインストールする人たちが
解かりやすくなるかもしれません。

長文失礼しましたm(__)m
これからも頑張ってください!
  • note
デザインかっこいい!
とりあえずマイリストが常時表示が使いやすい!

要望として、
意外と動画の上のニュースを見るのが好きなので、
表示・非表示の切り替えができるとうれしいです。

よろしくお願いします。
  • dff
今回、GINZAの代用として使わせて頂きました。
凄くデザインがよくこれ以外選ぶ気も起きないぐらいです。

要望は投稿者コメントのスペースが広い気がしますので、もう少しコンパクトして欲しいところです。
後は不具合かもしれませんが、タグが全部表示されません(元のGINZAに戻すとタグが10個あったのに対して6つくらいしか表示されない)。

よろしくお願いします。
  • Shiria
>note さん
コメントありがとうございます。

1. 仕様…ですね。再生中に別動画へ移動すると自動再生されてしまいます。
恐らくそのチェックは関係ないはず…です。あんまり詳しくないです…。

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

2. 市場やタグのニコる機能は死んでいる状態ですが、コメントのニコる機能は少しずつ流行ってきている
という認識です。このシステムは個人的に好印象なので、より使いやすくしていきたいと思っているくらいです。
…なので非表示に…したくないんですよね…どうしてもというのでしたらお手数ですが…

#playerCommentPanel .commentTableContainer .cell:hover .nicoru-button {
display: none !important;
}

上のコードを最後から2番目の行にコピペしてもらうか…
Stylishの管理画面から新しく nicovideo.jp 専用のスタイルを作って上のコードをコピペして
「コメントニコる非表示」とでも名前を付けて保持しておいて下さい。

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

3. 再生リストや市場、レビューなども「その動画の一部」であると考えているため、消す予定はありません。
それから、仮に非表示にしたとしても、あくまで見えなくしているだけであり、ソース上ではしっかりと
読み込まれているため、動作が軽くなったりすることはないと付け加えておきます。
…下にスクロールしなければ再生リストなどが目に入ることもないでしょうし…特に邪魔にならないかと…
選択項目はあまり増やしたくない…ということをご理解頂けると助かります。

ほとんど要望に応えられなくてすみません…。2番目がわかりづらいかなと思うので
やってみようと思ったけどうまくできなかった場合は再度コメント下さい。
その際使用ブラウザを教えてもらえると助言しやすいです。
  • シュウ
  • Edit
>dff さん
ありがとうございます!励みになります…!

私はもう慣れてしまいましたが、ニュースを非表示にした当初は欲しくなることもありましたね…。
切り替えができるように少しいじってみます。
ただ…ニュースを表示するとその分の高さのズレが出てきたりして、ちょっと修正が難しいかもしれません。
気長に待っていただければ幸いです。


>Shiria さん
ありがとうございます…!

投稿者コメントのスペースは…確かに広すぎる気もしますが、かといって他に表示するものも無いかなと…。

動画によって、投稿者コメントが極端に短いものや、極端に長いもの、30文字未満で改行が多用されているもの、改行が一切されていないもの(初期の動画に多いです)まで色々ありますので、どういったパターンであっても不自然でないようにするために、とりあえず広くとっている…という背景があります…。

何度も頭を悩ませている箇所ですね…。もともとが無理やりなので…本当に難しいです…。

タグに関しては少し上のコメントを読み返してもらえると助かります。
私も今のデザインに色々と問題点を感じてきたので…そろそろレイアウトを変えてみたいのですが…
それを実行するにはユーザー数が増えすぎてしまったように感じます…とても喜ばしいことなのですけども…。
最近は万人受けすることの難しさをひしひしと感じております。
もう少し構想を練りたいので気長に待っていただければ…。
  • シュウ
  • Edit
以前質問させていただいたnoteです。
早速の回答ありがとうございます!

1.について
 こちらでも調べましたがGINZAの
仕様みたいですね……。お手数を
おかけしてしまいすみませんでした。

2.について
 コード作成ありがとうございます!
コメント欄にポインタをあてながら
ホイールでスクロール操作すると、
コメントを読み直すときにどしても
見づらかったので助かります。

今後のアップデートのことも考え
て追加はせずに、専用スタイルを
新たに作成して導入しました。
無事に機能しています(chrome)。

3.について
 このことに関しては主様の仕様
と機能の考えかたが知りたかった
ので、すごく参考になりました。


丁寧な回答ありとうございましたm(__)m
また何かありましたらご報告します。
主様のペースで今後のアップデートも頑張ってください!
  • note
初めまして
chromeで使わせて頂いてる者ですが、どうもタグをすべて表示できません 上二行だけしかでないんです
仕様ならば変更していただけないでしょうか
タグをすべて表示出来れば本当に完璧になるのですが……
でも、十分使いやすいし、かっこいいので長く付きあわせていただきます(*^_^*)

うーん よろしくお願いします
  • xeno
  • Edit
今回のアップデートを適応した後に
ブラウザサイズで拡大の設定でフルスクリーンにすると
画面右上にウォール変更ボタンが表示してしまい画面サイズもおかしくなってます。

できれば改善してほしいのですが…
  • v4
>xeno さん
初めまして。
タグに関しては数件上のコメントを読み返してみて下さい。
少しだけ横幅を増やしたので、全てのタグ(最大で11個)が入りきらないケースも減っているはずです。
仰る通り仕様なのでこれ以上スペースを割く気はありません。
気になるようでしたら「Meiryo UI」のような横幅が狭いフォントを指定して下さい。


>v4 さん
ご報告ありがとうございます。
タグの位置変更に伴い表示が崩れていたようです…。先程確認し、修正してアップロードしました。
お手数ですがそちらで更新をお願いします。
  • シュウ
  • Edit
やはり既出でしたか…すいません
お早い回答ありがとうございましたm(__)m
  • xeno
  • Edit
かなり洗練されてきてとっても使いやすいです!
検索画面にて上のバーの、ユーザー画像からメニュー▼までがずれて表示されます
よろしければ修正お願いします
  • おりさと
>おりさと さん
ありがとうございます。
恐らく表示スペースが足りなくなった結果下にズレているのではないか、と思いましたので…
ヘッダー内のプレミアム会員登録のリンクを削除しておきました。
私の環境では再現できなかったので、別のUCSSとの競合や、フォントの違いなどが考えられます。
それらを考慮した上で直らなかった場合はもう少し症状を詳しく教えて下さい。
  • シュウ
  • Edit
とりあえずスクショ撮ってまとめました http://i.imgur.com/3ADyxF3.jpg (ABPが有効になってますがオフにしても直らず)
環境:モニタは1920*1080。使用UCSSはこの「ニコニコ動画:GINZA フラット化」のみ。
フォントはメイリオ。プレ垢。
通常の動画再生画面では、プレイヤーのサイズを小さい方にするとずれるが大きいサイズだと問題なくぴったりフィットする
Chromeの拡張機能を全部無効にしても変わらず
って感じです

・・・と、ここまで書いたところで、Chromeの設定で最小フォントサイズを11にしたら直ることに気づきました!(12以上だとずれるらしい)
確認不足でコメントしてすみませんでした(/_;)
  • おりさと
>おりさと さん
画像とても参考になりました。ありがとうございます。
Chromeの最小フォントサイズ設定のことをすっかり忘れておりました…。

最小フォントサイズ12pxかつメイリオの場合にズレてしまうことがこちらでも確認できました。
(メイリオは文字の横幅が他フォントに比べて広いという特徴がありますので…。)

12pxはデフォルト値だったように思うので、少なくとも12px、メイリオ、中画面(1008px)で
ヘッダーがズレないように調整しておきました。お手数ですがアップデートしてみて下さい。

…ただ一点気になる箇所があります…。
おりさとさんに提示していただいた画像の右側、ブラウザ全画面表示時なのですが…
ヘッダー内にある検索ボックスの位置が明らかにおかしいです…。もう少し右に寄るはずです。

そのままだと、ヘッダーはズレなくなったけど、検索ボックスが上に被ってしまう…
という状況になりそうで心配です。そしてまたしても私の環境では再現できません…。

何も問題なければ良いのですが、もしまだヘッダー周りでの表示不良があるようでしたら
再度ご報告頂けると助かります。
  • シュウ
  • Edit
ありがとうございます、問題の部分は全て直りました!
小さくしてもずれる事なく、検索ボックスの位置も正常に戻りました
  • おりさと
久々にニコ動に戻って更新したらタグが元に戻ってる!
本当にありがとうございます。
投稿者の説明文の件は分かりました。特段、見がたい訳でもなくただ気になっただけなので、そこまで気にしなくいいですよ!
後は普通に見やすいと思うので自分からしたら十分満足です。

最近冷え込みが厳しくなってきました。
お身体に気をつけて頑張ってください!
  • Shiria
動画上のニュースに対応していただきありがとうございました。
こんなにも早くできてしまうとは・・・驚きです。
才能がうらやましい!

ニコ動の開発がひと段落し、ほんとに気が向いたときでいいので、
ニコ生TOPも見やすくしていただけると助かります。

要望ばかりで申し訳ございません。
  • dff
このコメントは管理人のみ閲覧できます
  • -
「NG」と「Wall」の間にあった「Nic'd」ボタンが表示されなくなってますね。ニコメンド機能の廃止の影響でしょうか。
http://blog.nicovideo.jp/niconews/ni043284.html

環境:Mac OS X 10.9.1/Firefox 26.0/Stylish 1.3.1/USSはたぶん最新版/Adblockはオフ
  • ryo
>非公開コメントさん
そのうち顔を出します…ちょいと多忙なのでございます。泣ける。


>ryoさん
こちらでも確認できました。ニコメンド完全廃止だったのですね…。
先程更新してなんとなくごまかしてみましたが…ちょっと微妙です。
メニューを全てアイコンにしてしまうとか、思い切った変更をしたいところです…
時間の取れるときにでもやってみます。ご報告ありがとうございます。
  • シュウ
  • Edit
特定の動画ページでタイトルや動画情報や投稿者コメント、タグやマイリストボタンなど動画プレイヤーより上の表示が出ないことがあります。
こちらで少し検証した所、ニコニコ市場に商品が貼られて居ない場合にプレイヤーより上の表示が消えるみたいです。試しに表示が消えていた動画で市場に商品を貼ったらプレイヤーより上の表示も戻りました。
恐らく不具合ではないかと思い報告しました。お忙しいと思われますが報告だけ、失礼しました。

Google Chrome バージョン 32.0.1700.76 m Win7
  • asdf
>asdf さん
コメントありがとうございます。
Chromeで市場に商品の貼られていない動画ページを見てみましたが、プレイヤーより上の表示は消えていません。
ただページを開く際にタイトル等(動画情報)が最後に読み込まれているようです。

UCSSは一昨日あたりに更新しておきましたが、最新版をお使いでしょうか ?

他のUCSSと競合しているか、プレイヤーの設定が違うか、AdBlockなどの影響か
あるいは、単にページが全て読み込まれていない、動画情報を表示するスクリプトが動いていない
等が考えられます。

市場に商品が貼られていない場合のみ起きる、という状況はなかなかに特殊ですので
ニコニコ側の不具合の可能性もあります。UCSSを切った状態でも起きるのかどうか確かめて頂きたいです。
お手数ですが宜しくお願いします。
  • シュウ
  • Edit
返信ありがとうございます。
UCSSは最新に更新してあり、他のUCSSは入れていません。
何が問題なのか試してみました。以下ちょっとした検証結果です。

UCSSなしAdBlockなし○
UCSSなしAdBlockあり×
UCSSありAdBlockなし×
UCSSありAdBlockあり×

何も入れていない状態のみ表示はされました。
しかしどちらか片方でも入れると表示されないと言う結果になりました。

UCSSありAdBlockありの状態でも、他の問題ない動画(市場に商品のある)から動画説明文のリンクや、プレイヤー下の再生リストから問題の動画に飛ぶと動画情報がちゃんと表示され、その状態で更新すると動画情報が消えてしまいます。
問題が出るのは市場に商品のない動画を新規に読み込む時みたいです。
  • asdf
当方Firefoxですが、asdfさん同様の現象が発生しています
起こるようになったのは20日の更新以降で、市場の商品の有無とは関係なく、見た限りでは全ての動画で発生します
問題の発生したページで一度「ニコニコ動画:GINZA フラット化」を無効にした後再度有効にすると、正常に表示されますが、別のページを開くと再び同じ現象が起こります
  • (゚∀゚)
同じくFirefox(Palemoon24.2.2 x64)
ですが上の方々と同様の現象が発生しています。
市場に関係なくすべての動画で起きているようで、
(゚∀゚) さんが言われてるように無効→有効で表示されますが、別の動画を開くと同じ現象が起こります。
Firefoxがだめなのかな

  • _(。゚⊿ 」∠)_
  • Edit
ニコニコでプレイヤーより上の要素が表示されなくなる件ですが、原因は20日頃のニコニコ側の更新の際、セレクタ表現: #videoHeader や #videoInfo の div 要素になぜかクラス googleAds が追加され、Adblockのフィルタがそれをブロックしてしまうためのようです
対処法等詳しくは以下のURLをご参照ください
http://d.hatena.ne.jp/k2jp/20140121/1390309667
ご迷惑をおかけしました
  • (゚∀゚)
>(゚∀゚) さん
ありがとうございます!URLとても参考になりました!
私も以前よりUCSSにて、クラス名にAdsと入っている要素を非表示にするよう設定していました…。

Adblockの設定を変えてみることで防げるようですが…
今回の件に関しては私のFirefoxでもChromeでも不具合が確認できません…。
どうでしょう?直りましたか?
  • シュウ
  • Edit
(゚∀゚) さん のURLを試したら治りました。
(゚∀゚) さん、シュウさん共にありがとうございました。
  • asdf
初めまして、愛用させてもらっています。
去年のバージョンからしばらく変えてなくて久しぶりに今回変えたら
http://i.imgur.com/mja4Awq.png

上記のように「~月~日 ~時~分 投稿」の部分が動画説明文よりはみでてしまいます
これを以前のような動画説明文内にすべて収めることはできないでしょうか?
お手数ですけどよろしくお願いします。

PS. userstyles.orgでの紹介ページに上記のニコニコ動画の写真がサンプルとして載っていたので同じ動画で例に出しましたが問題があるようでしたら即消します。
  • NANA
  • Edit
>NANA さん
初めまして。コメントありがとうございます。
動画説明文より上に来ているのは仕様…です…。

今はタイトル部分と動画説明文とが違う色になってますね。
画像の例で言えばタイトル部分が白色背景、説明文は水色です。

これを同じ色で統一してしまえばそこまで違和感はなくなるのではないかなと思います。
将来的にはそうしていけたら…というのが理想です。
と言うのも、上のコメントで指摘してくれた方もいらっしゃいますが、スペースの無駄を感じているからです。

とりあえず現在は試行錯誤の最中です。

それから画像に使われている動画に関しては特に問題ありません。
(もちろん私は投稿者じゃありませんが…)お気遣いいただきありがとうございます。
  • シュウ
  • Edit
お返事ありがとうございます。

仕様なんですね、私はニコニコ動画自体ヘビーユーザーではないですけどわりとタイトルが本来1行なのが2行になってしまうのがあって少し歯がゆかったのです。

例に上げた画像ですけど去年のバージョンの色合いがお気にになって最新のバージョンにしてからもその時の色合いを使い続けてるのであのような画像になりました。

これからも愛用させてもらいますので、負担にならないくらいに試行錯誤がんばってください。
  • NANA
  • Edit
初めまして、こんばんは。トトと申します。

こちらのシートは例の20日より前から使わせて頂いておりました。
Adblockを使っている有志の方のご意見によって一先ずはニコニコ動画の上部分は映るようになったのですが、シートが一向に反映されなくなってしまいました・・・。
AdblockやStylishを一度削除してみたり、シートも入れなおしてたりと、考えられることはやってみたのですが少しも変わる部分がなくて・・・。Stylishのボタンにポイントを置いてみるとシートにチェックが入っているのに『スタイルは停止中』と出ていまして・・・
Chrome版の方は問題なく作動しております。(Adblockもです)
検索もかけてみたのですが、ヒットせず・・・。
もし何か似たようなお話しなどを聞いたことが有りましたら是非教えて下さいませんか??
PCに詳しくないのでこんな説明しか浮かびませんでしたが、よろしくお願いします・・・。またこちらのシートを使いたいのです・・・
  • トト
  • Edit
>トト さん
初めまして。コメントありがとうございます。
使用ブラウザはFirefoxですか?Stylishのボタンをクリックすると以下のようなメニューが出てくるはずです。

・スタイルの管理(M)...
・すべてのスタイルを作動させる(T)
・このサイト用のスタイルを探す(F)
・新しいスタイルを書く(W)

上から2番目の「すべてのスタイルを作動させる(T)」をクリックしてみて下さい。
スタイルシートが有効になるはずです。

恐らく誤って、「すべてのスタイルを停止させる(T)」というメニューをクリックしてしまったのでは?
と思いました。これで元に戻るかどうかはわかりませんが、試してみて再度ご連絡いただければと思います。
  • シュウ
  • Edit
こんばんは、トトです。

ご返答有難うございます。
あれからアドバイスを試しましたところ無事直りました!…このボタン?も試した気がしていたのですかどうやらそういう気になっていただけだったようです・・・
お騒がせしました……!
これからも愛用させいただきます!調整等大変かと思いますが頑張ってください~!
それでは失礼します!
  • トト
  • Edit
更新おつかれさまです。ありがたく利用させていただいております。
動画ページ右上部分の動画情報の枠なのですが、見本画像のように動画説明文の部分に収まらず、
また、ひとつひとつ分かれずくっついた状態で表示されています。

ブラウザはChromeとFirefoxを使っているのですが両方共に上記のような表示となります。
お時間ございましたら一度ご確認していただけますでしょうか?
よろしくお願い致します。
  • あげパン
GINZAになってからずっとこのシートを愛用していますが
最近フルスクリーン(ブラウウザではなく動画を)にすると
画面上部に黒色と動画説明文背景色のラインが入るようになりました。
firefox,Chromeの両方で確認しています。
拡張を無効化してみたりしたのですが改善しなかったので
確認していただけたらとおもいまして・・・
どうかよろしくお願いします。
  • lionni
毎度利用させていただいております。

私もlionniさんと同じ現象に見舞われており、何とかならないかと色々と試行錯誤していましたが、
ひとまずシート内部を編集してその場を凌ぐことにしました。

2380行あたりの
body.full_with_browser:not(.full_and_mini) #playerContainerWrapper {
margin: 64px 0 32px !important;
}

body.full_with_browser:not(.full_and_mini) #playerContainerWrapper {
margin: 64px 0 0px !important;
}

に変更するとひとまず問題は取り除けそうです。
勝手に編集して申し訳ありませんがご容赦下さい。
  • JIN
  • Edit
シートを愛用させて頂いてる者です。
表示不良によりプレーヤ内のコメント欄が表示不良を起こし、利用がしづらい状況になって困っています。
最近まで問題なく使えていたのですが表示不良がところどころに見られるようになってしまいました。
現在はシートの更新はされていないのでしょうか。
  • George
右側のコメント欄にスタイルが反映されなくなってしまいました。直してくださると嬉しいです。
  • しろうま
CSSとかさっぱり分からない私の暫定的な措置ですが
ニコニコ動画:コメント欄表示の乱れを修正する暫定スタイル
https://userstyles.org/styles/109780/theme
を導入し
そのスタイルの3行目
top: 55px !important;

top: 00px !important;
に編集すれば
こんな感じになり まともに見られるようになりました
http://i.gyazo.com/75b2278c0231ff340cd95be62a6b5e05.jpg
wallはアドブロックなどで消してください(

何の解決にもなっていませんがコメント欄が見れないよりかはマシかと思います
  • sk
  • Edit

コメントしてあげよう !

ブログを移転しました。新しいブログはこちらです。

ニコニコ動画:GINZA 用のユーザースタイルシート作ってみた

  • Web design

サムネイル

ニコニコ動画:GINZA用のユーザースタイルシート作ったよ!

つくってみたので紹介します。本当は自分用にちょいちょいとやって終わりにするハズだったのに、何故か無駄に凝ってしまって、このままではちょっと勿体無いな、と。せっかくなのでブログネタにしちゃおうというしょうもない魂胆でございます。

特徴

  • 広告を非表示化
  • 使わない機能の削除
  • 細部にまで無駄にこだわったデザイン

これでちょっとはカッコよくなるかも

少しでも興味があれば使ってみて下さい。Google Chrome か Firefox を使っている方限定ではありますが
この2つのブラウザはシェア率も結構高いので対象者は多いはずです。

Stylish アドオンを入手しよう !

Stylish for FireFOX

まずは Stylish というアドオンを手に入れる必要があります。
これさえあればユーザースタイルシートの管理がらっくらくです。アドオンを使わなくてもあれやこれやとすれば
導入はできるみたいなんですが、しかし私はそのやり方を知らないのでありました。

ユーザースタイルシートの登録

ニコニコ動画:GINZA フラット化

なんと海外には Stylish 用のユーザーCSS投稿サイト があるのです。感動しちゃうねこれ。
自分がよく利用するサイトがあって、そのデザインや使い勝手が気に入らないといったときに検索してみると
役立つ場面があると思います。

というわけで早速インストールして使ってみて下さいね!
感想だとか、提案だとかを送ってもらえると私は喜びます。
既にたくさんの方にダウンロードしていただきまして、おかげ様で上位表示されるようになってきました。

Open Sans フォントでかっこよく !

011d.jpg

Open Sans フォントは私の大好きなフォントで、実際にUCSSの中で指定してあります。
無料で手に入るのでインストールしてみて下さい。特に動画タイトルに英字が入っている場合に超かっこよくなります。

Free Font Open Sans by Ascender Fonts | Font Squirrel

配色サンプル

実はお好きな配色に変更できます。いくつかサンプルを用意したので参考にしてみて下さい。

サンプルA

水色系の配色サンプル

  • #F4F4F4
  • #3498DB
  • #2980B9
  • #34495E
  • #66F0FF

サンプルB

くすんだ赤と緑を使った配色サンプル

  • #8CAA88
  • #C16767
  • #435C63
  • #F26D64
  • #F26D64

サンプルC

明るい黄色を使った配色サンプル

  • #F6F5C8
  • #F6D76D
  • #303030
  • #E04845
  • #E04845

サンプルD

暗い緑に黄色味のピンクをアクセントにした配色

  • #F5F1E9
  • #0C555D
  • #262626
  • #FF6860
  • #CCDFCC

サンプルE

青や紫を使ったクールな配色

  • #99A4B6
  • #566175
  • #3D485C
  • #FE6568
  • #9FD0F1

サンプルF

ピンクや黄緑を使った可愛らしい配色

  • #DEDDD4
  • #DF807A
  • #47393A
  • #B1CD4B
  • #FFC3BF
スポンサーサイト

最新記事

Comment

レイアウトがスッキリしていて使いやすいです。

ただ、それぞれのアイコンの機能が一目では理解しづらく、このブログ内で説明するか、ツールチップなどがあればわかりやすいです。
あと、Facebookのアイコンが上にスライドしますが、どんな意味があるのでしょう?
  • kirika
貴重なご意見ありがとうございます…!

ツールチップは私も取り入れようかなと思ったのですが…
ただ、1度覚えてしまえば用途はわかりますし、そうなると要らないものになるかなぁと…。
そういった機能はどんどん消していけるのがユーザースタイルシートの強みなのかなぁと考えてます。でも確かにここで説明するべきでしたね。後で追記しておきます…。

(ツールチップとして実装するのなら特に邪魔ってわけでもないですし、実装の手間から敬遠しがちになっているだけかもしれません…)

Facebookのアイコンが上にスライドするのは恐らくバグというか、私のミスだと思うのですが、私のFirefoxでもGoogle Chromeでもその現象は確認できませんでした…どちらも最新版だとは思うのですが、どういった環境で使っている(上にスライドする)のかを教えていただければ、再現して直したいと思うので、お手数ですがもう一度返信をお願い致します…。

…もしかしてFacebookに会員登録してなきゃダメ…ってことは…ないですよね…。
  • シュウ
原因究明に少し遅れました。

アドオン「Grap and Drag」により、Facebookのアイコンを掴んでスライドできるようになっています。掴む描画をしない設定だったので気付きませんでした。
他のアイコンは掴めず禁止マークが出るだけですが、なぜかFacebookのだけは掴んでスライドできるようです。「スライドできる」というだけで機能的には何も問題はありませんが。
なお、当方の環境はWindows8 Firefox19.0.2(最新版)です。

あと、アイコンの説明がない状態では推測しながらクリックしていました。
今はブログで紹介されているので安心です。
私見ですが、アイコンの数も少なく、それぞれの機能を覚えた今となってはツールチップは確かに必要ないかもしれません。
  • kirika
>kirika さん
再度コメントありがとうございます!

「Grap and Drag」入れてみましたが、どうやらこれは仕様のようです。
TwitterやFacebookのアイコンは<iframe>タグで埋め込まれてまして…

例えば、私達が見ているWebページの中に、Facebookアイコンと同じくらいの大きさの、小さなWebページが存在している…というイメージです。アイコンがスライドするというよりは、そのアイコンを内包した小さなWebページがスクロールしている…という具合です。

結論を言いますと、スライドしないようにはできました。
ただし、禁止マークは出てくれません…これは恐らくFacebookのアイコンに<a>タグが使われていないせいだと思われます…。(Twitterでは使われているので禁止マークが出てくれるようです。)

またこのスライドできちゃう問題は、判定こそ狭いものの、色々なアイコンで再現できます。
このアドオンと付き合う上では仕方がない…ですね。
ただうまく使いこなせれば便利そうなので、もうちょっと使ってみたいと思います。
  • シュウ
早速の対応、ありがとうございます。
これからもこのスタイルを使っていこうと思います。
  • kirika
ニコニコの動画視聴ページだけにしてくれませんか?全てのページに対して適用しようとして重くなってますw
Chromeです
  • いかた
>いかた さん
すみませんでした。もともと動画視聴ページだけになるように作っていたつもりでしたが
@charset "UTF-8"; の記述がまずかったらしく…こちらの1行のみが全てのページに適応されていたようです…。

今はもう削除してしまったので、恐らく問題はないかとは思われます(削除したことにより何か別の問題が発生してしまわないかと心配ではありますが…)。

コメントにて初めて気が付きましたが、もしかしたらこの記述によって別ページで文字化けが発生していたり、一部のフォント指定が効いていなかったりしたかもしれません…すみませんでした…。

しかしながら、この1行が適応されるだけのためにブラウザが重くなっているのかというと、少し疑問ではあります…。私の環境では特に重くなったとは感じなかったので…何か別の原因があるのではないでしょうか?

  • シュウ
はじめまして。最近このおしゃれなスタイルにお世話になっております。
ニコニコ動画側で、ブラウザサイズで動画を拡大する設定をした際、
このスクリプトを有効にしている時、画面の下9割程が真っ白になります。
スクリプト無効時は正常に拡大再生されます。GoogleChrome 26.0.1410.33 beta-m
  • hkt
>シュウさん
正しく適用されました。ありがとうございます。
>hktさん
私も同じ症状が発生しました。
Chrome25安定版ですが、ブラウザサイズで拡大した時殆ど真っ白ですねw
自分はプレミアムなので設定をモニタサイズにすることにより回避してますが、できれば修正して欲しいです。
  • いかた
>hkt さん
はじめまして!コメントありがとうございます。
ホントですね…見事に表示がおかしくなっておりました…。
昨日か一昨日あたりのアップデートが原因だったようなので、早期発見できて良かったです…。

無事直すことができまして、既に更新済みなので、気がついたときにまたアップデートしてみて下さい…ホントすみません…。
バグ報告感謝感謝です…!すっごく助かりました…!

もし直ってなかったら再度ご報告下さい…多分大丈夫なハズですが…
或いは他に要望だったり、細かな表示ズレだったり、何でもいいので何かありましたらコメントで仰って下さいね。
  • シュウ
ツールチップ最高です!バグも直ってもう元には戻れませんww
  • いかた
新たにバグ発見しました・・・
横幅が不足している時、Twitterの表示が上の灰色のところに飛び出てしまいます。

画像うpしました
http://uploda.cc/img/img5147da4deecaf.JPG
(表示期限は1週間です。)
  • いかた
先日はブラウザサイズ拡大バグのご対応をいただきありがとうございます。
欲を言うと、投稿者コメントが吹き出しのような雰囲気になってから横幅が狭くなり
コメント内容が見づらくなってしまったように思います。横幅をもう少し広く調整出来ると嬉しいです。
また、Chrome 26.0.1410.40 beta-m において、既にマイリス登録済の動画を「とりあえずマイリス」で
追加しようとすると表示が一部乱れてしまいます。
  • hkt
初めまして、クロームにてこちらのデザイン使わせていただいております。
さて、不具合?なのかどうかは分かりませんが、動画ページの説明文の他動画URLまたはタグ検索からの他動画移動などを行うと、前者は移動した動画の説明文が正常に表示されない(前の動画の説明文が表示されている)ことがあります。
後者はタグ検索結果ページの左上で動画は再生されるのですが、「クリックで画面サイズを元に戻す」をクリックして動画再生ページに移動しようとすると、文字が消え、コントローラ(再生ボタン・シークバーなど)が表示され、画面サイズが元に戻りません。

既出でしたら大変申し訳ないです。ちなみにファイアフォックスではこのような不具合は確認できませんでした。
ぜひ一度この問題について調べていただけたらな、と存じます。
理解しづらい説明文ですみません、では。

  • test
  • Edit
testさん、もしかしてAdBlock動いてないですか?日本語フィルターなど動いてますと後者の不具合が発生します。もしかしたら前者もそれが原因かもしれません。一旦www.nicovideo.jp/watch/を除外して動作を確認してみてください。
  • いかた
返信ありがとうございます。
ご指摘通りにAdBlockがブロックしていたようで、除外をしてみると無事表示されるようになりました。
このたびはお忙しい中ご迷惑をおかけして申し訳ありませんでした。これからもこちらのスタイルを使わせていただきます。(=゚ω゚)ノ
  • test
  • Edit
またFacebookのところ崩れてますね…
Chrome26ですが、今回は解像度にかかわらず上にいいねボタンが飛び出してます
  • いかた
いつもChromeにて使用させていただいております。 
個人的な要望になってしまうかもしれませんが、再生・コメント・マイリスト数の表示を説明文非表示時でも
表示できるようだとありがたいのですがどうでしょうか?
  • chro
>chro さん
コメントありがとうございます。
要望の件ですが、反映してみましたので、気がついたときにでもアップデートしてみて下さい。

もし何か不具合等ありましたらお手数ですが再度ご連絡お願いします…。
  • シュウ
  • Edit
素早い採用、ありがとうございました。 
更新後見やすくなりましたが、サブで利用しているCoolNovoでは動画周りがグレーにならないっぽいです。
Chromeではしっかりと反映されますので、とてもおしゃれにすることが出来ています。
派生ブラウザですので仕様上仕方がないのかもしれませんが、一応参考までにということで。
  • chro
>chro さん
再度コメントありがとうございます!
そうだったんですねー… FirefoxとChromeでしか試してなかったので知りませんでした。
動画周りがグレーにならない、ということは、CSS3のグラデーションが効いてないからだと思うのですが
ほぼ全てのブラウザに対応しようとすると、グラデーションの記述が肥大化してしまい、対応が難しいです。
(以前FirefoxとChromeの2つに分けていたのも、文字数超過が原因なので…)

もし自身で編集できるなら、「liner-gradient」と書かれた部分を探し出し
ベンダープレフィックス(-webkit-)を頭につけるだけでも直るかもしれません。

※例(1216行あたり)
#playerContainerWrapper {
background: linear-gradient(180deg, #222222 0%, #333333 100%) #222222 !important;

background: -webkit-linear-gradient(top, #222222 0%, #333333 100%) #222222 !important;
}

CSS3グラデーションのクロスブラウザ対応については下記リンクが参考になります。
http://t-ashula.hateblo.jp/entry/2012/08/27/145535

残念ながら私の環境ではCool Novoにstylishを適応させることができませんでした。
派生ブラウザであればChrome本来の仕様に近づいていくはずですので、Cool Novo側のアップデートを待つのが無難な気がします。せっかく不具合報告をいただけたのに恐縮ですが、今のところ最新版のChromeとFirefoxで動いていればそれ以上のクロスブラウザ対応はするつもりはありません…。
  • シュウ
  • Edit
更新再開したようで何よりです。今まで暫くヘッダー部とフェイスブックが崩れたままだったので気になってました^^;

ところで要望なのですが、
再生開始時に動画の部分へスクロールする機能と再生数とかリアルタイムでどれだけ増えたかの表示を更新時に行って欲しいです。
クレクレですみませんが、もし実現可能だと判断できるならば実装してほしいです。
  • いかた
コメントありがとうございます。

>再生開始時に動画の部分へスクロールする機能
ユーザースタイルシートはあくまで外観を変えるだけですので実現は難しいです。
再生時親要素にクラス名でも追加されればできたかもしれませんが、CSSでやる類のものではないかと。

別のUCSS製作者の方が配布しているGreaseMonkeyスクリプトを使ってみて下さい。
http://userscripts.org/scripts/show/136812

>再生数とかリアルタイムでどれだけ増えたかの表示
どういう意味でしょうか…。ニコニコプレイヤー設定で「コメントの自動受信」にチェックを入れていれば、再生数、コメント数、マイリスト数はリアルタイムで更新されていくと思うのですが…「どれだけ増えたか」を計算して、更新時にポップアップで提示するということでしょうか??
少なくともHTMLで書かれた再生数を変更することは不可能です。
  • シュウ
  • Edit
更新再開されたようで嬉しいです。
要望色々と実現してくださって本当に感謝してます。
ただ、恐縮ですが一点使いづらくなってしまった点があります。

コメント一覧にて、コメントをダブルクリックすると該当時刻までジャンプしますが
今回の更新により、ダブルクリック出来るスペースがなくなり、
短いコメントで右側余白をWクリックしても全て”ニコる"扱いになってしまいます。
動画を投稿する人間としては、割りと致命的だったりします。
お手数ですが、調整頂けると嬉しいです。
  • hkt
6/25 微修正
この更新を適用してからChromeでヘッダー部が崩れてます
修正願います
  • いかた
>いかた さん
フォントが原因だったようです。修正しておきました。
報告ありがとうございます。
  • シュウ
  • Edit
>シュウさん
メイリオが原因だったんですねw
修正ありがとうございました
  • いかた
はじめまして。
とてもかっこいいので使ってますが
今日動画ページを開いたらけっこう崩れてました
スピードチェックのアイコンが下にずれたり動画説明の部分などいろいろ・・・
(一応画像貼っておきます) http://i.imgur.com/6MIvWH9.jpg http://i.imgur.com/5hWaHO3.jpg
以上、報告でした。修正してもらえるとうれしいです。突然失礼してすみませんでした・・・
  • おりさと
http://blog.nicovideo.jp/niconews/ni040750.html
ニコニコ動画Qの動画視聴ページ(Qwatch)が、新しくなったみたいなので最新版に対応してくれませんかー?
  • sk
>おりさと さん
はじめまして!使っていただきありがとうございます!
崩れてましたね…すみませんでした… つい先程修正したものをアップロードしたので
宜しければ使ってみて下さい。

>sk さん
コメントありがとうございます。URL参考になりました。
最新版に対応したものを作ったので、宜しければ使ってみて下さい。
  • シュウ
  • Edit
前から使ってるけど、
新デザインはシンプルで使いやすいことの優位性を教えてくれる傑作だね
俺はニコニコ運営のセンスの無さにただただ呆れてる
あなたのデザインを公式がロイヤリティー払ってそのまま採用してほしいよ
とにかくこれで気持よくニコ動使えるので心から感謝したい


  • aiueo
  • Edit
初めましてカシウスです。
去年ぐらいから愛用させていただいています。
今回のデザインはシンプルで緑と赤の色合いを除いて非常に気に入っています。
CSSを私はまだいじれないので要望となってしまうのですが此の緑と赤を以前のような黒に変えることはできないのでしょうか?
出来れば別のバージョンとして出していただくか変える方法を教えていただけたら嬉しいです。
  • カシウス
>aiueo さん
ありがとうございます…!
広告やらニュースやらを消すことでシンプルに見せている側面もありますし
公式採用となるとそこあたりも考えるので難しいですね…。
ユーザーが増えてくれれば嬉しいです。


>カシウス さん
はじめまして!コメントありがとうございます。
配色がダメでしたか…今までずっと白黒で作っていたので無理もありません…。

今回挑戦してみたデザインはフラットデザインと呼ばれるものなのですが
配色がキーになるため、白黒で作りたくなかったのです。
(色を分けることで役割を明示し、より直感的に使えるようなデザインにすることが目的でした。)

フラットデザインの練習をしてみたかったので、できれば白黒(グレー)は避けたいのですが…
カシウスさんは 「赤・緑」 という配色が気に入らなかったのか、それとも
色が付いていること自体がダメだったのかを教えていただけると助かります。

ニコニコ動画と言えば白黒のイメージがありますが…

■スマホのニコニコ動画アプリでは水色や青を採用している
■PCサイトのリンク色、動画プレイヤーの音量、再生位置が水色である
■季節が夏なので涼しい色が好まれる

などを考慮すると、空色や青系統の色にした方が良いのかなーとも思っています。
(余談ですが今の緑は初音ミク、赤は大百科あたりから持ってきています。)

ユーザーがインストール時に選択できるような仕組みがあったと思うので…
もう少し調べてみます。上手くいったらいくつかサンプルを用意してみます。
  • シュウ
  • Edit
色の変更対応という素早い対応どうもありがとうございます。

フラットデザインは、私自身非常に気に入っており、それを採用したWin8は色使いはともかくデザインという面では評価しています。
ChromeとAppleの影響も受けて、シンプルイズザベストが至上と思っているのですが、今回は色が鮮やかだったのが抵抗感を覚えました。
緑色、赤色自体長時間見ていると、周りの色が緑色がついているように見えたことはありませんか?
そんな感じで、ちょっとどうかなと思っているだけなので、色がついていることには抵抗はありません。(無彩色はお気に入りですが)
簡単に言えば今回の説明文を出すボタンぐらいの暗い緑色から少し明るいぐらいの彩度がちょうどいいのではと思います。

ただ今回のように色を自由に変更できるのはユーザーとしては非常にありがたいです。

ちなみに今回の色はWin8のβ版のベータという魚が書いてある壁紙からとったのか!?と思っていてまさかミクさんと大百科からとっているとは思いませんでした(笑)
  • カシウス
追記
ちなみに同じstylishの「ニコニコ動画:Q 広告消し / niconico:Q NoAds」と競合してずれているようです。
私は、それを知ってから速攻で削除したので、最早どうでもいいのですがTOPページで注意がきをしておくと併用しているユーザーが幸せになれると思います。

あと、カゴテリとか作者が書いてあるところの赤はなんか統一感を損なうように感じてしまいました。
でもどの色に変えればいいのかわからない…
もっとデザインの勉強してたら助言できてたのに。
ただ私は、動画リンクを編集とか説明文を出すボタンと同じ暗い緑にしています。

最後に 動画説明文って一度展開すると他の動画でも最初から展開するような仕組みになっているんですか?
  • カシウス
>カシウス さん
他のUCSSと競合ですか…
私が作ったやつも広告を消すように作っているのですが、そういえば記載していませんでした。
注意書きしておきます。ありがとうございます。

緑と赤の配色に関してですが、トーンを統一したり、隣り合った場所に薄く影をつけてみたり
工夫次第では綺麗に魅せられるのではないかなと思って挑戦してみました。
フラットデザインということで、よく言われているビビッドな色使いがしてみたかった…という感じです。
難しいですね。ユーザーに委ねてしまう形になりましたが、デフォルトカラーは吟味していくつもりです!

>動画説明文って一度展開すると他の動画でも最初から…
展開するようにできていたと思いますよ。
ニコニコは見た目の変化がほとんど分からないレベルで頻繁にCSS等を更新しているので
あんまりはっきりしたことは言えませんけどね。
  • シュウ
  • Edit
私も黒目だから使ってみる!
  • kiri153
デザインが良く更に利便性もいいので使い始めたんですが、
ニコニコポイントを購入のボタンがヘッダーから飛び出ているのはどうにかなりませんか?
  • No.1B
>kiri153 さん
動画周りが暗いからってことでしょうか?
何にせよ使っていただきありがとうございます!


>No.1B さん
ありがとうございます。
どうやらChromeのみ、そのような仕様になっているみたいですね…。
優先度の関係で直すのが難しく放置していましたが、やってみます。
  • シュウ
  • Edit
初めまして、本当に素晴らしいデザインで、このスタイルのおかげでようやく原宿卒業出来そうですw
一つ要望というか気になった点として、動画順位の情報は載せられないですか?(些細なことでスイマセン
  • SH
  • Edit
>SH さん
初めまして!コメントありがとうございます。
ご報告感謝感謝です。とっても励みになります…!

動画順位は仰る通り消しちゃったのですが、実は結構悩みました。
もし指摘されたら復活させようかなーと思っていたのでちょうど良かったです。

ただ表示するスペースの確保が難しいため、マウスオーバー時のみ出現する
みたいな形式になると思います…。
とりあえずそれで作ってみるのでもしイマイチだったら再度コメント下さいね!
  • シュウ
  • Edit
はじめまして、このスタイルシートにしてからやっと原宿を卒業しました!
素晴らしいスタイルシートですね、ありがとうございます!

1つ報告と1つ要望です。

報告は、動画視聴ページの上部のニコニコポイントを購入という所がありますが、普通ならアイコンに触れると「ニコニコポイントを購入」と出てきますが、今はアイコンに触れていないのにずっとその文字がむき出しになっています。しかし、ニコニコトップではむき出しになっていません。
chromeではそうなってしまうと書かれていましたが、私の使っているfirefoxでも同じような症状が出ています。もし、私のPCだけのことでしたら申し訳ありません。

要望は、niconicoになってから動画をダウンロードできるものがありますが、このスタイルシートにはその機能が入っていないですよね?
勘違いだったらこれまた申し訳ないですが、可能ならダウンロードできる動画をダウンロードするためのアイコンを設置していただきたいです!

検討の方、よろしくお願いします。
  • よしまさ
いくつか試しましたがこれが一番気に入っています。
ですが再生リストの下の「もっとみる」を表示するよう修正できないでしょうか。
スタイルシートのことにはまったく疎いので自分ではどうにもできなかったのでコメントしました。
  • swimmy
>よしまさ さん
はじめまして!コメントありがとうございます。
ご報告については…すみません分かりません…。
動画視聴ページ上部と言うと、追従か固定かを選べる黒いヘッダーのことだと思うのですが
[ ポイント購入 ] というリンク周りは特におかしくなっている点は見当たりませんでした…。

アイコンに触れるとニコニコポイントを購入…と出てくるというのもさっぱりです。
もしかすると一度ニコニコポイントを購入したことがある場合のみそういったリンクが出てくるだとか
あるいは他のユーザースタイルシートと競合している等が考えられます。

そして要望についてですが、これまたすみませんでした…。
niconicoになってから動画をダウンロードできるものがある、ということを初めて知りました。
アイコンの存在は知っていたのですが、そんなボタン出てこないので未実装機能だとばかり…。
急遽アイコン画像を作りましたので気づいたときにでもアップデートしてみて下さい。
( キャッシュが残っていると反映されるまで時間がかかるかもしれません。 )


>swimmy さん
コメントありがとうございます!
ニコニコ側のスタイルシート更新に伴い消えていたようですね…。気が付きませんでした。
修正しておいたので更新をお願いします。助かりました。
  • シュウ
  • Edit
「ニコニコポイントを購入」の件ですが、自分も常時表示されている状態です。

ヘッダーメニューの中に[+]というような感じのボタンがあって、そこにマウスオーバーすると
「ニコニコポイントを購入」というのが出てくるのですが、恐らくそれが出てしまっているような状態ではないかと推測します。

この現象は、他のユーザースタイルシートやGreasemonkeyのスクリプトなどは無効状態
つまり、この「niconico:Q / ニコニコ動画:Q を素敵に!」だけ有効な状態で確認しています。
何のスタイルシートも適用していない状態だと、ヘッダーメニューに[+]ボタンが表示されているのですが、
このスタイルシートを適用すると、[+]ボタンが表示されない状態でもあります。

参考画像:
スタイルシート適用時
https://dl.dropboxusercontent.com/u/1879791/niconico_point01.PNG

標準状態(スタイルシート無効)
https://dl.dropboxusercontent.com/u/1879791/niconico_point02.PNG
  • nanashi
>nanashi さん
ポイントを所持していると、表示スペースの都合から購入ボタンが [ + ] マークに変わるようですね…。
残念ながら私はニコニコポイントの購入予定は無いため、動作確認ができません。
さすがにお金を払ってまでやる義務もないでしょうし…ご了承下さい。

一応原因かなと思われる部分を修正してみたので、もしかしたら直っているかもしれません。
画像とても参考になりました。ありがとうございます。
マウスオーバー時の挙動が分からず、修正は難しそうです…すみません。
  • シュウ
  • Edit
>シュウ さん
最新版を使ってみたところ、[+]マークは表示されない(が、マークがあるであろう場所、スペースはある。)ものの、
常時「ニコニコポイントを購入」が出る状態は解消されたようです。

ちなみにそのマークがあるであろう場所にマウスオーバーすると「ニコニコポイントを購入」と出てきます。

ニコニコのスタイルシートと睨めっこして、[+]マークの画像らしきURLも見つけましたが、
おっしゃる通り「お金を払ってまでやる義務」は無いですし、仕様変更時の修正が大変な気がしますので
後は自分でなんとか調整してみます。

わざわざ修正対応して下さりありがとうございました。
  • nanashi
いつも愛用させていただいています。
まずは、この素敵なStylishを提供下さりありがとうございます。

要望として一つ書かせていただきます。
背景色を白にした時に、文字色が同様に白なので消えてしまうため、黒に色を合わせて使っておりますが、
できれば白背景にしたいので、リンク文字色だけではなく通常文字色も変更できるようにしていただけないでしょうか。

ご一考していただければ幸いです。
  • nanasix
>nanasix さん
コメントありがとうございます!
テキストカラーの変更を可能にしておきました。

白背景にする場合、カラーは #F4F4F4 を選ぶとタイトル部分の背景と同じ白になります。
その際背景に入れたハイライトのせいで表示がおかしくなるので、ハイライトを無しに指定して下さい。
もし何かおかしなところがありましたら再度コメント下さい。
  • シュウ
  • Edit
私の環境では、ニコるを除いた、とりあえずマイリスト~スピードチェックが表示されません。カーソルをあわせると反応はするので、ただ見えていないだけなのだと思われます。デザイン上の都合でわざと消してあるのでしたらすみません!
  • にゃる
  • Edit
>にゃる さん
コメントありがとうございます!
Chromeにて確認したところ、私も同じような結果になりました。
とりあえずマイリストからスピードチェックまでのアイコンは私自身が作ってFC2のサーバにアップロードしたものを使っているのですが、ファイルの指定がうまくいっていなかったようです。

該当部分を修正してみたので恐らく直っているはずです。
私のChromeでは正しく反映されました。決してデザイン上の都合というわけではありませんよ!
もしまだ直っていなかった場合は再度ご報告下さい。
  • シュウ
  • Edit
迅速な対応ありがとうございます!
確認したところ、綺麗に直っています、本当にありがとうございました!
それから前回、自分の環境(主にブラウザ名)を記してなくてすみません;うっかりしてました;

シュウさんのスタイルのおかげで快適にQバージョンを使わせて頂いてます。
今まで使用したスタイルの中で一番使いやすく、尚且つどれよりもかっこいいので大好きです。
色を好きにカスタマイズ出来るのも素晴らしい。(前回のデザインも素敵でしたが!)

これからも是非このスタイルを愛用していきたいと思います。この度はありがとうございました!
  • にゃる
  • Edit
お久しぶりです
この前は素早い対応ありがとうございました(・∀・)
もうこれ無しではニコニコを見る気になりません!

また要望なんですが、
タイトルをもう少し左に詰めて.動画説明文とタグの間をもう少し狭くして.プレイヤーと関連動画の間を詰めて全部見えるようにして欲しいのと、
タグの所の背景色と動画タイトルの背景色と文字色も変えられるようにしていただけると嬉しいです(要は全部黒にしたいだけです)
気が向いたらで構いませんのでよろしくお願いします!
  • おりさと
ども、カシウスです。
相変わらず重宝させていただいてます。

今回の要望ですが

1 タグのスペースを原宿並みに短くしてほしい。
2 出来るのならタイトルの横に投稿者の情報を固定してほしい。
3 Adblockのフィルターに再生数の数字が引っ掛かって消されているので解決方法があるのなら教えていただきたいです。
4 色は無彩色でもええんやで(ニコッ

バグ修正が大変でしょうし先送りにして構いません。どうぞよろしくお願いします。
  • カシウス
>おりさと さん
お久しぶりです。
GINZA対応のついでに要望を少し反映してみました。
ただ全て要望通りに変更するということは難しいです…。
お手数ですが更新してみて下さい。


>カシウス さん
1. 個人的に動画タグは大事な要素だと思っているため難しいです。
2. タイトルを目立たせたいため難しいです。折り畳まれた状態での表示も結構無理やりなので…。
3. Adblock側のフィルターをうまく設定して下さいとしか…。使わなくとも広告は消えます。
4. 背景色を変更可能にしたのでそれで勘弁して下さい。

GINZAになってからUCSS製作者も増えてきましたので、選択肢は色々ありますよ。
  • シュウ
  • Edit
毎度更新ごとに素敵なアップデート感服です。
GINZA対応もお疲れ様でございました。

個人的な要望で本当に申し訳ないのですが、
同様のスキンをニコ生でも準備していただけないでしょうか。
今回のバージョンアップからいろいろな方がCSSに参戦してるみたいですが、いまだに生放送の優秀なCSSが現れていません。
個人的にシュウさんのフラットデザインがすごく好きなので、これをニコ生でもみれたらなぁと思うばかりです。

ご検討いただければ幸いです!
  • 7th circle
>7th circle さん
コメントありがとうございます!
ニコ生…ですか…うーん…

他の方のCSSを見た感じ、だいたい200行から800行、多い人で1600行くらいの文字数なのですが
私の場合3000行でダントツでして、サイズも最大制限の64KB(65536文字)ギリギリです。

ニコ生用といえどコードを流用できるわけではなくて、ほぼ1から作る形になるんですね…。
さすがにそこまでの労力は…ありません…すみません難しいです。

ここ数日でUCSSの注目度が上がったため、今は色々とカスタマイズに奮闘していますが…
あくまで「自分が使うサイトのデザインを自分好みにしたい!」を大前提にしています。

シュウさんのフラットデザインがすごく好き、だと言ってもらえたことは凄く嬉しいです…!
とっても励みになります。ありがとうございます!
  • シュウ
  • Edit
いつもアップデートありがとうございます。
Qのころからこのフラットなデザインに一目惚れして愛用しております。
引き続きGINZAにも対応してくださりありがとうございました!
再生数なども見やすい位置にあってアイコンなども可愛く、市場やレビューもスッキリ収まっていて、なにより動画に集中して見られるのがすごく嬉しいです!

今回は10日に更新されて日本語フォント及び文字サイズをブラウザ設定に準拠するように変更されて以降どうもタグなどが以前のように綺麗に表示されません。
デザインの崩れは微々たるものであまり気にはなりませんが文字サイズとフォントが以前よりも安っぽく感じられてしまい、9日までの標示の方がよかったなぁ…と。
個人的な意見で申し訳ないです。

あとはいつからか覚えていないのですがヘッダーに大きなズレが発生しています。
niconico~その他までが左端ギリギリに、アイコン~メニューはおそらく今まで通りですが動画を投稿するの語尾に被さるようにタグ検索のアイコンが重なっています。
win7の64bitでブラウザはFirefox最新のものを使用して見ています。

以上になります。
ここまで読んでくださりありがとうございました。
  • june
  • Edit
>june さん
コメントありがとうございます!
フォントの件ですが、Firefox の場合 ツール -> オプション -> コンテンツ -> フォントと配色 より
お好きなフォントと大きさに変更できるはずです。
以前と同じ表示にするにはフォントを「Meiryo UI」 サイズを「16」にしてみて下さい。

ユーザーが好きなフォントに設定できた方が良いだろうと思っての仕様変更だったのですが…
逆に不親切だったかもしれません…すみません。

ちなみにフォント指定をブラウザ設定に準拠してあるサイトは少ないです。
身近なところではGoogleが採用しており、検索結果のフォントも変わってしまいます。
(ニコニコでも本来なら「メイリオ」が指定されています。)

それからヘッダーのズレについて
恐らくユーザースタイルシート(UCSS)の競合だと思われます。
マイページのニコレポ関連のUCSSで、動画ページのヘッダーに影響してくるものが
一つ思い当たるのですが、他のUCSSを無効化して、ズレが起きるかどうか確認してみて下さい。

もし解消されたなら別のUCSSが原因なので、そちらの作者様にお問い合わせ下さい。
直らなかった場合は再度ご報告下さい。その際スクリーンショットなどをご提示頂けると助かります。
  • シュウ
  • Edit
こんばんは。
お返事ありがとうございます。

早速設定したところ以前と同じフォントで見ることができました!
こういうところは普段見なくてよく分かっていなかったのですが、こうして理解するとすごく便利な機能だと思います!
こちらこそ早合点してしまいすみませんでした。

ヘッダーのズレは1つ1つ調べてみたところ、広告を消すUCSSが原因だったようです。
こちらは自分で書き換えてどうにかなりました!

この度はお騒がせしてすみません。
分かりやすく丁寧に説明してくださりありがとうございました!
すごくお気に入りのデザインになってくれるのでこれからも愛用させていただきます!
  • june
  • Edit
http://blog-imgs-62.fc2.com/x/u/a/xuai/0011t.jpg
この時のデザインのStyleも公開してくれませんでしょうか?
  • 名無しのよっしん
リンク色も変更できるように更新お願い致します。
  • 名無し
前の方で他の方がお願いされているようですが、私もQ用素敵デザインのcssの再掲載を希望します。
理由は、現行のGINZA用フラットデザインのcssだと、GINZAとMac OS XのChromeと相性が悪いのか、
Flash動画の再生フレームレートが極端に落ちてしまうからです。GINZAとQ用素敵デザインの組み合わせだとパフォーマンスの低下はありませんでした。

二つのデザインのメンテを行うのは大変でしょうから当時の現状のままのcssで結構です。
よろしくお願いいたします。
  • h_b
  • Edit
>h_b さん
コメントありがとうございます。
申し訳ありませんが、当時のCSSは残しておりません…。
仮に残っていたとしても、当時のままのCSSを今適応するとレイアウトが崩れます。

ニコニコ側がCSSをアップデートした結果UCSSとうまく組み合わず、レイアウト崩れが起きます。
私の場合その修正ついでに色々といじって公開していたために…残っていません…すみません。

>Flash動画の再生フレームレートが極端に落ちてしまう
というのは初めて聞きました。昔のCSSだと大丈夫なようなので、最近の変更が原因かと思います。
一番に思い当たったのは、ウォールに設定したCSSフィルターのぼかし効果です。
これはChromeでのみ動作しています。とりあえずそれを外して更新しておきました。
もしかしたら改善するかもしれないので一度試していただけると助かります。
  • シュウ
  • Edit
>作者様

更新ありがとうございました。
確認したところフレームレートの改善がありました!
  • h_b
  • Edit
はじめまして、このスタイルシート結構気に入っているんですけど
コメントを通常コメント、ローカルコメント、コミュニティコメントに変更する部分消えてます?
もし消えてるのでしたら変更できるようにして欲しいです

消えてないのであれば場所をお手数ですが教えてもらえませんか?
  • ('A`)
>('A`) さん
はじめまして!気に入っていただけたようで嬉しいです。
仰る通りコメントの表示切り替えボタンは消しています。

使ったことがなかったのと、表示スペースの都合からそうしたのですが
特に問題無さそうだったので要望にお答えして復活させてみました。

ただ困ったことに…
投稿者コメントがある動画で、投稿者コメント表示に切り替えてもコメントが現れませんでした。
どうやら切り替えた後に他(過去ログ等)のボタンを色々とクリックしてみる必要があるようです。
UCSSを切っても改善しなかったのでニコニコ側のスクリプトがおかしいような気がします。
(あるいは私の環境だけかもしれません。)

分かりづらくて申し訳ないのですが、とにかく現時点ではバグがあるっぽいということです。
そしてその(物理的な)回避方法もあるということです。

UCSSを適応した場合のみ投稿者コメントが取得できない場合は
UCSSに問題があるので、お手数ですが再度ご報告下さい。
  • シュウ
  • Edit
対応有難うございます

何か問題がアレばまたご報告します (゚∀゚)

  • ('A`)
利用しやすくなるので重宝しております。
ユーザーが色を選択してオリジナルの・・というのは素晴らしいと思うのですが
個人的にはできれば色を統一していただきたいです。
動画詳細の部分がライトブルー?のような感じだった頃は見やすくて非常によかったのですが。。
  • ファン
>ファン さん
コメントありがとうございます。
色の変更を希望するユーザーも一定数いるため、統一するつもりはありません…すみません。

動画詳細がライトブルーだった頃が見やすかったと思うのでしたら
確かに面倒ではありますが、ライトブルーに変えてお使い下さいとしか返答できません…。

・ 動画タイトルの背景色 ---> #F4F4F4
・ 動画説明文の背景色 ---> #0CA7D3
・ 動画情報の背景色 ---> #0A99C5
・ ボタン背景色 ---> #323E3E
・ テキストリンク色 ---> #66F0FF

当時はこんな感じのカラーだったように思います。
デフォルトカラーを色々と変更しているのは、新規ユーザー獲得のためだったり
UCSSの可能性を広げるだとか、一ユーザーとしての気分転換だったりもしますので
今後も変えていくつもりでいます…ご了承下さい。
  • シュウ
  • Edit
はじめまして、いつも愛用させていただいています。

ニコニコ動画側でブラウザサイズで拡大に設定している際のことなのですが
フルスクリーン表示にすると画面上部に黒い帯が表示されます。

Firefoxで症状が出たので、Google Chromeでも確認してみたのですが同じ症状でした。
  • kazuxi
  • Edit
>kazuxi さん
ありがとうございます!
チェックが甘かったようです…すみません。おかげ様で不具合に気がつくことができました。
修正してアップロードしたのでお手数ですが再度更新してみて下さい。

助かりました。
また何かありましたらお気軽にコメント下さい。
  • シュウ
  • Edit
配色を変更するのはいいんですが、出来ればこれまでの配色パターンについて、SS付きでこのページにでも書いておいていただけると有難いです
突然配色を変更されると戸惑ってしまいますし、変更に気付かず更新したせいで、お気に入りだった配色を台無しにしてしまったこともあるので、是非お願いします
  • (゚∀゚)
>(゚∀゚) さん
そうですね…確かにその方が親切だと思ったので配色サンプルを書いておきました。
ご指摘ありがとうございます。
  • シュウ
  • Edit
便利なスタイルを使わせていただき、毎度感謝しております。

昨日公開していただいたスタイルを適応してみたのですが、タグの位置の変更に若干戸惑っております・・・。
現状のニコニコ動画ページで、タグの位置変更は行われていないのでそのままでいいような気がします。
(静画の件がありますので、これからどうなるかはわかりませんが・・・。)

もしかするとタグは下のほうが良い、という方がいらっしゃるのかもしれませんので、
スタイルのインストール時に上下で選択できる様にすると良いのではないでしょうか?

検討のほどよろしくお願いします。
  • JIN
  • Edit
素のGINZAのレイアウトが汚いので愛用してます!
クールなCSSありがとう!
  • kazu
>JIN さん
ありがとうございます!
仰る通り静画のレイアウト変更と、それから youtube を意識して変えてみました。
「動画の詳細情報を閉じた状態で、画面をスクロールせずに動画が見られるようにできないか?」
と思いまして、試してみた…という感じです。

結論から言うと失敗でしたね…。
先程元に戻してしまいました。よかったらアップデートしてみて下さい。


>kazu さん
作ったかいがありました…色々と意見を貰えるので、公開してよかったですホントに。
とっても励みになります。ありがとうございます…!
  • シュウ
  • Edit
色々探していた所素晴らしいCSSで一発で気に入りました。
今まで感じていた煩わしさやイマイチ感が全て消え、快適に動画を視聴する事が出来ています。
作者様のお陰で本当に救われました。ありがとうございます。
一つ確認なのですが、右上の動画サムネイルが前までは丸く表示されていてオシャレで好きだったのですが、
四角に変更されましたか?以前のようにサムネが丸いバージョンも選べるようにはなりませんでしょうか?
  • toki
おしゃれなスタイルで気に入っているのですが、最近マイリストなどのボタンのアイコンが表示されません。
コードを見ると http://blog-imgs-62.fc2.com/x/u/a/xuai/nicon.png にアクセスしてる様なのですが、ブラウザでアクセスしてもファイルが見つかりませんでした。これが関係しているのでしょうか。
  • poez
>toki さん
ありがとうございます…!
そう言ってもらえてとっても嬉しいです…泣けます…!

サムネイル等の画像は丸くしたり四角に戻したりまた丸くしてみたり…
何回も変更している箇所ですね…。現在は四角にしてありますが、私自信どっちがいいか悩んでおります。

ユーザーが選べるようにする…という案ですが、ユーザー選択項目が増えすぎて煩わしいのと
更新の手間もどんどん増えてしまっているのでできれば避けたいなぁ…というのが本音です。

丸い方がオシャレだと思う反面、その分画像の角が削れてしまうことを考えると悩ましいです。
でも次回は丸くしてみようかなと思います。


>poez さん
コメントありがとうございます!
そうです…仰る通りそちらのURLにアクセスしていたのですが…

昨日その画像ファイルを少し修正して再アップしたところ、何故か反映されなかったので
仕方なく画像を一度削除してから上げ直しました。
どうやらその日にこのFC2ブログのファイル保管サーバーが変わっていたらしく
画像のURLも変わってしまったようです…。

すぐにスタイルシートを修正してアップロードしたので、更新すれば表示されるはずですが
ユーザー側が更新しないとアイコンがいつまで経っても表示されません…。
これに関しては私の不注意でした…すみません。お手数ですがアップデートをお願いします。
  • シュウ
  • Edit
ご返答ありがとうございます!私の方の不具合かと思っていたので、良かったです。
こちらは使わせて頂いている身ですから、意見はさせて頂きますがあくまで参考程度に
最終的には作者様のご意向を大切になさって下さい!
次は丸くなるということでまた楽しみが出来ました。
  • toki
「GINZAもUIの酷ささえ目をつむればどうにか使えるのに」と思っていた私にとって、まさに救世主のようなスキンです。おかげで快適に動画を視聴出来ています。本当にありがとうございます。

さて、タグの表示欄についてなのですが、おそらく当方の画面サイズが小さいせいか、表示スペースが十分に確保出来ず、入りきらなかったタグが見えなくなってしまっています。そこで、環境とタグの分量に応じてスペースの面積が増減するような仕様に変更することは出来ないでしょうか。

なにとぞ検討の程よろしくお願いします。
  • 暖簾
  • Edit
>暖簾 さん
はじめまして!コメントありがとうございます!
気に入っていただけたようで何よりです。

タグの表示ですが…画面サイズが大きくても、タグが長いと入りきらなくなることはあります。
実は「多少隠れてしまってもそこまで問題はないだろう」と思い、そのままにしているんですよね…。

というのも、「タグの分量に応じてスペースの面積が増減する」レイアウトにすると…

例えばGINZAでは登録タグがリアルタイムで増減するため、動画視聴中にタグが減って2行から1行になったり
逆に増えて1行から2行になったりすることがあります。
その際に動画が縦方向にズレてしまう…んですね。視聴中にこれが起きると最悪…です。

要するにあらかじめタグ○行分のスペースを確保しておく必要があります。

3行だとスペースを取り過ぎるし、タグが1行しかない場合には余白が目立ってしまう…
2行だとタグが多すぎると入りきらなくなるけど…まぁそれくらいはいいかな…
そんな理由で2行分にしてあります。

ちょっと書き方が冗長でしたね…ごめんなさい。

結論を言いますと、暖簾さんの提案を実現することは難しいです。
しかし、タグが見きれてしまう問題を軽視したくないので…色々と試行錯誤してみます。
(本当はYoutubeや静画のように動画下にタグや説明文を配置したいのですが…難しそうです…)
  • シュウ
  • Edit
いろいろなスタイルを試しましたがここに行き着きました! デザインが最高です!!

で、気になった点があったので質問させてください。

1.動画内の投稿者コメント欄から例えば↓
前→【sm********】次→【sm********】
のようなリンクを踏んで動画ページに行くと、自動再生してしまうのですが仕様でしょうか?
↓設定のチェックを外してるのに起きます。(ニコレポ、ランキング等からは問題なし)
□(ページを開いた時に)動画を自動再生

2.コメント欄にマウスポインタをあてると"ニコる"と出ますが、これを非表示にできないでしょうか?

3.動画下の再生リスト非表示(できれば動画レビュー、市場なども)
スタイルをインストールするときに設定できればいいなと思いましたがどうでしょうか?

ほとんど要望ですみません……。以上が気になった点ですね。

あと、スタイルの仕様について例えばインストール先に
「ここは仕様なので変更する予定はありません」とかの
主様の一文があるとこれからインストールする人たちが
解かりやすくなるかもしれません。

長文失礼しましたm(__)m
これからも頑張ってください!
  • note
デザインかっこいい!
とりあえずマイリストが常時表示が使いやすい!

要望として、
意外と動画の上のニュースを見るのが好きなので、
表示・非表示の切り替えができるとうれしいです。

よろしくお願いします。
  • dff
今回、GINZAの代用として使わせて頂きました。
凄くデザインがよくこれ以外選ぶ気も起きないぐらいです。

要望は投稿者コメントのスペースが広い気がしますので、もう少しコンパクトして欲しいところです。
後は不具合かもしれませんが、タグが全部表示されません(元のGINZAに戻すとタグが10個あったのに対して6つくらいしか表示されない)。

よろしくお願いします。
  • Shiria
>note さん
コメントありがとうございます。

1. 仕様…ですね。再生中に別動画へ移動すると自動再生されてしまいます。
恐らくそのチェックは関係ないはず…です。あんまり詳しくないです…。

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

2. 市場やタグのニコる機能は死んでいる状態ですが、コメントのニコる機能は少しずつ流行ってきている
という認識です。このシステムは個人的に好印象なので、より使いやすくしていきたいと思っているくらいです。
…なので非表示に…したくないんですよね…どうしてもというのでしたらお手数ですが…

#playerCommentPanel .commentTableContainer .cell:hover .nicoru-button {
display: none !important;
}

上のコードを最後から2番目の行にコピペしてもらうか…
Stylishの管理画面から新しく nicovideo.jp 専用のスタイルを作って上のコードをコピペして
「コメントニコる非表示」とでも名前を付けて保持しておいて下さい。

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

3. 再生リストや市場、レビューなども「その動画の一部」であると考えているため、消す予定はありません。
それから、仮に非表示にしたとしても、あくまで見えなくしているだけであり、ソース上ではしっかりと
読み込まれているため、動作が軽くなったりすることはないと付け加えておきます。
…下にスクロールしなければ再生リストなどが目に入ることもないでしょうし…特に邪魔にならないかと…
選択項目はあまり増やしたくない…ということをご理解頂けると助かります。

ほとんど要望に応えられなくてすみません…。2番目がわかりづらいかなと思うので
やってみようと思ったけどうまくできなかった場合は再度コメント下さい。
その際使用ブラウザを教えてもらえると助言しやすいです。
  • シュウ
  • Edit
>dff さん
ありがとうございます!励みになります…!

私はもう慣れてしまいましたが、ニュースを非表示にした当初は欲しくなることもありましたね…。
切り替えができるように少しいじってみます。
ただ…ニュースを表示するとその分の高さのズレが出てきたりして、ちょっと修正が難しいかもしれません。
気長に待っていただければ幸いです。


>Shiria さん
ありがとうございます…!

投稿者コメントのスペースは…確かに広すぎる気もしますが、かといって他に表示するものも無いかなと…。

動画によって、投稿者コメントが極端に短いものや、極端に長いもの、30文字未満で改行が多用されているもの、改行が一切されていないもの(初期の動画に多いです)まで色々ありますので、どういったパターンであっても不自然でないようにするために、とりあえず広くとっている…という背景があります…。

何度も頭を悩ませている箇所ですね…。もともとが無理やりなので…本当に難しいです…。

タグに関しては少し上のコメントを読み返してもらえると助かります。
私も今のデザインに色々と問題点を感じてきたので…そろそろレイアウトを変えてみたいのですが…
それを実行するにはユーザー数が増えすぎてしまったように感じます…とても喜ばしいことなのですけども…。
最近は万人受けすることの難しさをひしひしと感じております。
もう少し構想を練りたいので気長に待っていただければ…。
  • シュウ
  • Edit
以前質問させていただいたnoteです。
早速の回答ありがとうございます!

1.について
 こちらでも調べましたがGINZAの
仕様みたいですね……。お手数を
おかけしてしまいすみませんでした。

2.について
 コード作成ありがとうございます!
コメント欄にポインタをあてながら
ホイールでスクロール操作すると、
コメントを読み直すときにどしても
見づらかったので助かります。

今後のアップデートのことも考え
て追加はせずに、専用スタイルを
新たに作成して導入しました。
無事に機能しています(chrome)。

3.について
 このことに関しては主様の仕様
と機能の考えかたが知りたかった
ので、すごく参考になりました。


丁寧な回答ありとうございましたm(__)m
また何かありましたらご報告します。
主様のペースで今後のアップデートも頑張ってください!
  • note
初めまして
chromeで使わせて頂いてる者ですが、どうもタグをすべて表示できません 上二行だけしかでないんです
仕様ならば変更していただけないでしょうか
タグをすべて表示出来れば本当に完璧になるのですが……
でも、十分使いやすいし、かっこいいので長く付きあわせていただきます(*^_^*)

うーん よろしくお願いします
  • xeno
  • Edit
今回のアップデートを適応した後に
ブラウザサイズで拡大の設定でフルスクリーンにすると
画面右上にウォール変更ボタンが表示してしまい画面サイズもおかしくなってます。

できれば改善してほしいのですが…
  • v4
>xeno さん
初めまして。
タグに関しては数件上のコメントを読み返してみて下さい。
少しだけ横幅を増やしたので、全てのタグ(最大で11個)が入りきらないケースも減っているはずです。
仰る通り仕様なのでこれ以上スペースを割く気はありません。
気になるようでしたら「Meiryo UI」のような横幅が狭いフォントを指定して下さい。


>v4 さん
ご報告ありがとうございます。
タグの位置変更に伴い表示が崩れていたようです…。先程確認し、修正してアップロードしました。
お手数ですがそちらで更新をお願いします。
  • シュウ
  • Edit
やはり既出でしたか…すいません
お早い回答ありがとうございましたm(__)m
  • xeno
  • Edit
かなり洗練されてきてとっても使いやすいです!
検索画面にて上のバーの、ユーザー画像からメニュー▼までがずれて表示されます
よろしければ修正お願いします
  • おりさと
>おりさと さん
ありがとうございます。
恐らく表示スペースが足りなくなった結果下にズレているのではないか、と思いましたので…
ヘッダー内のプレミアム会員登録のリンクを削除しておきました。
私の環境では再現できなかったので、別のUCSSとの競合や、フォントの違いなどが考えられます。
それらを考慮した上で直らなかった場合はもう少し症状を詳しく教えて下さい。
  • シュウ
  • Edit
とりあえずスクショ撮ってまとめました http://i.imgur.com/3ADyxF3.jpg (ABPが有効になってますがオフにしても直らず)
環境:モニタは1920*1080。使用UCSSはこの「ニコニコ動画:GINZA フラット化」のみ。
フォントはメイリオ。プレ垢。
通常の動画再生画面では、プレイヤーのサイズを小さい方にするとずれるが大きいサイズだと問題なくぴったりフィットする
Chromeの拡張機能を全部無効にしても変わらず
って感じです

・・・と、ここまで書いたところで、Chromeの設定で最小フォントサイズを11にしたら直ることに気づきました!(12以上だとずれるらしい)
確認不足でコメントしてすみませんでした(/_;)
  • おりさと
>おりさと さん
画像とても参考になりました。ありがとうございます。
Chromeの最小フォントサイズ設定のことをすっかり忘れておりました…。

最小フォントサイズ12pxかつメイリオの場合にズレてしまうことがこちらでも確認できました。
(メイリオは文字の横幅が他フォントに比べて広いという特徴がありますので…。)

12pxはデフォルト値だったように思うので、少なくとも12px、メイリオ、中画面(1008px)で
ヘッダーがズレないように調整しておきました。お手数ですがアップデートしてみて下さい。

…ただ一点気になる箇所があります…。
おりさとさんに提示していただいた画像の右側、ブラウザ全画面表示時なのですが…
ヘッダー内にある検索ボックスの位置が明らかにおかしいです…。もう少し右に寄るはずです。

そのままだと、ヘッダーはズレなくなったけど、検索ボックスが上に被ってしまう…
という状況になりそうで心配です。そしてまたしても私の環境では再現できません…。

何も問題なければ良いのですが、もしまだヘッダー周りでの表示不良があるようでしたら
再度ご報告頂けると助かります。
  • シュウ
  • Edit
ありがとうございます、問題の部分は全て直りました!
小さくしてもずれる事なく、検索ボックスの位置も正常に戻りました
  • おりさと
久々にニコ動に戻って更新したらタグが元に戻ってる!
本当にありがとうございます。
投稿者の説明文の件は分かりました。特段、見がたい訳でもなくただ気になっただけなので、そこまで気にしなくいいですよ!
後は普通に見やすいと思うので自分からしたら十分満足です。

最近冷え込みが厳しくなってきました。
お身体に気をつけて頑張ってください!
  • Shiria
動画上のニュースに対応していただきありがとうございました。
こんなにも早くできてしまうとは・・・驚きです。
才能がうらやましい!

ニコ動の開発がひと段落し、ほんとに気が向いたときでいいので、
ニコ生TOPも見やすくしていただけると助かります。

要望ばかりで申し訳ございません。
  • dff
このコメントは管理人のみ閲覧できます
  • -
「NG」と「Wall」の間にあった「Nic'd」ボタンが表示されなくなってますね。ニコメンド機能の廃止の影響でしょうか。
http://blog.nicovideo.jp/niconews/ni043284.html

環境:Mac OS X 10.9.1/Firefox 26.0/Stylish 1.3.1/USSはたぶん最新版/Adblockはオフ
  • ryo
>非公開コメントさん
そのうち顔を出します…ちょいと多忙なのでございます。泣ける。


>ryoさん
こちらでも確認できました。ニコメンド完全廃止だったのですね…。
先程更新してなんとなくごまかしてみましたが…ちょっと微妙です。
メニューを全てアイコンにしてしまうとか、思い切った変更をしたいところです…
時間の取れるときにでもやってみます。ご報告ありがとうございます。
  • シュウ
  • Edit
特定の動画ページでタイトルや動画情報や投稿者コメント、タグやマイリストボタンなど動画プレイヤーより上の表示が出ないことがあります。
こちらで少し検証した所、ニコニコ市場に商品が貼られて居ない場合にプレイヤーより上の表示が消えるみたいです。試しに表示が消えていた動画で市場に商品を貼ったらプレイヤーより上の表示も戻りました。
恐らく不具合ではないかと思い報告しました。お忙しいと思われますが報告だけ、失礼しました。

Google Chrome バージョン 32.0.1700.76 m Win7
  • asdf
>asdf さん
コメントありがとうございます。
Chromeで市場に商品の貼られていない動画ページを見てみましたが、プレイヤーより上の表示は消えていません。
ただページを開く際にタイトル等(動画情報)が最後に読み込まれているようです。

UCSSは一昨日あたりに更新しておきましたが、最新版をお使いでしょうか ?

他のUCSSと競合しているか、プレイヤーの設定が違うか、AdBlockなどの影響か
あるいは、単にページが全て読み込まれていない、動画情報を表示するスクリプトが動いていない
等が考えられます。

市場に商品が貼られていない場合のみ起きる、という状況はなかなかに特殊ですので
ニコニコ側の不具合の可能性もあります。UCSSを切った状態でも起きるのかどうか確かめて頂きたいです。
お手数ですが宜しくお願いします。
  • シュウ
  • Edit
返信ありがとうございます。
UCSSは最新に更新してあり、他のUCSSは入れていません。
何が問題なのか試してみました。以下ちょっとした検証結果です。

UCSSなしAdBlockなし○
UCSSなしAdBlockあり×
UCSSありAdBlockなし×
UCSSありAdBlockあり×

何も入れていない状態のみ表示はされました。
しかしどちらか片方でも入れると表示されないと言う結果になりました。

UCSSありAdBlockありの状態でも、他の問題ない動画(市場に商品のある)から動画説明文のリンクや、プレイヤー下の再生リストから問題の動画に飛ぶと動画情報がちゃんと表示され、その状態で更新すると動画情報が消えてしまいます。
問題が出るのは市場に商品のない動画を新規に読み込む時みたいです。
  • asdf
当方Firefoxですが、asdfさん同様の現象が発生しています
起こるようになったのは20日の更新以降で、市場の商品の有無とは関係なく、見た限りでは全ての動画で発生します
問題の発生したページで一度「ニコニコ動画:GINZA フラット化」を無効にした後再度有効にすると、正常に表示されますが、別のページを開くと再び同じ現象が起こります
  • (゚∀゚)
同じくFirefox(Palemoon24.2.2 x64)
ですが上の方々と同様の現象が発生しています。
市場に関係なくすべての動画で起きているようで、
(゚∀゚) さんが言われてるように無効→有効で表示されますが、別の動画を開くと同じ現象が起こります。
Firefoxがだめなのかな

  • _(。゚⊿ 」∠)_
  • Edit
ニコニコでプレイヤーより上の要素が表示されなくなる件ですが、原因は20日頃のニコニコ側の更新の際、セレクタ表現: #videoHeader や #videoInfo の div 要素になぜかクラス googleAds が追加され、Adblockのフィルタがそれをブロックしてしまうためのようです
対処法等詳しくは以下のURLをご参照ください
http://d.hatena.ne.jp/k2jp/20140121/1390309667
ご迷惑をおかけしました
  • (゚∀゚)
>(゚∀゚) さん
ありがとうございます!URLとても参考になりました!
私も以前よりUCSSにて、クラス名にAdsと入っている要素を非表示にするよう設定していました…。

Adblockの設定を変えてみることで防げるようですが…
今回の件に関しては私のFirefoxでもChromeでも不具合が確認できません…。
どうでしょう?直りましたか?
  • シュウ
  • Edit
(゚∀゚) さん のURLを試したら治りました。
(゚∀゚) さん、シュウさん共にありがとうございました。
  • asdf
初めまして、愛用させてもらっています。
去年のバージョンからしばらく変えてなくて久しぶりに今回変えたら
http://i.imgur.com/mja4Awq.png

上記のように「~月~日 ~時~分 投稿」の部分が動画説明文よりはみでてしまいます
これを以前のような動画説明文内にすべて収めることはできないでしょうか?
お手数ですけどよろしくお願いします。

PS. userstyles.orgでの紹介ページに上記のニコニコ動画の写真がサンプルとして載っていたので同じ動画で例に出しましたが問題があるようでしたら即消します。
  • NANA
  • Edit
>NANA さん
初めまして。コメントありがとうございます。
動画説明文より上に来ているのは仕様…です…。

今はタイトル部分と動画説明文とが違う色になってますね。
画像の例で言えばタイトル部分が白色背景、説明文は水色です。

これを同じ色で統一してしまえばそこまで違和感はなくなるのではないかなと思います。
将来的にはそうしていけたら…というのが理想です。
と言うのも、上のコメントで指摘してくれた方もいらっしゃいますが、スペースの無駄を感じているからです。

とりあえず現在は試行錯誤の最中です。

それから画像に使われている動画に関しては特に問題ありません。
(もちろん私は投稿者じゃありませんが…)お気遣いいただきありがとうございます。
  • シュウ
  • Edit
お返事ありがとうございます。

仕様なんですね、私はニコニコ動画自体ヘビーユーザーではないですけどわりとタイトルが本来1行なのが2行になってしまうのがあって少し歯がゆかったのです。

例に上げた画像ですけど去年のバージョンの色合いがお気にになって最新のバージョンにしてからもその時の色合いを使い続けてるのであのような画像になりました。

これからも愛用させてもらいますので、負担にならないくらいに試行錯誤がんばってください。
  • NANA
  • Edit
初めまして、こんばんは。トトと申します。

こちらのシートは例の20日より前から使わせて頂いておりました。
Adblockを使っている有志の方のご意見によって一先ずはニコニコ動画の上部分は映るようになったのですが、シートが一向に反映されなくなってしまいました・・・。
AdblockやStylishを一度削除してみたり、シートも入れなおしてたりと、考えられることはやってみたのですが少しも変わる部分がなくて・・・。Stylishのボタンにポイントを置いてみるとシートにチェックが入っているのに『スタイルは停止中』と出ていまして・・・
Chrome版の方は問題なく作動しております。(Adblockもです)
検索もかけてみたのですが、ヒットせず・・・。
もし何か似たようなお話しなどを聞いたことが有りましたら是非教えて下さいませんか??
PCに詳しくないのでこんな説明しか浮かびませんでしたが、よろしくお願いします・・・。またこちらのシートを使いたいのです・・・
  • トト
  • Edit
>トト さん
初めまして。コメントありがとうございます。
使用ブラウザはFirefoxですか?Stylishのボタンをクリックすると以下のようなメニューが出てくるはずです。

・スタイルの管理(M)...
・すべてのスタイルを作動させる(T)
・このサイト用のスタイルを探す(F)
・新しいスタイルを書く(W)

上から2番目の「すべてのスタイルを作動させる(T)」をクリックしてみて下さい。
スタイルシートが有効になるはずです。

恐らく誤って、「すべてのスタイルを停止させる(T)」というメニューをクリックしてしまったのでは?
と思いました。これで元に戻るかどうかはわかりませんが、試してみて再度ご連絡いただければと思います。
  • シュウ
  • Edit
こんばんは、トトです。

ご返答有難うございます。
あれからアドバイスを試しましたところ無事直りました!…このボタン?も試した気がしていたのですかどうやらそういう気になっていただけだったようです・・・
お騒がせしました……!
これからも愛用させいただきます!調整等大変かと思いますが頑張ってください~!
それでは失礼します!
  • トト
  • Edit
更新おつかれさまです。ありがたく利用させていただいております。
動画ページ右上部分の動画情報の枠なのですが、見本画像のように動画説明文の部分に収まらず、
また、ひとつひとつ分かれずくっついた状態で表示されています。

ブラウザはChromeとFirefoxを使っているのですが両方共に上記のような表示となります。
お時間ございましたら一度ご確認していただけますでしょうか?
よろしくお願い致します。
  • あげパン
GINZAになってからずっとこのシートを愛用していますが
最近フルスクリーン(ブラウウザではなく動画を)にすると
画面上部に黒色と動画説明文背景色のラインが入るようになりました。
firefox,Chromeの両方で確認しています。
拡張を無効化してみたりしたのですが改善しなかったので
確認していただけたらとおもいまして・・・
どうかよろしくお願いします。
  • lionni
毎度利用させていただいております。

私もlionniさんと同じ現象に見舞われており、何とかならないかと色々と試行錯誤していましたが、
ひとまずシート内部を編集してその場を凌ぐことにしました。

2380行あたりの
body.full_with_browser:not(.full_and_mini) #playerContainerWrapper {
margin: 64px 0 32px !important;
}

body.full_with_browser:not(.full_and_mini) #playerContainerWrapper {
margin: 64px 0 0px !important;
}

に変更するとひとまず問題は取り除けそうです。
勝手に編集して申し訳ありませんがご容赦下さい。
  • JIN
  • Edit
シートを愛用させて頂いてる者です。
表示不良によりプレーヤ内のコメント欄が表示不良を起こし、利用がしづらい状況になって困っています。
最近まで問題なく使えていたのですが表示不良がところどころに見られるようになってしまいました。
現在はシートの更新はされていないのでしょうか。
  • George
右側のコメント欄にスタイルが反映されなくなってしまいました。直してくださると嬉しいです。
  • しろうま
CSSとかさっぱり分からない私の暫定的な措置ですが
ニコニコ動画:コメント欄表示の乱れを修正する暫定スタイル
https://userstyles.org/styles/109780/theme
を導入し
そのスタイルの3行目
top: 55px !important;

top: 00px !important;
に編集すれば
こんな感じになり まともに見られるようになりました
http://i.gyazo.com/75b2278c0231ff340cd95be62a6b5e05.jpg
wallはアドブロックなどで消してください(

何の解決にもなっていませんがコメント欄が見れないよりかはマシかと思います
  • sk
  • Edit

コメントしてあげよう !

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