joppot

コピペで絶対動く。説明を妥協しない

mac ソフトウェア

userstyles.orgにある「原宿」テーマをsafariのstylishに適応する

投稿日:2013年12月6日更新日:

Pocket

img_540644_19961289_0

概要

みなさんこんにちはcandleです。今回はuserstyles.orgにある原宿バージョンのテーマをsafariに適応していきます。

前提

safariを持っていること
stylishがインストールされていること

userstyles.orgからスタイルを適応する

良いスタイリッシュなデザインがuserstyles.orgにあるので、それを適応してみましょう。userstyles.orgに移動します。

http://userstyles.org/

移動したら、左上の検索ボックスから「nicovideo」と検索しましょう。
Restyle the web with Stylish! - userstyles.org

検索結果の中の「ニコニコ動画:GINZA を原宿っぽくしてみる」のリンクをクリックします。

Nicovideo themes and skins - userstyles.org

userstyles.orgはfirefoxやchromeのstylish向けに作られているので、safariは自分でcssをコピーしてスタイルを作らなくてはなりません。

画面中央の「show css」 をクリックしてcssを表示させましょう。

ニコニコ動画_GINZA を原宿っぽくしてみる - Themes and Skins for Nicovideo - userstyles.org

下のところに現れたcssのソースを上から下まで全部コピーします。
一番下のとじる括弧はコピーし忘れやすいので注意です。全部コピーですよ。

ニコニコ動画_GINZA を原宿っぽくしてみる - Themes and Skins for Nicovideo - userstyles.org-1

stylishの管理画面に移動して、今度は「edit」を押します。
Styles Editor

右の項目を埋めていきましょう。titleは適当に「nico」にしましょう。
cssのところに先ほどコピーしたcssを貼り付けます。

ここからが注意すべきところです。cssのコードの一番上の

↓ブログだと改行されていますが、1行です。

@-moz-document url-prefix("http://www.nicovideo.jp/watch/") {

の1行を消します。

続いて
cssコード最後の閉じ中括弧(ちゅうかっこ)を消します。最後にある中括弧です。

}


Styles Editor-1

そしたら、 Applied toのメニューから「URL prefix」を選択します。テキストボックスには「http://www.nicovideo.jp/watch/」を入力します。

最終的に、下のような設定になります。

Styles Editor-2

最後に、右下の「Save style」を押しましょう。

Manageメニューをみると適応されているのが分かります。もしも、前のスタイルがある場合は「Disable」でスタイルが適応されない様にしましょう。

Styles manager-2

 

ニコニコ動画を見る

スタイルが原宿っぽくなっていれば成功です。このスタイルはGinzaを全て排他したわけではない良い感じにまとまっています。

ゆっくりが歌う「アンインストール」 - ニコニコ動画_GINZA

スポンサードリンク

「為になったなぁ」と思ったら、シェアお願いします。

-mac, ソフトウェア
-, ,

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

safariのstylishで原宿バージョン

概要 こんにちはcandleです。今日はsafariのstylishを使用して、GINZAになってしまったニコニコ動画を原宿バージョンに変更していきたいと思います。stylishとは登録されたサイトに …

Mac Yosemiteを購入したので、よく使うソフトウェアをインストールする

概要 みなさんこんにちはcandleです。 今回は私がよく使っているソフトウェアの紹介をします。主に「文章、ブログ、プログラミング、デザイン」に関わっている人に向けてになります。 Skitch1.0. …

Xcode5にCommand Line Tools(コマンドラインツール)をインストールする

概要 Xcodeを使ってみようと思っているcandleです。 特にOpenCVを使用したいので、Command Line Tools(コマンドラインツール)をインストールするわけですが、どうやら、ちょ …

macターミナルのウィンドタイトルとタブ名を変更する

概要 みなさんこんにちはcandleです。 ターミナルのウィンドタイトルとタブ名を変更する企画をやっていきたいと思います。 ウィンドタイトルというのは何処かというと下の画像の部分になります。タブ名もそ …

centos6.5にemacs24.5をrpmからインストールする

概要 みなさんこんにちはcandleです。今回はcentos6.5にemacs24をrpmからインストールします。 前提 適当なcentos6.5の環境がある。私はvagrantにします。

  • English
  • 日本語

プロフィール


ベンチャー企業のCTOをやってます。大学時代にプログラミングを始め、javaから入門し、C++へて、PHPへと進み、会社ではRailsを使用。自動化が大好きなプログラマー

スポンサードリンク

アーカイブ