アバター和美 - Avatar & Swing Jazz -

アバターが大好きです。趣味がJazz鑑賞!!。

全体表示

[ リスト ]

背景画像との分離第2弾

イメージ 1

OYAJIさんとこに行ったら、背景画像に字を上載せする技がありました。
そこで、これを応用して、文字の表示のところをimg()に変更してみました。

この方法だと、Netscapeで合成されます。

あれっ、背景画像の下に上部の部分が表示されている。なぜ?

あと、欠点としては、バックグランドと同じ画像サイズでGIFアニメを作成しています。表示位置の調整のしかたが、まだマスターできていないので、このあたりを解決できれば、とりあえず、私は満足かな。

https://blogs.yahoo.co.jp/IMG/ybi/1/06/eb/kazumi_f77/folder/663382/img_663382_9206411_13?20050821112625.gif

suzutaさんのコメントを試してます。

https://blogs.yahoo.co.jp/IMG/ybi/1/06/eb/kazumi_f77/folder/663382/img_663382_9240477_1?20050905031330.gif

suzutaさん、ありがとう、次の方法で上手く行きました。
ポイントはバックグランドをオリジナルサイズ(550×413)より小さく(530×400)することだったんですね。それと、上にのせる画像(100×180)はバックグランドのサイズと違っても良いようです。

||<#ffffff'style='background-image:url(http://img.blogs.yahoo.co.jp/ybi/1/06/eb/kazumi_
f77/folder/663382/img_663382_9206411_0?20050821112625.jpg);width:530;height:400;vertical
-align:bottom;text-align:center;font:bold16px;color:#ffff66'[[img(http://img.blogs.
yahoo.co.jp/ybi/1/06/eb/kazumi_f77/folder/663382/img_663382_9240477_1?20050905031330.gif
,100, ,)]]||

ついでに、位置の調整も全角スペースとline-heightを用いてできました。

             https://blogs.yahoo.co.jp/IMG/ybi/1/06/eb/kazumi_f77/folder/663382/img_663382_9240477_1?20050905031330.gif


||<#ffffff'style='background-image:url(http://img.blogs.yahoo.co.jp/ybi/1/06/eb/kazumi
_f77/folder/663382/img_663382_9206411_0?20050821112625.jpg);width:530;height:400;font:
bold16px;word-spacing:560;line-height:70px;color:#ffff66'              [[img(http://img.blogs.yahoo.co.jp/ybi/1/06/eb/kazumi_f77/folder/663382/img_663382_
9240477_1?20050905031330.gif ,100, ,)]]||

閉じる コメント(17)

アバター

あー、この方法かぁ。上部が下に来ちゃうのは、 すみませんがちょっと解決方法が判りません。 私は画像の方のサイズを縮小して合わす事ぐらいしか出来ないですねぇ。 しかしよく勉強されてますね♪

2005/8/21(日) 午後 5:29 OYAJI

アバター

この辺の技術で私が参考にしてるのはmonさん所か、 http://blogs.yahoo.co.jp/suzutakaho の SUZUTAさんの所で勉強しているので、そちらの方で調べる方が確実かと思います。 あはは、私の「にわか仕込み」がバレちゃいますね(爆)

2005/8/21(日) 午後 5:33 OYAJI

アバター

すみません、来ていただいたのにー。和美の悩みを分かっていただけただけで、嬉しいです。何か分かれば、教えてくださいね。monさんのところに訪問してみて、また勉強します。

2005/8/21(日) 午後 9:55 kaz*mi_*77

うん、このファッションのほうが銀座にはいいかも・・カジュアルにおいしいものを食べに来た感じで、GOODです!

2005/8/22(月) 午前 10:36 mik**oaoya*i05

アバター

美紀子さん、ありがとう。このワンピ、私のお気に入りなんです。会社で赤い服の女性を目撃してから、いいなって、私も着てみたいと...そんな思いが詰まってます。ノノ^v^)/

2005/8/22(月) 午前 11:43 kaz*mi_*77

はじめまして見に来ました。よく出来てますね。分かりましたバックグランドの指定サイズと画像サイズがぴったりあってないからだと思います。バックグランドのwidthと hightの数値を調整してみてください。OYAJIさんぼくはそちらを参考にしてますよ。オフ会参加したいのですが忙しくてなかなかいけません。

2005/8/23(火) 午前 11:55 SUZUTA

顔アイコン

バックグランドのサイズは画像サイズよりも小さめでもいいですよ。画面はその分、欠けますが。

2005/8/23(火) 午後 0:02 SUZUTA

顔アイコン

ちなみに小さい画像を載せるとタイルのように敷き詰められますよ!!

2005/8/23(火) 午後 0:07 SUZUTA

アバター

suzutaさんありがとうございます。早速試してみます。

2005/8/23(火) 午後 0:14 kaz*mi_*77

顔アイコン

背景が出てないですね。&#58でしてみてください。ぼくはこの記事ヒントにして新しい記事3本ほど書きました。また見に来てください。T.B.はりますわ。

2005/9/4(日) 午後 1:47 SUZUTA

顔アイコン

※おおきに!!うまく出来てよかったですね。

2005/9/5(月) 午前 7:06 SUZUTA

アバター

はい、ありがとうございました。

2005/9/5(月) 午前 7:17 kaz*mi_*77

顔アイコン

はじめまして。SUZUTAさんとこのゲスブを見て覗きにきました。すごいですね〜。みんな色々使いこなして楽しさアップしてるんですね。無限の可能性を感じました。素敵!

2005/9/5(月) 午後 0:36 [ ゆい ]

アバター

ゆいさん、書き込み昨日してくれてたのね。返事遅れちゃったねけど、こちらこそよろしくね。SUZUTAさんはすごい人で、とっても親切です。飛び込みでヘルプしたら、ごらんのように回答いただけました。また、遊びにきてください。

2005/9/5(月) 午後 10:02 kaz*mi_*77

ハイテク〜! 下の方の画像は左の一部分が右に表示されてますネ… 元より小さくするってのは、画像事自体のサイズでは無く、小さく表示するって事ですか? 小さい画像だと粗が目立つので、右以外の縁に黒帯を画像自体に加えれば誤魔化せますネ…

2005/9/6(火) 午後 1:47 ●●金髪先生( o^_')b●●

顔アイコン

金髪先生>ちなみに小さい画像を載せるとタイルのように敷き詰められますよ!! 背景サイズより画像サイズが小さいためです。小さいと繰り返されます。

2005/9/8(木) 午後 7:21 SUZUTA

アバター

SUZUTAさん、コメントありがとう。金髪さんのアイデアは良い方法かなと思ったんですけど、無理ですね。

2005/9/9(金) 午前 0:10 kaz*mi_*77

開く トラックバック(3)


よしもとブログランキング

もっと見る

[PR]お得情報

ふるさと納税サイト『さとふる』
実質2000円で特産品がお手元に
11/30までキャンペーン実施中!
いまならもらえる!ウィスパーうすさら
薄いしモレを防ぐ尿ケアパッド
話題の新製品を10,000名様にプレゼント
いまならもらえる!ウィスパーWガード
薄いしモレを防ぐパンティライナー
話題の新製品を10,000名様にプレゼント

その他のキャンペーン


プライバシー -  利用規約 -  メディアステートメント -  ガイドライン -  順守事項 -  ご意見・ご要望 -  ヘルプ・お問い合わせ

Copyright (C) 2019 Yahoo Japan Corporation. All Rights Reserved.

みんなの更新記事