 
|
はてなキーワード: Stylishとは
http://b.hatena.ne.jp/entry/hatena.g.hatena.ne.jp/hatenabookmark/20110405/1301981564
https://addons.mozilla.org/ja/firefox/addon/stylish/
見た目だけ変えてみたぞ。
あんまりいいもんじゃないと思うけど、サイドバーがなくなったらどんな感じになるか体験してみるといいんじゃないかな。
まあどんなもんかやってみて。叩き台、印象の変化の確認。
あとおまけでスター順の部分は消しておいた。#scored-bookmarksってあるだろ、そこじゃ。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://b.hatena.ne.jp/entry/") { #container .curvebox-body { padding-right:20px !important; } #main, #sidebar { width:100% !important; float:none !important; } #sidebar { margin-left:0 !important; } #scored-bookmarks{ display:none !important; } }
http://b.hatena.ne.jp/entry/lifehack2ch.livedoor.biz/archives/51229298.html
うりゃ！
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url-prefix("http://b.hatena.ne.jp/entry/") { #container .curvebox-body { padding-right:20px !important; } #main, #sidebar { width:100% !important; float:none !important; } #sidebar { margin-left:0 !important; } #scored-bookmarks{ display:none !important; } .comment { display:inline !important; } .bookmark-list .profile-image { width:16px!important; height:16px!important; margin-left:-24px!important; } .user-navigator.user-navigator-large { width:34px!important; height:20px!important; } .bookmark-list li {padding-left:32px!important;} }
さてどこから消すか
最近の広告で一番煩わしいなぁと感じるのがFC2の「Powered by FC2携帯変換」とかいうバーコードリーダーと、「6ヶ月以上更新のないサイト」に表示される警告。
一回消しても毎ページに表示されるんだからたまったもんじゃないです。
どうにかならないもんかとスタイルシートをモニョモニョいじってみたら一応消えたので、メモしておきます。
やっつけ仕事なので修正しなければいけない点があったら指摘してください。
アドオンの「Stylish」を利用します。このアドオンについての詳しいことははしょりますが、
@charset "utf-8";
@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("web.fc2.com") {
/*携帯変換 非表示*/
div#fc2_qr_code_header{display:none !important;}
/*更新警告 非表示*/
div#fc2_ad_box{display:none !important;}
}
/*携帯変換 非表示*/
div#fc2_qr_code_header{display:none !important;}
/*更新警告 非表示*/
div#fc2_ad_box{display:none !important;}
まずこれをメモ帳にコピペして適当な場所に保存します。拡張子はcssで。
私は「userStyleIE.css」という名前にしておきました（ネーミングセンスないな！）
んで、
「ツール」＞「インターネットオプション」＞「全般」＞「ユーザー補助」と開いていき、
「スタイルシート」という項があると思うので、そこの
「自分のスタイルシートでドキュメントの書式を設定する」にチェックを入れたら、先程保存したファイルを指定して、OKを押します。
これでたぶん煩わしい広告は出てこない……はず。
私はstylishで、リンクにtarget属性が付いている事がわかるようにしている。
3番目は、どちらかというとクリックでjavascriptが動くかどうか、だと思う。onclick属性なら同じように拾えるかもしれない。
前回は何日くらい活動してたっけ？
ここまでひつこいとストーキングしたくなる。
まずは張っとく
あと、自分のぐりもん
// ==UserScript== // @name add style // @namespace http://anond.hatelabo.jp/ // @include http://anond.hatelabo.jp/* // ==/UserScript== GM_addStyle( "font{color:black;font-size:100%}"+ "s, strike{text-decoration:none}" );
IEは「ユーザースタイルシートのススメ - Personnel」を参考に、
#hatena-anond font{color:black;font-size:100%} #hatena-anond s, strike{text-decoration:none} #hatena-anond center{text-align:left}
そういえばstylishで対処してた。
@namespace url(http://www.w3.org/1999/xhtml); @-moz-document url("http://anond.hatelabo.jp/") { font{color:black} s, strike{text-decoration:none} }
http://anond.hatelabo.jp/20090119002856
ちょっと歪んでいるかも知れないけど、ここでちょっとした悪戯してるくらいなら、ほっておいてもよいかな。
その快感にとりつかれるくらいストレス溜ってるのが、これで少しはよくなるなら安いものじゃないか。
あと、ブチ込むとか矯正とかって対処療法だから、それに頼ると増えるばっかりで追い付かなくなるのがオチだろう。
予防をしっかりする方が有益だと思う。
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★☆★
_________________ここから下は古い情報▼__________________________________________________
今、自分のブログをスクラッチしているので、こちらで。→2008/9/28 スクラッチ完了！BLACK-OUT.CSS公式ページ
作りました
要は、LynxのようなシンプルWebに世界がなればいいのになと思っている方。
そして、どんなサイトでも目線は左右に動かしたくない！スクロールは上下だけで済ませたい！
と、強く考えておられる方むけの情報です。
私はテキストブラウザのLynxを時々使っているのですが、これでサイトを見るとシンプルに見れるのですごく良いんですよね。
ただ、LynxはFlashとか画像が見れないし、マウスが使えないのはいざって時にちょっと不便。
で、Firefoxをテキストブラウザ化できないかなあと、ふと思いまして、思いつきで作ってしまいました。
私めもwebデザイナーやっとるんですが、上記のように、昨今のwebデザインなんて普段はなくていいって思っている奴でして。
仕事じゃ3カラムのサイトとか作りますが自分はそんなん好きじゃないです。色がサイトごとに違うってのも理解できない。
必要なのは情報であってデザイナーのデザインなんてどうでもいいんですよ。
そんな訳で、どんなサイトでもテキストブラウザ状態で閲覧できるFirefox用の拡張cssを作りました（やっつけだけど）。
ただ、ニュースサイトで画像が見れないと困る時もあるので、普段は小さなサムネイルで、カーソルを合わせた時だけ大きく表示されるようにしています。
＠このcssはコンセプト実証モデルです。思いつきで作ってるのでちょっと問題もあります。フィードバックとか意見など頂けると嬉しいかも。
＠将来的には、グリモンでjsも組み合わせてもっとコンソールのような感覚でブラウジングできるようにしたい
＠（参考用）私のよく見るサイト・・・ニコ動、wikipedia、スラッシュドットジャパン、2nn.jp（2ch）、mixi、はてなでホッテントリに上がっているブログ各種
ちなみに、こんなん使うな、既にこんないいのあるわいってのをご存知の方は教えてくれると嬉しいです。
それなりに探したのだけど、見当たらなくて・・・だから自作したので。
/* * ---------------------------- * black-out.css * author zamamin.com * build 2008.8.09 15:03 * version 0.0.31 * fix @namespaceを書いてなかったので追加 * ---------------------------- * */ @namespace url(http://www.w3.org/1999/xhtml); /* 全てのエレメントをリセット */ body,body * { background-image:none !important; background-color:#000 !important; border-color:#333 !important; text-decoration:none !important; color:#aaa !important; /*<- テキスト色 */ font-size:16px !important; /*<- 文字サイズ */ font-weight:normal !important; padding:0.15em !important; margin:0 !important; line-height:1.25em !important; text-align:left !important; text-indent:0 !important; font-family:Arial,Helvetica,Verdana,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro',Osaka,'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important; float:none !important; clear:both !important; position:relative !important; width:auto !important; height:auto !important; } body { background-color:#000 !important; padding:0.5em !important; } body * p, body * div, body * h1, body * h2, body * h3, body * h4, body * h5, body * h6{ margin-bottom:0.3em !important; float:left !important; clear:both !important; } /* リンク色 */ body * a, body * a *{ color:#a50 !important; } /* アクセス済みのリンク色 */ body * a:visited{ color:#a50 !important; } /* カーソルを合わせた時のリンク色 */ body * a:hover, body * a:hover *{ color:#0aa !important; background-color:#609 !important; } /* 画像は普段は小さくサムネイル表示。鬱陶しいので薄く表示 */ body * img{ opacity:0.3 !important; height:15px !important; width:15px !important; } /* 画像はマウスカーソルもっていけば原寸サイズになる */ body * img:hover{ opacity:0.9 !important; height:auto !important; width:auto !important; } button, input, select, option, textarea{ color:#f00 !important; padding:0.05em !important; height:auto !important; } /* テーブルのスタイル */ table{ border:none; } table td, table th{ border:none; border-right:1px dashed #999 !important; border-bottom:1px dashed #999 !important; } /* for 2ch（暫定） */ body * dt{ font-weight:bold !important; } /* 二コ動 */ embed#flvplayer{ height:540px !important; width:952px !important; }
ご紹介いいただいたgreasemonkeyをインストールすると、特定IDの「このエントリーを含む日記」を非表示にすることができるのですか？
舌足らずでした。
現状のままでは出来ません。しかし、たぶん若干の変更で対応できます。
このグリモンには、非表示にする条件を設定するためのインターフェースがありません。設定は直接スクリプトファイルを書き換えて行います。いうなれば雛形みたいなものです。
ですので、若干でも、javascript、正規表現、xpathが理解できる人が対象です。
ちなみに、具体的に書き換えるべき変数は、itemxpathと、filters配列です。
というわけで、上記は敷居が高いのですが、rikuoさんのまとめ記事の方で、幾つかその他の方法が上げられています。いずれも、コメントに対するものですが、含む日記に応用できるものがあります。詳しくは記事を読んでいただくとして、
以下、書き換え用自分メモ