|
また、日記の雛形を作ろうと
思っているのですが・・・
シンプルで素敵な雛形ッて、
難しいものですね!
| 【このTABLEどこかで見ませんでしたか!】
気がついたあなたは・・つうです |
TABLEを組み合わせて・・・
マーキーも入れて、
STYLEシートで色々複雑にする事は、
簡単に出来ますが・・・!
|
・・・それにはセンスもいりますから
素敵な物はなかなか出来ません。
最近は、シンプルイズベストなのです。
Image by MUON
|
このTABLEはどこかで見た事がないですか?
そう!「TABLEで枠」の雛形に
文字を入れたのです。
この枠の紹介はこちら
各セルにテキストを入れますと、
このようになります。
ただ、セルの大きさは、指定しません。
|
|
|
初心者の方には、
TABLEを使いまして、
この様な事も、出来るという事を
判って頂きたいですね!
同じ3行3列のTABLEですが
まるっきり違う物に、見えませんか?
| では!今日はこのへんで! | Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved | ε=ε=ε=(┌ ̄)┘ダッシュ! |
追伸:
タグを書いておきます。BGCOLOR="" が背景色ですね!
お好きに変えて下さい。
一行目のセルの幅が2行目、3行目に反映されます。
テキストは適度に書きまして、改行して幅を決めるといいです。
画像を入れる場合は大きさに注意して下さい。
大きな画像は、セルを押し広げてしまいます。
<IMG SRC="" WIDTH=""> WIDTHで大きさを調整しましょう。
では! |
<TABLE ALIGN="center" BORDER="0" CELLSPACING="3" CELLPADDING="10" WIDTH="100%" HEIGHT="150" BGCOLOR="white" style="font-size:15px;line-height:1.2em;color:black;font-family: Comic Sans MS;"><TR><TD BGCOLOR="#408080">
1行1列目のセルの中です。
テキストを書きます。
</TD><TD BGCOLOR="#8080FF" ALIGN="center"><FONT COLOR="#FFFFFF">【1行2列目のセルの中です】</FONT></TD><TD BGCOLOR="#408080">
1行3列目セルの中です。
テキストを書きます。
</TD></TR><TR><TD BGCOLOR="#8080FF">
2行1列目のセルの中です。
テキストを書きます。
</TD><TD VALIGN="top" WIDTH="" HEIGHT="300" BGCOLOR="black"><!-- ここまで枠のTABLE --><table cellspacing="0" cellpadding="5" width="95%" height="220" align="center"><tr><td bgcolor="black" vAlign="top"><!-- ここから罫線用のTABLE --><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TR><TD background=http://gtone.k-server.org/img2/hasen1.gif><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:white;font-family: Comic Sans MS;">
2行2列目のセルの中です。
罫線の背景画像が入っています。
</FONT></TD></TR></TABLE><!-- ここまで罫線TABLE --></td></tr></table><!-- ここまで --></TD><TD BGCOLOR="#8080FF">
2行3列目のセルの中です。
テキストを書きます。
</TD></TR><TR><TD BGCOLOR="#408080">
3行1列目のセルの中です。
</TD><TD BGCOLOR="#8080FF" ALIGN="center">
3行目2列目のセルの中です。
</TD><TD BGCOLOR="#408080">
3行目3列目のセルの中です。
</TD></TR></TABLE>
<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>
|
お気に入りの記事を「いいね!」で応援しよう
もっと見る
|
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
エラーにより、アクションを達成できませんでした。下記より再度ログインの上、改めてミッションに参加してください。
x
Profile
gtone
楽天HPの飾り付けを一緒にやってみましょう。初心者のためのプチ講座!日記の雛形!
パイプたばこを始めて、「パイプ奮闘記」を書いてみようと思います!( ̄‥ ̄)=3 フン
|
|