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

Freepage List

【写真集】


■ 玄関 ■ 


■プチ講座MENU


【日記の雛形・罫線】


【もう一つのプロフィール】


■【おもしろタグ教室MENU】


バナーって何!


プレート教室VOL.1


プレート教室VOL.2


アニメGIF製作VOL.3


画像


アップロードとは  


アイコンの使い方!


壁紙の使い方!


【バナー&プレート置き場】


.    


.      


.    


  


.


【壁紙チェンジャー】


【リンク集】


   


.   


     


.         


【キリ番】


   


  


   


  


  


  


  


  


  


 


  


  


  


マーキー


グラデーションフォント 


色々なスクロール1


色々なスクロール2


色んなスクロール3


  


   


【カラーサンプル】カラーコード表


【カラーサンプル】カラーネーム表


(*mm)   


!  


スクロールを消す


  


  


TABLEでページ一覧を隠す


.


φ(..)


.


スイッチで表示


【日記リンクの皆様】 


( ̄‥ ̄)=3 フン


      


 


           


■【HPの飾り付け教室MENU】


   


TABLEで整理整頓  


アニメGIFって何!


      


画像を貼り付けてみよう


リンクを貼って見よう


楽天での壁紙について


壁紙の位置指定


 


【飾付VOL10】


test


雛形1


Rum Rose


remon


【My PIPE Collection】


【マイ パイプ コレクション001~010】


【マイ パイプ コレクション011~020】


【マイ パイプ コレクション021~030】


【マイパイプ コレクション #31~#40】


レストアの仕方


2004/01/15

 
XML
カテゴリ:カテゴリ未分類

    今週の忙しさを越せれば、どうにか時間が作れそうです。o(*^▽^*)oあはっ♪
 
    何回かに分けまして、日記でボックスをどのように使っていくかやって行きたいと思います。
    何度もいいますが、日記では「TABLE」のタグが使えません。
    ですから、この「テキストボックス」が楽天の日記では、「TABLE」の変わりになります。
    
    12月29日のプチ講座でボックスの基本タグを載せました。
    これですよね!今日は幅を決めてみましょう。
 
    

<div style="border-style:solid;border-color:#6495ED;border-width:1px;width: 80%;height:150px;background-color:;background-image:url(http://~背景画像のURL~);">
此処に文字や画像のURL、ボックスのタグを入れます。
</div>

    このタグを表示しますと、こうなります。
 
    

此処に文字や画像のURL、ボックスのタグを入れます。

 
    これは、width: 80%;height:150px;と指定していますから、
    日記を表示する幅が100とすればボックスは80%で表示しなさいと言うことです。
    height:150px は150PXの高さですよということです。
 
    ではこの数値を幅50% 高さ250PXにしてみましょうか?
 
    

此処に文字や画像のURL、ボックスのタグを入れます。

 
    これはこのように書いています。
 
    

<div style="border-style:solid;border-color:#6495ED;border-width:1px;width: 50%;height:250px;background-color:;background-image:url(http://~背景画像のURL~);">
此処に文字や画像のURL、ボックスのタグを入れます。
</div>

 
    お判りでしょうか?これを使いまして、「ボックス」を縦に横にと並べられます。
    属性を把握する事が出来ますと、色々な並べ方が出来ます。
    何回かに分けて、やって行きましょうか!
 
    では!今日はこのへんで・・・( ̄‥ ̄)=3 フン ε=ε=ε=(┌ ̄)┘ダッシュ!
 






Last updated  2004/09/03 04:31:32 PM
コメント(11) | コメントを書く


PR

Profile


gtone

Calendar


Copyright (c) 1997-2020 Rakuten, Inc. All Rights Reserved.