GT-ONE 楽天タグ講座 パイプ奮闘記

(*mm)   

■ はじめに ■必ずお読みください。

    ここで、紹介しているタグは、お持ち帰りご自由です。

    私なりに、一生懸命作っております。

    お持ち帰りの際には、掲示板か私書箱に一言入れてくださいますと

    σ(^-^o)のこれからの製作の励みになります。


    テンプレートで使用しております、画像につきましては

    ほとんど素材屋さんからお借れしてきたものです、一度ダウンロードして

    画像の倉庫などにアップロードしてお使いください。


    ● 免責事項 ●

    ご紹介しているタグやテンプレートは、ご自分の責任においてお使いください。

    ご使用にあたり、トラブル等が発生しても責任は負いかねます。








これは↑このように書いています。
<IMG SRC="http://plaza.rakuten.co.jp/img/user/65/14/1286514/71.jpg" style="filter: alpha(opacity=50)">


【背景画像指定タグ】
--------------------------------------------------------------------
<TABLE style="position:absolute;top:-180px;left:-150px;z-index:-1;" width=1010 height=1500><TR><TD background=http://plaza.rakuten.co.jp/img/user/65/14/1286514/2.gif></td></tr></table>
--------------------------------------------------------------------



ここにコメントタグはこれ
 
<TABLE ALIGN="center"><TR><TD><TABLE border="0" width="100%" cellspacing="30" background="http://plaza.rakuten.co.jp/img/user/65/14/1286514/2.gif"><TBODY><TR><TD bgcolor="#ffffff" style="border-width : 4px;border-style : double;border-color : #ffffff;filter: Alpha(style=0,opacity=70,finishopacity=70);"><center style="font-size: 15px;color:black;line-height : 1.5em;overflow:auto;width:600px;height:200px;text-align:left;">
ここにコメント
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

</center></TD></TR></TBODY></TABLE></TD></TR></TABLE>
 



ここにタイトル
此処に文字を書きます
此処に文字を書きます
此処に文字を書きます
此処に文字を書きます
此処に文字を書きます
此処に文字を書きます
此処に文字を書きます
此処に文字を書きます




    ここに本文を書きます。
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     
     





--------------------------------------------
ここに日記のタイトル!


此処に本文を書きます。
此処に本文を書きます。
此処に本文を書きます。
此処に本文を書きます。
此処に本文を書きます。
此処に本文を書きます。
此処に本文を書きます。
此処に本文を書きます。
本文を書きます。
本文を書きます。
本文を書きます。
abcdABCD
---


------------------------------------------------



    ここに本文を書きます!


ーーーーーーーーーーーー

こんな風にしたかったのかな?
タグは↓これです!
 


-----------------------------------------




--------------------------------------------------------------------
TABLEの枠を変えてみましょう!

    今日は、TABLEの枠をスタイルシートで色々変えてみましょう。
    以前、スタイルシートでテキストボックスを作りまして、その枠を指定する方法を紹介しました。
    【ボックスの中にボックス!枠について】【テキストボックスの枠を変える】ですが、スタイルシートの属性の指定は、ほぼ同じです。
    TABLEに入れるスタイルシートを書いてみます。
     
    style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:inset;border-width:10;border-color:deeppink;
     
    ブルーの部分がこの間、ご説明しました、スタイルシートでフォントを指定している属性です。
    赤の部分が枠を指定する属性のスタイルシートです。
    枠の指定は3つの属性を指定していますが、簡単に説明して置きます。
     
  • border-style:inset;   枠の種類を指定します。insetになっています。
  • border-width:10;   枠の幅を指定します。ここでは10px
  • border-color:deeppink;   枠の色を指定します。ここではdeeppink
     
    枠の種類と枠の色に関しましては、上下左右を別々に指定できます。
    詳しくは【テキストボックスの枠を変える】に行ってみてくださいませ。( ̄‥ ̄)=3 フン
    では、日記の雛形として、個々に枠を変えた、TABLEを紹介してみます。
    上の属性の部分をお好きに変えまして、日記のテーブルに使ってみて下さいませ。( ̄^ ̄)b
    TABLEのセルには、背景色を載せていますが、BACKGROUND="" の背景画像を入れるタグも載せておきます。
    背景画像を指定したい人は、BACKGROUND=""に背景のURLを入れて下さい。
    TABLEの幅は、全体の80%になっています。幅いっぱいに使いたい方は、100%にして下さい。
     
    ◆SOLID◆[枠が実線で表示されます。]
    <TABLE ALIGN="center" CELLSPACING="0" CELLPADDING="5" WIDTH="80%" HEIGHT="150" BGCOLOR="" style="cursor:help;font-size:13px;line-height:1.3em;color:black;font-family: Comic Sans MS;border-style:solid;border-width:1;border-color:#cc0000;"><TR><TD VALIGN="top" BGCOLOR="mistyrose" BACKGROUND="http://">
    ここに本文!
    </TD></TR></TABLE>

Copyright (C) GT-ONE WEBSITE 2002-2004 All Rights Reserved


------------------------------------------------------------------



    昨日は【プチ講座】の一番上の「楽天で知って得するタグ」の4ページほど直しましたが・・
    テキストボックスがうまく表示できなく・・・とても手惑いました。

     
     
     
     
     
     
     
     
     

     
     
     
     
     
     
     
     

     
     
     
     
     
     

     
     
     

     


-----------------------------------



© Rakuten Group, Inc.