|
|
日記の雛形
今日は日記用の雛形を作ってみましょう。
楽天は女性の方が多いので、女性向きに造って見ました。
TABLEを２重にして、背景画像を
左上と右下に１枚づつ固定しています。
ラインもみなさんおなじみの<HR>でシンプルに！
TABLEの枠もモノトーンで！
前にボックスを使いまして、
この様な雛形を作った事がありますが、
TABLEの方が簡単ですね。(￣^￣)b
昨日紹介しました雛型には、
スクロールボックスを入れませんでしたが、
今回は入れて見ました。友らんさんのまねっこです。(￣m￣*)V
スクロールバーもカラーを一切指定しておりません。
矢印のみPINKにしてあります。
画像のURLもこのまま載せておきます。
ご自由にお使い下さい。
テキストの書きこみ方ですが、<hr width=95%> を
<BR> 代わりに使うと簡単です。
あらかじめ、<hr width=95%> をコピーしておいて、
テキストを書いてはその後にコピペすればいいのです。
テキストと <hr width=95%> は続けて書きます。
私はテキストをセンターリングするのはあまり好きくないので
text-align:left; でテキストを左にインデントしています。
すべてセンターリングしたい方は、text-align:left;
を削除して下さい。
赤のタグが画像のURLです。お好みで変えて下さい。
では！この下のTABLEにタグを書いておきますね！
|
|
<TABLE ALIGN="center" CELLSPACING="1" CELLPADDING="0" WIDTH="80%" HEIGHT="400" BGCOLOR="white" style="border-style:outset;border-width:5px;border-color:;"><TR><TD VALIGN="top" style="background-image: url(http://gtone.k-server.org/img2/355.jpg);background-repeat:no-repeat;background-Position:bottom right;"><TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="400" BGCOLOR=""><TR><TD VALIGN="center" style="background-image: url(http://gtone.k-server.org/img2/368.jpg);background-repeat:no-repeat;background-Position:top left;"><center><FONT style="font-size:16;color:pink;">ここに日記のタイトル！</FONT></center><CENTER style="cursor:help;font-size:15px;line-height:1.1em;color:black;font-family: Comic Sans MS;overflow-y:scroll;scrollbar-arrow-color:pink;width:80%;height:300px;text-align:left;">
<hr width=95%>此処に本文を書きます。<hr width=95%>此処に本文を書きます。<hr width=95%>
</center></TD></TR></TABLE></TD></TR></TABLE>
|
|
Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved
お気に入りの記事を「いいね！」で応援しよう
|
おめでとうございます！
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
エラーにより、アクションを達成できませんでした。下記より再度ログインの上、改めてミッションに参加してください。
x
|
Profile
gtone
楽天ＨＰの飾り付けを一緒にやってみましょう。初心者のためのプチ講座！日記の雛形！
パイプたばこを始めて、「パイプ奮闘記」を書いてみようと思います！(￣‥￣)=3 ﾌﾝ
|
|
