2013年09月14日

2013 09.14 Sat


通販サイト「Amazon」のページの横幅が最小で横幅約1000px、ブラウザ最大化で横幅フルワイドなリキッドデザインが気に入らないので、自動でブラウザの横幅800px位下でもハミ出さずにリサイズするProxomitronフィルターを自作しました。

目覚まし時計(ロゴ入り)

Amazonサイトを横幅800px以下で表示
Amazonサイトを横幅800px以下ではみ出さないように表示

Amazonサイトを横幅1080pxで表示
最大化ではAmazonサイトを横幅1080pxで固定表示

背景色が緑色なのは他のフィルターの効果です。

[Patterns]
Name = "Amazon Width Fit [130913]"
Active = TRUE
URL = "[^/]++amazon.co(.jp|m)/"
Limit = 128
Match = "(<body style="[^"]++)\0 $SET(#=\0min-width:400px !important;max-width:1020px !important;margin:0 auto !important;)|"
"(min-width :)\0 ([89][0-9]+{2}|1[0-9]+{3})px$SET(#=\0740px !important;max-width:1020px !important;margin:0 auto !important;)|"
"($AV(nav-searchbar-inner))\0 $SET(#=\0 style="margin-left:115px !important;margin-right:470px !important;")"
Replace = "\@"

アソシエイトツールバーを表示してると、検索結果ページやら一覧表示ページやらで微妙にはみ出します。

AmazonのソースってCSSファイルも沢山あるし、htmlにもインラインでCSS書きまくってるし、あんまり美しくない・・・。

お疲れさまでした。
参考になりましたらソーシャルメディアで共有してくださいませ。
posted by こさめ
edit  re

■ この記事へのトラックバック
カテゴリ
インターネット>ブラウザ・WEBメール(24)
インターネット>Firefoxアドオン、設定(15)
インターネット>Proxomitronフィルター(32)
インターネット>ブログ、WEBサービス(53)
インターネット>アフィリエイト・ポイントサイト(27)
インターネット>楽天、ポイントあれこれ(5)
インターネット>Windows最適設定(32)
インターネット>インターネット設定(17)
インターネット>デスクトップ改造・拡張(7)
インターネット>セキュリティソフト(6)
ブログカスタマイズ>カテゴリー、記事一覧系(38)
ブログカスタマイズ>jQuery(Script)文字系(23)
ブログカスタマイズ>CSS(Script)デザイン(28)
ブログカスタマイズ>ブログパーツ(7)
ブログカスタマイズ>携帯モバイル系(3)
ブログカスタマイズ>SEO・アクセスアップ(31)
マルチメディア>Brackets(5)
マルチメディア>画像系ソフト(6)
マルチメディア>DVD・動画プレイヤー(15)
マルチメディア>動画編集ソフト(6)
マルチメディア>音楽再生プレイヤー(16)
マルチメディア>ネットラジオ配信・編集(3)
マルチメディア>P2Pテレビソフト(4)
マルチメディア>おもしろ動画・感動動画(25)
デザイン>フリー素材 画像(5)
デザイン>HP・ブログ フリー素材(6)
デザイン>イラスト(非素材)(8)
デザイン>作詞作曲編曲MP3(5)
雑記>PC部品・音楽機材(7)
雑記>映画・アニメ・漫画・芸能(14)
雑記>どうでもいい雑学知識(6)
雑記>ゲーム(6)
雑記>スマホ・携帯電話(6)
雑記>カーナビ・ETC(3)
雑記>ネット銀行とか(2)
雑記>18禁?ちょいエロネタ(3)

 (C) 2006 - kosame All rights.