自分で設定したCSSを適用してWebサイトを見れるようなソフトがあったと思うのですが、ありますでしょうか?通常のIEでは普通にWebサイトを閲覧しておいて、特定の条件時に、自分の作成したCSS越しにサイトを見るといった方法を探しています。具体的には、広告など、画像を取り除き、テーブルや文字の色を黒にしてフォントも一種類にして、背景を白にしたいと考えています。白黒の画面で、Web閲覧をしているようには見えなくなるような設定です。上記のようなCSSを作成していただいた場合は高ポイントを差し上げます。

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2003/09/18 14:43:08
  • 終了:--

回答(11件)

id:inokuni No.1

いのくに回答回数1343ベストアンサー獲得回数212003/09/18 14:53:12

ポイント21pt

http://members.jcom.home.ne.jp/jintrick/Personal/usrstyle.html

ユーザースタイルシートのススメ - Personnel

ウェブページ別にユーザースタイルシートを使い分ける

複数のユーザースタイルシートを、ウェブページごとに自動的に使い分けたい

あるサイトが酷く読み辛いので、その(それらの)サイトにだけ自動的にユーザースタイルシートを適用させたい

これらの欲求は、Proxomitronを使うことで満たすことができます。

この文書では、「ユーザースタイルシート」という仕組みを通して、 Cascading Stylesheet、略してCSSの導入を行います。読者にはある程度のHTMLの知識を要求します。

Proxomitron-J

id:finalvent No.2

finalvent回答回数321ベストアンサー獲得回数12003/09/18 15:18:39

ポイント30pt

http://www.asahi-net.or.jp/~wq6k-yn/styles.html

ささやかなスタイルシート集

すでにユーザスタイルシートの回答があるようですし、これも十分な回答ではありませんが。

設定はインターネットオプション→全般タブ→ユーザー補助ボタンで、ユーザースタイルシートでCSSを指定します。

ご希望に近いのはこんな感じです。

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

img {

visibility:hidden;

}

body, td, a, li,a:link,a:active,a:visited {

background:white;

color:black;

}

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

フォントサイズなども同様に指定できます。

ただし、Webページ側で凝ったCSSが指定されているとこうしたアバウトな指定ではうまくいきません。各種のWebページにオールラウンドで対応させるのは難しいのではないかと思います。

id:qwhr No.3

qwhr回答回数277ベストアンサー獲得回数12003/09/18 15:31:45

ポイント30pt

http://sakura-net.net/menu/css.htm

CSS切り替えによるページデザイン変更 | Studio Chocolat(スタジオショコラ)

> Netscape Navigator6/7、Opera7に備わっている代替スタイルシート機能をつかえば、簡単にスタイルを変更できます。

> また、IEでも「ス切リボ」をインストールすれば代替スタイルシートを利用できます。

「自分で設定したCSSを適用してWebサイトを見れるようなソフト」の回答としてはNetscapeやOpera、ス切リボとIEの併用ということで。

http://pcweb.mycom.co.jp/special/2000/proxomitron/

【特集】Webブラウジングを快適にする「The Proxomitron」 (1) The Proxomitronとは? | ネット | マイコミジャーナル

「広告など、画像を取り除き、テーブルや文字の色を黒にしてフォントも一種類にして、背景を白にしたい」の回答としては代替スタイルシートのみでは実現できないかと。HTMLをフィルタリングできるProdxomitronが広告周りも含めると有効です。

http://members.jcom.home.ne.jp/pctips/www/sample/ALLNETlatest/

「言葉 言葉 言葉」スタイルシートギャラリー:ALLNET最終版

なお代替スタイルシートですとこちらのスタイルシートがHTML構造も把握しやすく見やすいかと。

id:smileless

なるほど、わかりやすいですね。ありがとうございます。

2003/09/18 23:47:48
id:emr No.4

emr回答回数5ベストアンサー獲得回数02003/09/18 16:25:12

ポイント21pt

http://www.jp.opera.com/

Opera browser | Faster & safer internet | Free download

CSSとは方向性の違う回答ですので、ポイントはいりません。

IEではなくブラウザそのものを変更してみるのはいかがでしょうか?

URLにあるのはOPERAといって無料でも使用できますし、どんなサイトのアイコンでCSSを排除した見方、画像を排除した見方、あと印刷プレビューの見方などができますし、IEより何かと優れものです。

id:smileless

特定のサイトだけこのようなことができるのでしょうか?

2003/09/18 23:48:59
id:zifree No.5

zifree回答回数175ベストアンサー獲得回数62003/09/18 17:15:34

ポイント30pt

http://www.ghostzilla.com/home.html

www.ghostzilla.com Coming Soon!

CSSの利用ではないのですが、「Web閲覧をしているようには見えなくなる」のが良いならGhostzillaというWebブラウザの使用はどうでしょうか?

他のソフトのウインドウに隠れるようにして起動し、文字もデフォルトでは白地にグレーで目立ちません。

スクリーンショット

ダウンロード

http://www.ghostzilla.com/getit/index.html

www.ghostzilla.com Coming Soon!

日本語による紹介ページ

id:smileless

これはいいかもしれませんね。ありがとうございます。スクリーンショットやダウンロード先が書かれていると、すぐに使用してみようかな?問い雨季になりますね。詳しいご説明、ありがとうございました。

2003/09/18 23:51:38
id:r_hatchi_h No.6

r_hatchi_h回答回数8ベストアンサー獲得回数02003/09/18 18:12:15

ポイント30pt

http://critical.s6.xrea.com/web/csslinks.shtml

CSS関連リンク集 / CSSメモ

ここの”スタイルシート切り替え関連”の下2つがIEのスタイルシート切替え機能を持つものです。

http://www.w3.org/TR/CSS21/

Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification

そして、要望のスタイルシートは勘所だけ書くと

* {

color: #000 !important;

background: #fff none !important ;

font: normal medium sans-serif !important ;

}

img,map,object {

display: none !important

}

となるでしょうか(十分ではないですし、確認はしていません)。

# もっとも、

# > 白黒の画面で、Web閲覧をしているようには見えなくなる

# のが目的ならテキストブラウザとか;-)

id:smileless

yahooのメール画面が目立たなくなるのが一番理想的なのですが、テキストブラウザは使用したことがないのでわかりません。3番目のURLの詳細を教えていただけますか?

2003/09/18 23:54:40
id:banzo No.7

banzo回答回数36ベストアンサー獲得回数02003/09/18 21:18:51

ポイント30pt

http://jp.opera.com/download/

Opera ブラウザ | 高速で安全 | 新しいインターネットブラウザを無料でダウンロード

IEの代わりにOperaはいかがですか。

アドレスバーに切り替えボタンがついていて自分で作ったスタイルシート(=ユーザースタイルシート)と適用切り替えが出来ます。ボタンの場所は好きな位置に移動できますしキーボードショートカットからの切り替えもできます。またポップアップ広告の抑止も出来ます。

他にも色々なブラウザがあるかもしれません。

ご希望のスタイルシートは

文字色黒&背景色白&フォント固定&テーブルなど区画ものの枠線すべて黒ならば

----以下から

* {color:#000 !important;

background-color:#fff !important;

font-family:ダサ字 !important;

border-color:#000 !important;}

---以上まで。フォント名はお好きなものに。

ただリンクの色も同じになるかと思います。

既訪済みリンクの色を変えたければ、上記より後に

a:visited {color:#666 !important;}

を加えては。(#666=灰色です)

画像を全て消すなら以下で。img {display:none !important;}

広告画像のみスタイルシートで消す方法はありません。

他の手段で広告のみ消すなら、ローカルプロキシソフトのプロクシオミトロンがあります。htmlソースをフィルターしてブラウザに渡します。

id:smileless

ありがとうございます。私も独自におなじようなスタイルシートを作成してみたのですが、リンクの色やテーブルの背景など、設定しているつもりなのにいろつきで出てきてしまいます。

もうちょっと研究してみますね。

ちなみに、スタイルシートの適用はDonut Pの設定を使用することにしました。

しかし、リンクをたどるとその先はもう一度スタイルシートを設定しなければなりません。

何とかならないでか?

2003/09/19 00:02:46
id:taketyan No.8

taketyan回答回数24ベストアンサー獲得回数02003/09/18 22:59:11

ポイント21pt

http://donutp.com/

保険【見直し】無料相談!

とりあえず、指定したCSSで見るためにはDonutPがオススメです。

id:banzo No.9

banzo回答回数36ベストアンサー獲得回数02003/09/19 00:27:19

ポイント21pt

ちょうど見ておりましたのでお返事します。ポイントはどちらかだけで結構です。

urlはoperaユーザーの掲示板です。

operaの場合だとユーザー(スタイルシート)モードにすれば、もう一度ボタンクリックして作成者モードに戻すまで

次のページも新しく開いた(タブ)ウィンドウもずっと自分のスタイルシートでの表示が続きます。

画像を消すスタイルシートはr_hatchi_hさんのようにimg以外にmap,objectもあったほうがいいですね。要は!importantを付ければ<font>とか<b>とか<i>とかで飾ってある書き方がしてあるものにも有効です。

lynxはテキストブラウザです。画像などは表示されません。テーブルレイアウトは解体されます。軽くていいですよ。

id:smileless

ありがとうございます。やはりoperaを使うことが一番よいみたいですね。

lynx、使ってみます。

2003/09/19 01:34:44
id:sasada No.10

sasada回答回数1482ベストアンサー獲得回数1332003/09/19 08:27:10

ポイント30pt

http://www.hatena.ne.jp/1063863788

自分で設定したCSSを適用してWebサイトを見れるようなソフトがあったと思うのですが、ありますでしょうか?通常のIEでは普通にWebサイトを閲覧しておいて、特定の条件時に.. - 人力検索はてな

 URLはダミーです。

 ブラウザの件は、もう答えが出かかっているようですね…。

 お尋ねのCSSは、以下の感じで如何でしょうか。

//----------------------------------------------

* {

color:#000 !important;

background-color:#fff !important;

background-image:none !important;

font-family: sans-serif !important;

text-decoration: none !important;

border-color: #000 !important;

}

img,map,object {

display: none !important;

}

a:link {

color: #000 !important;

}

a:visited {

color: #000 !important;

}

a:hover {

color: #000 !important;

}

a:active {

color: #000 !important;

}

//----------------------------------------------

id:smileless

やはりブラウザはDonutPを使用することにしました。

それからGhostzillaも併用したいと思います。

こちらのブラウザは私の理想としている表示に一番近かったので。

ただ、愛用しているDonutPでのスタイルシートを使いこなしたいので、

自分でもスタイルシートのスクリプトを書いているのですが、どうしても

テーブルの背景が元のままになってしまいます。

2003/09/20 11:32:30
id:sasada No.11

sasada回答回数1482ベストアンサー獲得回数1332003/09/20 15:28:12

ポイント30pt

http://www.hatena.ne.jp/1063863788?

自分で設定したCSSを適用してWebサイトを見れるようなソフトがあったと思うのですが、ありますでしょうか?通常のIEでは普通にWebサイトを閲覧しておいて、特定の条件時に.. - 人力検索はてな

 URLはダミーです。

>ブラウザはDonutPを使用することにしました。

>テーブルの背景が元のままになってしまいます。

 IE系ブラウザでは、CSS2のスタイル継承に独特の解釈がありますからね…。

 IE系ブラウザで試したわけではないのですが、下記の記述をスタイルシートに追加してみては如何でしょうか。

//-------------------------------------

div,table,tbody,thead,tfoot,tr,th,td {

background-color:#fff !important;

background-image:none !important;

}

//-------------------------------------

id:smileless

なるほど、

後は自分でデザインなど考えながらカスタマイズしていこうとおもいます。

ありがとうございました。

2003/09/20 23:25:09

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません