HONDASHIブログ

ブログ形式での情報の蓄積も悪くないかなと思い、 いまさら始めてみたブログ。
 
 
プロフィール

HONDASHI

Author:HONDASHI
ナナチかわいいよナナチ

最新記事
最新コメント
最新トラックバック
月別アーカイブ
カテゴリ

スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

game-monitor.comがOperaで表示が崩れる件について 

とあるOpera仲間さんからお話がありました。
「game-monitorの表示がおかしいんだけど」
game-monitor.comは色々なゲームのサーバ一覧をwebブラウザで見られちゃう便利なサイト。
http://www.game-monitor.com/
今日現在最新のOpera10.61でこのサイトに飛ぶと、
表になってるところの[Server Name]と[Players]の所でバッサリ切れて、
表が改行されてしまいます。
gamemonitor01.jpg
見づらくてしょうがありませんね。。。

ってことでおもむろに
左上のメニューボタン>ページ>開発者用ツール>Opera Dragonfly
トンボさんです。
Opera10.50辺りから実装された便利ツールで、
ページ上をクリックすると、そのページのソースのhtmlのどこの記述か
CSSでどんな記述されてるか等が見られちゃうんです。
こんな感じに。
gamemonitor02.jpg
これならhtml?CSS?なにそれ美味しいの?的な私のような人間にも
なんとなく分かるっ!

ぶっちゃけどう手をつけたらいいか全然分からなかったのですが。
解決した後で2枚目の画像を見てみると、
[Server Name]の表がある所をクリックした所なのですが、
どう見ても幅が広すぎますね。
ってことで解決編はつづきへ。

解決に至る過程は無いに等しいので割愛。
(どこ弄るかも勘で、数値の調整はおおざっばにやった後微調整)

.res_l0{
    width:381px !important;
    }
td.res_n{
    left:201px !important;
    }


記述の意味はググレカス。
[Server Name]の表の幅調節したら、中身ずれて国旗とか見えなくなったから、
そっちも調節した。そんな感じ。

これをテキストエディタにコピペして、gamemonitor.cssとでも保存。
適当な場所に置いて
(私は"%appdata%\Opera\Opera\styles"※%appdata%は環境変数でExplorerにコピペしてみれば分かるはず)
あとはユーザーCSSとして設定すればいいだけ。

Operaはサイトごとに設定できるので今回はそれで。
ページ上(画像やリンク以外)で右クリックで[サイトごとの設定を編集...]をクリック。
若しくはベージ開いて右上ボタン>設定>クイック設定>サイトごとの設定を編集。
そこの表示設定タブ>ユーザースタイルシート
左の[選択...]から探すもよし、フルパスコピペもよし。
(%appdata%は使えないので私の場合はこんな感じ
"C:\Users\HONDASHI\AppData\Roaming\Opera\Opera\styles\gamemonitor.css")


gamemonitor03.jpg
オッケーイ
今後サイト側orOpera側が対応して何も無しできちんと見られる
&このスタイルシート有りだと表示が崩れる
という事態が起こらないとも言えません。
そこら辺分かってやってみてください。自己責任、自己責任。
コメント















 管理者にだけ表示を許可する

トラックバック
 
http://hondashi510.blog12.fc2.com/tb.php/44-7c9aafb7
デスクトップ ログイン状態 ノート ログイン状態
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム
QRコード
QRコード
 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。