画像に文字位置指定

画像を載せる場合に　文字の位置を決める方法です　画像の位置を変える場合は　画像の位置指定ページを参考にして下さい

画像サイズに合わせた

文字はココからです

||<#ffffff' style='width:300px;height:200px;line-height:0.8;font-family:HG丸ｺﾞｼｯｸM-PRO;font-size:18pt;font-weight:bold;color:#8A0057;Vertical-align:bottom;text-align:center;background:url(http://画像) no-repeat center;'``文字はココからです[[img(,1,1,)]]||

||<#ffffff' style='width:300px;height:200px;line-height:0.8;font-family:HG丸ｺﾞｼｯｸM-PRO;font-size:18pt;font-weight:bold;color:#8A0057;Vertical-align:bottom;text-align:center;background:url(http://画像) no-repeat center' ``文字はココからです||

太字の部分を変える　この部分で文字位置が決まります

　　画像位置は background:url(http://画像) no-repeat center ←ココで決めます

　　　　　　　　　　　　最後の　no-repeat center を入れないと画像は崩れる

Vertical-align:top;text-align:center　の場合

文字はココからです

text-align:center

文字はココからです

no-repeat　無しなので　画像が繰り返します

Vertical-align:bottom　text-align:center

||<#FEECA2' style='width:480px;word-spacing:480px;height:250px;Vertical-align:bottom;text-align:center;line-height:0.8;padding:10px;font-family:ＭＳ Ｐ明朝;font-size:30pt;font-weight:bold;color:#3A4601;border:double 10px #E0FC5B;filter:glow(color=#FEECA2,strength=10);background-image:url(http://画像)' ``Vertical-align:bottom　text-align:center[[img(,1,1)]]||

Vertical-align:bottom　text-align:left

Vertical-align:center　text-align:right

ＴＯＰ記事で使ったタグソースです　高さは変えました　左下に画像が来ています

||<#ffffff' style='width:500px;word-spacing:500px;height:300px;Vertical-align:top;text-align:center;line-height:0.8;font-family:HG丸ｺﾞｼｯｸM-PRO;font-size:16pt;font-weight:bold;color:#8A0057;border:double 10px #5E003C;filter:glow(color=#ffffff,strength=10);background:url(http://画像) no-repeat left bottom #D0A6FF;' ``ＴＯＰ記事で使ったタグソースです　高さは変えました　左下に画像が来ています[[img(,1,1,)]]||

転載元: 日々、怒涛の様に過ぎて行きます。

みんな凄いなぁ〜〜(￣ー￣)//”” ﾊﾟﾁﾊﾟﾁ

いろいろなやり方があるんだねぇ〜ｗ

ほおお〜〜またひとつ賢くなったような〜〜〜気がするわ(笑)

すっご〜〜いろいろできるんだね！

これはまだまだオイラにゃ難しいや…
でも頑張ろうｯと
また来ますので良かったら教えてくださいね