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

【日記の雛形Ⅰ】

　　これまで【プチ講座】でやりました、タグを使いまして
　　日記の雛形を作って見ます。
　　まずは手始めにこの下↓にあります、【キリ番履歴】のタグを書いてみましょう。

　　これの特徴は、背景色の上にリピートさせない背景画像を二枚使っています。
　　背景ですから、テキストがその上に載せられます。




<B style="background-image: url( ～左上の背景画像のＵＲＬ～ );background-repeat: no-repeat;background-Position:left top;overflow:auto;width:100%;background-color: #556B2F ;border-style:dashed;color: green ;border-width:5;"><P style="background-image: url( ～右下の背景画像のＵＲＬ～ );background-repeat:no-repeat;background-Position:right bottom;">


<font style="filter:shadow(color: #D3D3D3 )
;width:100%;font-size:16;color: black ";>
■【ここから文字を書きます】　

　　ここは、少し大きめの影文字になっています。
ブルー になっているところは、お好きに変えて下さい。
#556B2F 　　　は日記全体の背景色です。
green 　　　は日記の一番外側の枠の色です。
#D3D3D3 　　　は影文字の影の部分の色です。
black 　　　は影文字の色です。


</font>


<font color=black size=3>
　　　　　　<B style="width:520;height:250;overflow-y:scroll;overflow-x:auto;border-style:inset;background-color: black "; onmouseover=this.style.background=" #ffffff "; onmouseout=this.style.background=" black ";>
<font color=black size=2 FACE="ＭＳ Ｐゴシック">
<font style="filter:shadow(color: black )
;width:100%;font-size:18;color: red ";>
■ここからボックスの中の文字です■

　　ボックスの中の影文字部分です。

</font>

　　ここから本文を書きますが黒色のテキストになっておりますから、
　　背景色も黒なので表示されませんが
　　カーソルを当てた時に背景色が白になりますから
　　テキストが読めるようになります。

　　背景色とテキストのフォントはお好きに変えて下さい。


　　ここまでボックスの中です。　　
</font>
</B>　


<font style="filter:shadow(color:black)
;width:100%;font-size:16;color:#DC143C";>　　　
■【ここからまた影文字になります】

　　こちらも影文字になります。

</font>

　　ここは普通のテキストです。　

</font>
</P></B>




　　このままコピーしまして、編集ページに貼り付けますと表示されます。
　　テキストの部分だけ替えればＯＫです。

　　ではがんばって下さい。(*^^)v
　　次は何の雛形にしましょうか？ご希望がありましたら
　　掲示板に書いて行って下さいませ。(^_-)-☆

【プチ講座メニュー】 は←こちらから！