再挑戦への記録☆目指せ☆ちょこちょこアフィリエイター☆

・・・

このスクロールバーの枠のソースは、こうなります。
pの開始タグから終了タグまでがタグソースです。
↓　↓　↓

<p style="scrollbar-arrow-color:#ffffff;scrollbar-3dlight-color:#ffcccc;scrollbar-highlight-color:#ffffff;scrollbar-shadow-color:#ffffff;scrollbar-face-color:#ffffff;scrollbar-darkshadow-color:#ffcccc;border:1px solid #ffcccc;width:600px; height:300px;overflow:auto;padding:3px;background-attachment:fixed;background-image:url(http://からはじまる画像のＵＲＬ);background-position: left bottom ;background-repeat:no-repeat;scroll;padding:10px;color:brown;font-size:15px;" align=" right ">

ここに文章を入れたりします！
heightの指定を超えるとスクロールバーが
あらわれます。
</p>

直リンク禁止のため、画像のＵＲＬはご自分で挿入してくださいね。
その他の細かい部分の指定は下記のように！！

※背景画像の配置を変えるのは、赤い文字の部分を下記のように変更する

・left bottom（左下）　・right bottom（右下）
・left top（左上）　　　・right top（右上）

※背景画像によって、文章の位置を変えるには、緑の部分を変更する

・right（右寄せ）　・center（真ん中）　・left（左寄せ）

★zuzuhanaさんへ★

ここにはタグでお世話になっている、方々のＨＰに行けるようにしたいと思っています。
かくかくしかじか

<center><p style="border-style:dotted;border-color:#99CC33"><table width="600" height="20"><tr><td><font color="#FF9966" size="3">ここにはタグでお世話になっている、方々のＨＰに行けるようにしたいと思っています。
かくかくしかじか</td></tr></table></p></center>

ここからpokke78さんへ

★
★
★
★

文字いれたの！ここにも文字！！
ここに文字いれたのぉー！！

★
★
★
★

<CENTER><TABLE align="center" border="1" cellspacing="1" bgcolor="#ff00ff" width="600">
<TR><TD>
<FONT size="3" color="#FFFFFF">★</FONT><BR> <FONT size="3" color="#FFFF00">★</FONT><BR> <FONT size="3" color="#FFc0cb">★</FONT><BR> <FONT size="3" color="#FFFFFF">★</FONT><BR> </TD>
<TD bgcolor="#FFEEFF" width="550"> <MARQUEE direction=up height=70 width=550 scrollAmount=1> <FONT size="5" color="#000000">
文字いれたの！ここにも文字！！
ここに文字いれたのぉー！！
</FONT></MARQUEE></TD>
<TD>
<FONT size="3" color="#FFFFFF">★</FONT><BR> F<ONT size="3" color="#FFFF00">★</FONT><BR> F<ONT size="3" color="#FFc0cb">★</FONT><BR> <FONT size="3" color="#FFFFFF">★</FONT><BR> </TD></TR></TABLE></CENTER>

※どこを変更したのかというと、まずtableの幅を600に指定！
　heightの指定を全部とっちゃいました。真ん中の枠幅だけ550に設定。
　文字の大きさはわかりやすいように５にしました。大きすぎ？
　文字の直前のfont sizeの数字を変更する。
　このテーブルを日記で使おうと思ったら、改行をいれずにタグを全部
　続けて（つめて）打ってね。何だかいらないタグとか消してたりして
　たら、訳わかんなくなってきた。

ここまでがpokke78さんへだよん♪


★	★	★	★
★	★	★	★

わかりやすくするために、テーブルは枠ありにしています。
border="0"にすれば、枠なしになりすっきりします。

１段目の１	１段目の２	１段目の３	１段目の４
２段目の１	２段目の２	２段目の３	２段目の４
３段目の１	３段目の２	３段目の３	３段目の４

・上のテーブルは、こんな風にできてるよ！！（テーブルソース）

<table border="1">

<tr>
<td>１-１</td>
<td>１-２</td>
<td>１-３</td>
<td>１-４</td>
</tr>

<tr>
<td>２-１</td>
<td>２-２</td>
<td>２-３</td>
<td>２-４</td>
</tr>

<tr>
<td>３-１</td>
<td>３-２</td>
<td>３-３</td>
<td>３-４</td>
</tr>

</table>

※行を増やす時は、trタグから始まるひとかたまりをどんどん追加していく。
　１-１とか番号のついてる場所に画像のソースを入れ替える。
　border="1"をborder="0"にすると、枠なしのテーブルになる。

日記の背景画像に初めて挑戦してみました。

　　ここに、日記を書き込みます。

右下:background-position : 100% 100%
左下:background-position : 0% 100%
左上:background-position : 0% 0%
右上:background-position : 100% 0%

　　ここに、日記を書き込みます。