2005/11/7の日記テンプレ
このてんぷれのソースは こんな感じです。
<center><table width="100%" cellpadding="15" cellspacing="20"background="http://plaza.rakuten.co.jp/img/user/32/61/22833261/117.gif"><tr><td width="100%" background="http://image.space.rakuten.co.jp/lg01/64/0000022664/90/imgde0a87ba5nvjmo.gif" bgcolor="#E2F1EE" align="left" valign="middle" style="filter: Alpha(opacity=70); color:#078D83; background-position:50% 100%; background-repeat: no-repeat;">
注：）タグ中に改行が入ると旨く画像等が表示されません！！
くれぐれもかいぎょうしないで、つらつらとひたすらつなげて記述してください。
スペースも必ず入れましょう。
ねこもりやも勉強しなおします。
文字を入れてないと
何にも表示されないので注意！
楽天の日記は改行タグ<br>いりませんよー。
</td></tr></table></center>
今回は併せ技で・・・
<table>に背景画像
<td>に背景色と背景画像＆透過処理 をしています。
文字位置は
左寄せのまんなかに。
background・・・背景画像ＵＲＬ
bgcolor・・・背景色・色名でもこのように１６進数でも。
align・・・文字の水平位置・center/left/right
valign・・・文字の垂直位置・top/middle/bottom
filter・・・数字が大きいと不透明に、小さいと透明に近くなります。
color・・・文字色。色名でもこのように１６進数でも。
background-position・・・背景画像の位置＜例＞100% 100%で右下。0% 0%で左上。
左上を基点に％で指定。これは画像を繰り返さない場合のみ。
background-repeat・・・画像を繰り返さない場合は no-repeat
縦横に敷き詰める場合はrepeat
縦のみ繰り返す場合はrepeat-y
横のみ繰り返す場合はrepeat-x
素材提供： Night on the Planet
© Rakuten Group, Inc.
