【日記の雛形Ⅸ!ボックスでテーブルを!】
今日のトピックス!今年も残り3日ですね今年最後の【プチ講座】来年も「とろとろ」やって行こうと思いますよろしくお願いしますね。皆様よいお年を! 今日の画像! 大好きなサザンオールスターです。画像クリックで「白い恋人たち」 【ボックスの中にボックス!】以前↑このページで紹介しました。 【今日のプチ講座】 日記では、<TABLE>のタグが使えません。 しかし、前にも話しましたが、 ボックスで同じような事が出来ます。 ボックスの基本を載せてみましょう。 これは、ボックスの中にボックスを入れたり、 並べたりして、作っております。 このボックスの属性さえわかれば、 日記で色んな事が出来ますよ。 【ボックスの基本タグ】 <B style="border-style:solid;border-color:#6495ED;border-width:1;width: 80%;height:150;background-color:;background-image:url(~背景画像のURL~);">此処に文字や画像のURL、ボックスのタグを入れます。</B>日記の飾り付け【プチ講座メニュー】はこちらから!【プチ講座】はタグ規制で使えない物があります。ご承知下さい。 さて、問題です。( ̄m ̄*)V この上↑では、いくつのボックスを使っているでしょうか? 正解の方に「お年玉プレゼント」を・・・と思いましたが・・ソースを見られるとすぐに分かってしまいますね。(-_-;) 他の問題でまた何か考えます。答は:12個 です。 では!上のボックスのタグを書いてみましょう。 参考にしてみて下さい。 テキスト部分は、すべて「ここに文字を書きます」にしてあります。 各カラーはそのままにしておきます。 一度、コピー&ペイストして、色々試してみて下さいませ。 では!ε=ε=ε=(┌ ̄)┘ダッシュ!<CENTER><FONT SIZE="2" COLOR="#000000" FACE="Comic Sans Ms"><B style="border-style:solid;color:black;border-width:1;width: 30%;height:500;background-color:#EEE8AA;background-image:url();"> <B style="border-style:none;color:;border-width:;width: 80%;height:10;background-color:#FF8000;">今日のトピックス!</B><B style="border-style:solid;border-color:#FF8000;border-width:1;width: 80%;height:150;background-color:;"><font color=deeppink>ここに文字を書きます。または画像のURL</font></B> <B style="border-style:none;color:;border-width:;width: 80%;height:10;background-color:#FF8000;">今日の画像!</B><B style="border-style:solid;border-color:#FF8000;border-width:1;width: 80%;height:150;background-color:;"> ここに文字を書きます。または画像のURL </B> <a href=http://plaza.rakuten.co.jp/gtone/diaryold/20030614/ target=_blank>【ボックスの中にボックス!】</a>以前↑このページで紹介しました。 <A href=http://></A></B> <B style="border-style:solid;color:black;border-width:1;width: 60%;height:500;background-color:#F5DEB3;background-image:url();"> <B style="border-style:none;color:;border-width:;width: 80%;height:10;background-color:FF0000;">【今日のプチ講座】</B><P style="border-style:solid;border-color:FF0000;border-width:1;width: 80%;height:150;background-color:#E0FFFF;" align="left">ここに文字を書きます。</P><B style="border-style:none;color:;border-width:;width: 100;height:10;background-color:#6495ED;"></B><B style="border-style:solid;border-color:#6495ED;border-width:1;width:;height:12;background-color:;">【ボックスの基本タグ】</B><B style="border-style:none;color:;border-width:;width: 100;height:10;background-color:#6495ED;"></B><B style="border-style:solid;border-color:#6495ED;border-width:1;width: 82%;height:150;background-color:white;background-image:url();">ここに文字を書きます。 </B> <A href=http://></A></B></FONT></CENTER> ちなみに、この↑タグを普通のページで使いますとこのようになります。 これは、自動改行(初心者向け)にチェックが入っていないとうまく表示しません。( ̄m ̄*)V