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で使われているポートの確認方法を紹介します。 ポート番号とはパソコンがインターネット(とは限らないのですが)、外部からのアクセスを受け付けている番 …

vagrant1.8で共通の.vagrant.dにあるinsecure_private_keyプライベートキーを使用する

概要 みなさんこんにちはcandleです。今回はvagrantのプライベートキーの指定の仕方です。 vagrantは1.7か1.8でそれぞれのvagrantディレトリの中に生成されるプライベートキーを …

emacsのReactの開発をrjsx-modeで行う

English 日本語 概要 みなさんこんにちはcandleです。 今回はemacsのreact開発用のメージャーモードのrjsx-modeを導入してみたいと思います。 Reactの開発はこれまで、w …

emacsのバージョンを確認する

概要 emacsのバージョンを簡単に確認しましょう。 記事にするほどものではありませんが、備忘録にまとめておきます。 emacsのメジャーなバージョンは22と23に大きく分かれており、最近では24もリ …

MacにMacPortsを使ってmecabを入れる

概要 みなさんこんにちはcandleです。形態素解析エンジンmecabをmacに入れてみましょう。 mecabは日本語を分析し、名刺や形容詞などの種類に分けたりできる便利なソフトです。 よく使われる例 …

  • English
  • 日本語

プロフィール


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

スポンサードリンク

アーカイブ