Oprea、ページの背景色を変更してみる

不具合を解消したものを こちら で公開。
v10.00 の 記事ですが v9.** でも使えます。

※ツールバーの書き換え は v10.00 用ですので注意。

少々説明を書き直すのが大変なので上のリンクよりお跳び下さい
m(_ _)m

2009/10/31
===================================================

この頃・・・と言う訳ではないのですが
ブラウザ等の背景色が白というか明るい色だと
眩しく感じるようになり目は疲れるわ頭は痛くなるわで散々です。
眼科の先生曰く、近視強すぎ。

と言う訳でOpreaブラウザの背景色の変更する user.css を作ってみました。
忘れないうちに改良箇所を記載。

参考サイトはGoogleで検索して出てきたページや
こちらでコラム→快適なウェブページ閲覧のために


導入の比較画像は こちら で背景色を取っ払います。

opera-user-01.css 通常
opera-user-02.css 文字を大きく表示

下は文字を少し大きくしたのですがサイトによって
文字が重なったり重ならなかったりするので微妙・・・お勉強が足りませんね('A`)

背景の色は color: ****** の部分を書き換える事で変更できます。
色の取得には vector→ColorPicker が個人的には軽くてお勧め。

ちなみにCSS内のコメントは色々弄ったせいかあってるかどうか分からないのでご注意を(汗
あと作ったのは初めてなので変なもの作ってるなと突っ込みはナシと言うことで(汗汗

■使い方
ダウンロードしたファイルを user.css にファイル名変更。
Operaのインストールしたフォルダの \Styles にコピーします。
もし何らかの user.css を使ってる場合は必ずバックアップをしておいて下さいね。
また、設定は自分の好みですので自由に変更しても大丈夫・・・だと思います。

□Operaを起動して「ツール」→「設定」
「詳細設定タブ」→「コンテンツ」→「スタイルオプション」
ユーザースタイルシートを今コピーした user.css に設定

□表示設定タブ 以下にチェック
フレームを表示
インラインフレームを表示
フォームにスタイルを適用

□表示モード→作成者モード
全部にチェック

□ユーザーモード 以下にチェック
作成者 CSS
作成者フォントと配色

こちらも変更する前にスクリーンをキャプチャでも何でもして元に戻せるように
簡易キャプチャの Capture STAFF - Light - などが便利。

これでOperaの起動後、「表示タブ」→「スタイル」→「作成者/ユーザー」で
背景抜きと通常の表示が切り替わります。

これで終了なのですが、「表示タブ」~とやると激しく面倒くさいのでステータスバーから
クリック一つで切り替える方法をついでに記載しておきます。

■ステータスバーに作成者モード/ユーザーモード切り替えボタンを付ける
Operaが起動している場合は終了させてから
C:\Documents and Settings\<ユーザー名>\Application Data\Opera\Opera\profile\toolbar\
にある standard_toolbar (1).ini を開いて

[Status Toolbar.content] とある場所に以下を貼り付け。
Button*, -1291441751="Select author mode > Select user mode, , , -2101137707 + Show popup menu, "Style Menu""

うまく表示されるかなあ・・・駄目なら こちら を手打ちで。

Buttonの後の * は挿入した場所の数値です。
Button1~
Button2~
とあってこの下に追加する場合は Button3 と連番になるように。

保存してOperaを起動すると切り替えボタンが追加されているはずです。

話は変わりますがFirefox3、少々使ってみましたが予想以上の軽さでした。
自分はOpera派と言うかバージョンアップの度にプラグインを集めてくるのが嫌になった方なので
メインという訳にはいきませんがこれなら拡張無しでサブブラウザとして入れておくのもありですね。



080820追記
http://www.amazon.co.jp/ にて文字を大きくした為か
右上の「コンビニ受取スタート!~」辺りが改行され少々見にくいのを確認。

opera-user-01.css から文字の大きさの変更を全て取っ払ったもの。
opera-user-03.css

使用方法は上記載と同じ。


テーマ : フリーソフト
ジャンル : コンピュータ

コメントの投稿

非公開コメント

CSS頂きました

CSSファイルを頂きました。

ブログの説明やファイルのコメントのお陰で、初めていじったCSSもなんとか理解できて、好みの色も設定できました。

自分は黒っぽい背景に、淡い白の文字にしてます。

結果、目の疲れがずいぶん軽減されました。

助かりました。ありがとうございます。
sidetitleWinXPからWin7へ - 04/09sidetitle
新しいパソコン買い換えなら
PC下取りキャンペーン icon

中古PCのアールキューブ
親切丁寧価格も手ごろ
中古パソコン買うならおすすめ
ブログも購入PCで書き込み中
( レビュー / )

Win7 無印からSP1へ
アップグレード方法
sidetitleAmazon おすすめ - 2017/02sidetitle
sidetitle解析/カウンターsidetitle

sidetitle検索フォームsidetitle
sidetitle最近記事/人気記事sidetitle

sidetitleカテゴリーsidetitle
sidetitle月別アーカイブsidetitle
08  07  06  05  03  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  03  02  01  12  11  10  09  08  07  06  05  04  03  02  11  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04  01  12  11  09  07  02  11  09  08  07 
 

全ての記事を表示する

sidetitleカレンダーsidetitle
07 | 2017/08 | 09
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -
sidetitleトラックバックsidetitle
sidetitleそのほかsidetitle
  • 最近記事のRSS
  • メールフォーム
  • Twitter 気まま

  • sidetitleお礼sidetitle
    このブログはアフィリエイトを
    導入させて頂いております。
    収入は何かを購入し簡易な
    レビューをしております。


    アフィリエイト経由で
    購入して頂いた方に感謝を。
    sidetitleリンクsidetitle






    ブックオフオンライン
    sidetitle楽天 おすすめ - 02/22sidetitle

    旭電機化成
    単4電池が単3になる
    電池アダプター
    ADC-430

    (レビュー)


    メディアプレーヤー
    DN-68631
    フルHD 1080p USB SD
    HDMI接続可能
    MP4 も簡単に視聴可
    [上海問屋]


    USBデータ転送ケーブル
    DN-80196 (関連記事)
    二台のパソコン間で
    大容量データを高速コピー
    [上海問屋]
    sidetitle生産/販売終了sidetitle
    メディアプレーヤー
    DN-MP500
    ( レビュー / / / )
    H.264/HDMI 1080p対応
    TS や MP4 も簡単に視聴可

    山善 18cm卓上扇風機
    ( レビュー )

    ロジクール ワイヤレスマウス
    M305 ダークシルバー

    ( レビュー )

    Nikon デジタルカメラ COOLPIX L21
    ( レビュー )