Opera Mobileのユーザースタイルシートでサイトの見栄えを変更 特集その4
Webページの配色やレイアウトは、「スタイルシート」というデータで指定されている。これをブラウザ側で勝手に追加してページの見栄えを改造してしまう機能が「ユーザースタイルシート」だ。小さすぎて見づらいテキストを大きくしたり、不要な部分を非表示にするなど、行きつけのサイトにさまざまな改造を施して、見やすさを向上させられるぞ。
スタイルシートを自分で記述するのは大変だが、ネットで公開されているスタイルシートを入手して使うだけなら簡単だ。改造したいサイト名と「ユーザースタイルシート」などの語句で検索して、ユーザースタイルシートを公開しているサイトを探してみよう。
なお、現在の「あんスマ」(AndroidSmart)トップページをOperaで表示すると、上部の特集一覧のアコーディオンボタンの表示が崩れてしまう。これはアコーディオンのスタイルシートに標準規格にない機能が使われており、Opera向けの定義が記述されていないのが原因だが、ユーザースタイルシートを導入すれば、崩れないように修正できるぞ。
まず、スタイルシートをテキストエディタに入力する。AndroidSmartの表示の崩れを直すには、以下のスタイルシートを入力すればいいぞ。
.easy-accordion dt{
-o-transform: rotate(-90deg);
-o-transform-origin:10px 10px;
top:225px;
}
記述したスタイルシートを、分かりやすい名前の後ろに「.css」を付けた名前で保存しよう。保存場所はどこでもよいが、SDカード直下に作成したOpera Mobileの設定ファイル用のフォルダ内に、「css」などの名前でサブフォルダを作成し、その中に保存するといいぞ。
次に、「Opera Mobileのサイト別設定機能でJavaScriptやモバイル表示の有無を制御」で作成した「override.ini」を開き、スタイルシートを適用したいドメインのセクションに、「User Prefs|Local CSS File=/sdcard/opera/css/FILENAME.css」のような行を記述しよう。(「FILENAME」の部分は実際のファイル名に置き換える)
AndroidSmartのトップページの特集一覧は、標準状態のOperaではこのように表示がおかしくなってしまうが……
ユーザースタイルシートを使えば、このように正しく表示させられるぞ。
Firefoxまとめサイトの「usercontent.css」のページなど、ネット上にはユーザースタイルシートを公開しているページが多数存在するので、行きつけのサイトに対応したスタイルシートを探して使ってみよう。Firefox用の定義例では、「@-moz-document」という構文が使われていることがあるが、Opera Mobileでは不要なので、その後ろの「{」から対応する「}」までの間の部分だけをコピーして使おう。
このように、2ちゃんねるのスレッドの見た目を大幅に改造することもできてしまうぞ。
・usercontent.css – Mozilla Firefox まとめサイト
関連記事
Opera Mobileのユーザースクリプトでページの使い勝手を改良 特集その5
Opera Mobileのコンテンツブロック機能で邪魔なブログパーツなどを除去 特集その2
Opera MobileにoAutoPagerizeを導入して「次のページ」を自動読み込み 特集その6
Opera Mobileのターボ機能でページ読み込みを高速化 特集その5
Opera Mobileの上級カスタマイズの準備をしよう特集その1
Opera Mobileのサイト別設定機能でJavaScriptやモバイル表示の有無を制御 特集その3
Opera Mobileのリモートデバッグ機能で上級機能の設定を補助 特集その7
Opera Linkでパソコン版OperaとOperaMobileのデータを同期 特集その3
Opera Mobileの隠し設定を編集しプロキシサーバを使用する 特集その4
2011年08月05日15時03分 公開 | カテゴリー: ネット情報活用 | キーワード:特集 | Short URL
ツイート
最新記事
- ボタン1つで締めるも緩めるも手軽に!シンプル操作で高精度作業!
- 最大8台同時充電可能!スマホスタンド付きの電源タップ!
- 一台6役の猫足型電源タップ!コンセントもUSBポートもこれ一台!
- 5個のコンセントと4つのUSBポート!コンパクトなのにたくさん使える電源タップ!
- 一台6役で干渉しにくい延長コード!コンセントもUSBもこれ一台!
- 4つの機能を1台に!ワイヤレス充電機能等がついた高機能空気清浄機!
- 車内空間を短時間でリフレッシュ!高性能HEPAフィルター搭載!
- ウイルスも花粉もきれいに!車内の空気を清浄化!
- ドリンクホルダー付きスマホホルダー!マップアプリ利用に最適!
- 電子アクセサリーをまとめて収納!ダブルファスナーで超大容量!
- 日常の持ち運びを簡単に!イヤホンやケーブルを入れて持ち運べるオーガナイザーポーチ!
- 目を合わせて会話が楽しめる!高さ調整可能なスマホスタンド!
- 安定性の高いスマホホルダー!より快適なカーライフを!
- 自動開閉で置くのも簡単!ワイヤレス充電機能付きの車載スマホスタンド!
- エアコン吹き出し口・吸盤両用一体型のFMトランスミッター車載ホルダー!音楽を聴きながらナビ利用可能!
- 7色LEDライトでカラフル&便利に使えるFMトランスミッター!スマホの急速充電も!
- 時間の確認ができる静電気除去ブレスレット!大人から子どもまで使いやすい!
- こだわりのFMトランスミッター!大画面搭載で操作しやすい!
- 35000mAhで3台同時充電出来るモバイルバッテリー!PD20W&SCP22.5Wの両対応!
- Bluetooth5.0搭載の使いやすいMP3プレーヤー!イヤホンやスピーカーにワイヤレスでも有線でも接続可能!
- 大容量バッテリーで最大115時間連続録音可能なボイスレコーダー!最先端のノイズキャンセリング技術搭載!
- 挿すだけで充電開始!小さくて持ち運びにも便利なモバイルバッテリー!
- 高音質ヘッドホン付きのVRゴーグル!軽くて装着感も抜群!
- Bluetooth5.3搭載で高音質のヘッドセット!無線にも有線にも両対応!
- 自宅でも外出先でも!ボディケアをもっと自由にできる筋膜リリースガン!
- 絡まりにくい独自ケーブル!ストラップ付きで収納にも便利!
- 他に類を見ない洗練されたデザイン!超ロングケーブルで部屋中どこでも使える!
- これから必要になるケーブルはこれ!ユニークな2-in-1 デュアルコネクターヘッドケーブル!
- ヴィーガンレザーで肌触り良好!カード管理を便利にするMagSafe対応カードケース!
- ヴィーガンレザーのウォレットスタンド!より強力な磁気吸着でしっかりホールド!