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

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

関連記事

Mac OSで使われているポート番号を確認する(portsscan)

概要 みなさんこんにちはcandleです。今回はMacで使われているポートの確認方法を紹介します。 ポート番号とはパソコンがインターネット(とは限らないのですが)、外部からのアクセスを受け付けている番 …

Pythonのライブラリをpipで管理する

概要 みなさんこんにちはcandleです。Pythonのライブラリを管理するpipの導入を行いましょう。 そもそも、pythonのライブラリとはなんでしょうか? pythonはすっごく便利なライブラリ …

MAMP、動かない時の環境設定

概要 みなさんこんにちわcandleです。今回はMAMPで不調が起きたり動かなかったりした時の調整をしていきましょう。MAMPはapacheとphpとmysqlをあたかも仮想的に環境を作ってくれます。 …

Mac OS MavericksにX11(Xquartz)をインストールする

概要 みなさんこんにちはcandleです。今回はX11のインストールを行います。MavericksからかMountain Lionからか忘れましたが、MacではX11が標準でインストールされなくなりま …

wordpressの記事一覧で個々の記事のcontentテキストの文字数をプラグインで制限する

English 日本語 概要 みんさんこんにちはcandleです。 最近、wordpress案件でしばらくの間フリーのテーマを使う事があったのですが、 フリーのもの多くは記事一覧で個々の記事の内容を全 …

  • English
  • 日本語

プロフィール


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

スポンサードリンク

アーカイブ