ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2004/09/22

【アルバム風！TABLE！】

(17)

カテゴリ：【日記の雛形！】

アルバム風なTABLEを作ってみました。
これに似たものは何度も作りましたが、テキストを書き込むセルには例の罫線の背景画像が使ってあります！
・・・・ただそれだけなのですが・・(-_-;)

これは、セルを増やせば何行でも追加できます。
画像の枚数で行を増やしてお使いください！

あのね・・・（〃_ _）σ゛ｲｼﾞｲｼﾞ･･･
まだ、２周年記念の品物見つからないのね・・・！
あるものといったら・・・ガラクタばかり・・！

どうしよう！
も少し待ってくださいね！(￣‥￣)=3 ﾌﾝ

・・まだ仕事中なので・・・！
タグは帰宅してからね！(￣^￣)b

<table bgcolor="#909090" cellspacing="1" cellpadding="20" width="100%" height="220" align="center"><tr><td bgcolor="white" vAlign="top"><TABLE ALIGN="center" BORDER="0" CELLSPACING="0" CELLPADDING="0" WIDTH="100%"><TR><TD style="background-image:url( ここに右下のワンポイントの背景画像のURL );background-repeat:no-repeat;background-Position:bottom right;"><TABLE cellSpacing="10" cellPadding="0" width="100%" align="center" border="0"> <TR><TD background="http://gtone.k-server.org/img2/solid4.gif" ALIGN="left" VALIGN="top"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">
ここに本文を書きます。
</FONT></TD><TD ALIGN="center" VALIGN="middle" bgcolor="pink" style="Padding:10px 10px 10px 10px;"><IMG SRC=" ここに画像のURL " width="290"></TD></TR>  <TR><TD ALIGN="center" VALIGN="middle" bgcolor="pink" style="Padding:10px 10px 10px 10px;"><IMG SRC=" ここに画像のURL " width="290"></TD><TD background="http://gtone.k-server.org/img2/solid4.gif" ALIGN="left" VALIGN="top"><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">
ここに本文を書きます。
</FONT></TD></TR> </TABLE></TD></TR></TABLE></td></tr></table>
<DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV>

では！タグの説明をしておきます。
注意していただきたいのは、画像の幅です。
WIDTH="290"　は削除しないで下さい。３００以上の多きい画像ですとTABLEからはみ出してしまいます。
高さ　HEIGHT は書きこまないで大丈夫です。
元画像は、WIDTH(幅）を指定すれば同じ比例で高さを表示します。

ブルーのタグが一行目の左にテキストのセルがある行のタグです。
グリーンのタグが二行目の右にテキストがあるセルのタグです。
3行目を増やす場合は、ブルーのタグもしくはグリーンのタグをの後に、
コピー＆ペイスとすればいいのです。
お判りですか・・・・！お願い判って・・・・(〃_ _)

その要領でどんどん行(画像）をふやして行く事が出来ます。

ご注意
何度も言うようですが・・・このまま日記の編集ページや
フリーページに貼りますとエラーになります。
必ず、メモ帖やエディターソフトに貼り付け、画像のURLを入れなおしてから、
楽天にアップして下さいね！

ちなみに bgcolor="pink" が画像の背景色です。
お好きに色を変えるなり削除するなりして下さいませ。

では！........((((ヘ＿＿)ヘ　カサコソカサコソ

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