|
画像に文字を重ねることができます。
||||
||<#ffffff'width=135' ``
||<#ffffff'style='background-image:url(http＆＃５８//img.blogs.yahoo.co.jp/ybi/1/51/c2/pdc02246/folder/864046/img_864046_8706779_1?2006-12-14);width:250;height:336;font:bold 30px;vertical-align:top;text-align:left;color:#66ff00'``文 字
ポイントは・・・
「(http://img.blogs」の「:」を「＆＃５８」(４文字全部）を半角で入力してください。この文字列は、一度入力すると自動的に「:」に変更されますので、修正する度に「:」を「＆＃５８」(４文字全部半角）に代える必要があります。
「width:250;height:336」は表示する元の画像のサイズです。
この場合は上左ですが「vertical-align:top;text-align:left」の変更で任意の場所に表示できます
上左 vertical-align:top;text-align:left
上中央 vertical-align:top;text-align:center
上右 vertical-align:top;text-align:right
中央左 vertical-align:middle;text-align:left
中央中央 vertical-align:middle;text-align:center
中央右 vertical-align:middle;text-align:right
下左 vertical-align:bottom;text-align:left
下中央 vertical-align:bottom;text-align:center
下右 vertical-align:bottom;text-align:right
下右の場合
||||
||<#ffffff'width=135' ``
||<#ffffff'style='background-image:url(http＆＃５８//img.blogs.yahoo.co.jp/ybi/1/51/c2/pdc02246/folder/864046/img_864046_8706779_1?2006-12-14);width:250;height:336;font:bold 30px;vertical-align:bottom;text-align:right;color:#66ff00'``文 字
|
いきなり途中からでは無理でした。理解できません。やっぱり、休みにゆっくり見させていただきます。失礼しました。
2006/12/20(水) 午後 6:15 [ ガキオヤジ ]
転載しました八丈ブログさんの記事を読んでいただけると、かなりよくわかると思います。いきなりここですと、むつかしいかもしれませんが、要は慣れです。やってみてくださいね。
2006/12/20(水) 午後 11:48