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

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2004/08/14

【日記の雛形】修正作業は・・・思ったほど簡単ではなかった！(-_-;)

(11)

カテゴリ：【日記の雛形！】

むやみにDLしない！DLする時はよく状況を読みましょう！というアニメです。(￣^￣)b クリックHERE

◆ 日記の雛形 ◆

昨日は【プチ講座】の一番上の「楽天で知って得するタグ」の4ページほど直しましたが・・

テキストボックスがうまく表示できなく・・・とても手惑いました。

<FONT STYLE="～～"> で　テキストボックスを作ろうとすると、崩れてしまうことがわかりました。

以前のようにボックスを横に並べようとしたのですが、なかなかできません。

TABLEを使って、その中にボックスを入れて横に並べるのは簡単に出来るのですが！

日記でもTABLEが使えるようになった今、テキストボックスはあまり使い道がなくなりましたね。

スクロールボックスを作る時だけは、有効です。(￣^￣)b

何か・・・【プチ講座】を直す気力が半減してしまいました。(-_-;)

で今日は、【日記の雛形】を作ってみました。

以前に紹介した、

TABLEで枠を使った

ものに、もう一つ内側に枠を入れてみました。

内側の枠がわかりやすいように、カラーネームで書いておきました。

一列目が、　

PINK

DEEPPINK

RED

二列目が、　

GREEN

WHITE

SKYBLUE

三列目が、　

RED

YELLOW

PINK

となっていますから、お好みで変えてください。

背景画像は、右下に一枚だけFIXではめ込んであります。

URLもこのママ載せておきますので、参考にしてくださいませ。

スクロールバーは、５００PXの高さになっています。

それ以上のテキストを書きませんと、動作しません。

初心者の方はいきなり、スクロールバーが出てくると思っている方がいらっしゃいます。

テキストを書き足していきませんと、動作しませんから・・・あしからず！(￣m￣*)V

ではこの下に書いてみます。

By GT-ONE

<TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="0" WIDTH="80%" HEIGHT="150px" BGCOLOR="white" style="cursor:help;font-size:15px;line-height:1.5em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD><TD BGCOLOR="#38080FF"></TD><TD BGCOLOR="#408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD></TR><TR><TD WIDTH="23px" HEIGHT="" BGCOLOR="#8080FF"></TD><TD ALIGN="center" VALIGN="middle" WIDTH="" HEIGHT="400px" BGCOLOR=""><TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="3" WIDTH="100%" HEIGHT="150PX" BGCOLOR="white" style="cursor:help;font-size:15px;line-height:1.5em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="pink"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD><TD BGCOLOR="deeppink" ALIGN="center">◆<font color=white>日記の雛形</font>◆</TD><TD BGCOLOR="red"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD></TR><TR><TD WIDTH="20px" HEIGHT="" BGCOLOR="green"></TD><TD VALIGN="top" WIDTH="" HEIGHT="400px" BGCOLOR="white" style="background-image: url(http://plaza.rakuten.co.jp/img/user/65/14/1286514/107.jpg);background-repeat:no-repeat;background-Position:bottom right;"><CENTER style="overflow-y:scroll;scrollbar-base-color:#DDFFFF;scrollbar-arrow-color:black;scrollbar-face-color:#DDFFFF;scrollbar-track-color:white;scrollbar-highlight-color:white;scrollbar-3dlight-color:white;scrollbar-shadow-color:white;scrollbar-darkshadow-color:white;height:500px;text-align:left;"><UL>
ここに本文を書きます。
</UL></CENTER></TD><TD WIDTH="20px" HEIGHT="" BGCOLOR="skyblue"></TD></TR><TR><TD BGCOLOR="red"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD><TD BGCOLOR="yellow"><center><font color=blue size=1>Copyright (C) GT-ONE WEBSITE 2002-2004　All Rights Reserved</font></center></TD><TD BGCOLOR="pink"><table WIDTH="20px" HEIGHT="20px"><td></td></table></TD></TR></TABLE></TD><TD WIDTH="23px" HEIGHT="" BGCOLOR="#8080FF"></TD></TR><TR><TD BGCOLOR="#408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD><TD BGCOLOR="#8080FF"><DIV align=right><font size=1>By <A href="http://plaza.rakuten.co.jp/gtone/diary/" target="_blank" style="text-decoration: none;">GT-ONE</A></font></DIV></TD><TD BGCOLOR="#408080"><table WIDTH="23px" HEIGHT="23px"><td></td></table></TD></TR></TABLE>

お気に入りの記事を「いいね！」で応援しよう