楽天パソコンのすすめ

楽天パソコンのすすめ

PR

キーワードサーチ

▼キーワード検索

2006年03月20日
XML
カテゴリ: 耳よりな情報
私が実践している楽天ブログでの背景画像挿入のコツをお披露目しま~す

まず、下図のように背景画像を作成します。大きさは1280×98(横幅は解像度SXGAのモニタに照準を合わせています)98PXはQRコードを背景にしたのでその高さを基準にしました(高さは特に問題視していません。重要なのは横幅です)。最初のQRコードはX座標0、右側に花柄の図とさらにその右にまたQRコードを配置していますが、花柄は半透明にして解像度が大きくなっても目立たないようにしています。(1280PXの解像度になった場合はメインのテーブルが中央にくるためその後ろに隠れる位置(X座標を1024PXから余白を除いて905PX)に設定しています。また、右端にあるQRコードは1280PXの解像度で見た場合に画面の右端に表示されるようにX座標を1280PXから余白を除いて1081PXに設定しています。



以下の2つの画像を比較してみて下さい。上が横幅1024PX(XGA)、下が横幅1280PX(SXGA)のモニタで見た結果です。どうですか?画面右側の花柄の図とQRコードがそれぞれうまく配置されたでしょう?

sc1024



sc1280


今現在、解像度SXGA以上で見ておられる方がいるとすれば、どのような目をなさっているのでしょうかねぇ (針の穴をも通す千里眼





お気に入りの記事を「いいね!」で応援しよう

最終更新日  2006年03月20日 09時44分13秒
コメント(4) | コメントを書く
[耳よりな情報] カテゴリの最新記事


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:楽天ブログ背景画像挿入のコツ(03/20)  
コツがあるんですねー!本当参考になります。
花柄の図とQRコード、キレイにならんでいますね。 (2006年03月20日 09時45分28秒)

Re[1]:楽天ブログ背景画像挿入のコツ(03/20)  
ハイヒール姫子さん、
早朝からご苦労様。
いつも読んでくれてありがとう!
いろいろ、お試しになってみてください。 (2006年03月20日 09時49分34秒)

Re:楽天ブログ背景画像挿入のコツ(03/20)  
へぇーへぇー!!
こんなやり方もあるんですねー!!
参考になります(´∀`*) (2006年03月20日 20時10分14秒)

Re[1]:楽天ブログ背景画像挿入のコツ(03/20)  
ひめ(様はつきません)さん、
こんばんわ。
言わば、CSSが使えない苦肉の策です。
でも使えないなら使えないなりに考えるのも
限界ありますよねぇ~。ほんと~~~^_^; (2006年03月20日 21時54分20秒)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
Design a Mobile Site
スマートフォン版を閲覧 | PC版を閲覧
Share by: