日記テンプレ作成


	日記プレートの作成手順を紹介してみます。大きな枠ですが、これがご自分のオリジナルプレートになります。それぞれA、B、C、DとTD枠を分けてあります。そしてAとCに別に作成した飾り用の枠のタグを入れます。 Dはスクロール枠になりますね。 Cには何も入れません。今回、Bの箇所には私が少しデザインを変えた枠が入っています。スクロール枠のタグは日記で何度も紹介していますのでここでは表示してありません。

ここに日記を書きます！

ここに日記を書きます！

これが大きな枠のタグになります。

[table border="0" cellspacing="30" align="center" bgcolor="#ffffff"][tr height="170"][td width="230"]A[/td][td width="100"]B[/td][td width="230"]C[/td][/tr][tr height="380"][td colspan="3"]D[/td][/tr][/table]

これが飾り枠のタグになります。

[table border="0" cellspacing="0" align="center"][tr height="70"][td width="80" bgcolor="#ffddff"][/td][td width="50" bgcolor="#ffddff"][/td][td width="50" bgcolor="#ffbbff"][/td][td width="50" bgcolor="#ffbbff"][/td][/tr][tr height="50"][td bgcolor="ffddff"][/td][td bgcolor="#6600ff"][/td][td bgcolor="#6600ff"][/td][td bgcolor="#ffbbff"][/td][/tr][tr height="50"][td][/td][td bgcolor="#6600ff"][/td][td bgcolor="#6600ff"][/td][td][/td][/tr][/table]

日記枠作成その２

これが大きな枠のタグです。

<table width="650" border="0" cellspacing="30" bgcolor="#ffddff" align="center" style="border:10px solid #ff3300;"><tr height="300"><td width="150" align="center">1</td></td><td width="500" align="center">2</td></tr></table>

スクロール枠のタグです、コピペでご利用頂けます。

<table border="0" cellspacing="0" align="center"><tr height="300"><td width="400"><div style="width:100%; height:100%; overflow-y:scroll; scrollbar-track-color:#ffddff; scrollbar-face-color:#ffddff; scrollbar- 3dlight-color:#ff0099; scrollbar-highlight-color:#ffddff; scrollbar-shadow-color:#ff0099; scrollbar- darkshadow-color:#ffddff; scrollbar-arrow-color:#ff0099;">ここに日記を書きます！</div></td></tr></table>

飾り用のタグです、コピペでご利用頂けます。

<table width="150" border="0" cellspacing="0" align="center"><tr height="50"><td width="50"></td><td width="50" bgcolor="#ffbbff" align="center"><font style="font-size:40px;" color="#ff5500">♦</font></td><td width="50"></td></tr><tr height="50"><td bgcolor="#ffbbff" align="center"><font style="font-size:40px;" color="#ff5500">♦</font></td><td align="center"><marquee behavior="alternate" width="50" scrollamount="2"><marquee behavior="alternate" width="30" direction="up" height="50" scrollamount="3"><font face="webdings" color="#ff3300" style="font-size:30px;">Y</font></marquee></marquee></td><td bgcolor="#ffbbff" align="center"><font style="font-size:40px;" color="#ff5500">♦</font></td></tr><tr height="50"><td></td><td bgcolor="#ffbbff" align="center"><font style="font-size:40px;" color="#ff5500">♦</font></td><td></td></tr></table>

注意：ダイヤモンドのマークはこのタグをコピペしても表示（エラーになります）されませんから　diams; の前に　&　を付けてください。

１：大きな枠の１の場所に、昨日紹介しました飾り用のタグを入れます。

２：大きな枠の２の場所にスクロール枠のタグを入れます。

これが完成作品です。