■テーブルフレーム

テーブルを9分割して、外側の8つのセルに画像を入れることで、フレームの形にしています。
フレーム枠部分はセルの背景、キャラ画像は表示させたいセルに普通に<IMG>タグで表示しています。
竹中さんクリックで画像一式と、HTMLソースがダウンロードできますので解凍してご使用ください。
静止画像や別のバージョンが使いたい、自分でタグを組みたいという方は、 下のほうに画像一覧がありますのでそちらから画像を保存してご使用ください。

※すべての画像は透過済みです。背景に色や画像があるページに設置すると背景が透けて見えてしまいます。ご了承ください。


以下ご自由にどうぞv
 ・ここにあるアイコンのテーブル以外への使用
 ・ここに置いてあるもの以外のアイコンとの組み合わせ
 ・ご自分で作成されたアイコンとの組み合わせ
  (ただし、大きめの画像を組み込もうとすると、あっという間に表示が崩れてしまいますのでご注意ください)

  ■更新履歴
   09/06/27 …  「飛鳥組」「天国組」 追加
   11/11/16 …  「親友組」追加
見本
背景部分
パーツ部分
一式ダウンロード
     
 
 飛鳥組 
太子ver
 
         
     
 
 飛鳥組 
太子ver
 
     
 
   
 
 飛鳥組 
太子ver
 
         
   
 
 飛鳥組 
妹子ver
 
         
     
 
 飛鳥組 
妹子ver
 
     
 
   
 
 飛鳥組 
妹子ver
 
         
   
 
 天国組 
ver1
 
       
     
 
 天国組 
ver1
 
     
 
   
 
 天国組 
ver1
 
      
   
 
 天国組 
ver2
 
      
     
 
 天国組 
ver2
 
     
 
   
 
 天国組 
ver2
 
      
   
 
 親友組
 
      
     
 
 親友組
 
     
 
   
 
 親友組
 
     
     
 
 親友組 
ver2
 
      
     
 
 親友組 
ver2
 
     
 
     
 
 親友組 
ver2
 
     








■自分で選んでダウンロード派の方はこちらから

■背景

frame_1.gif
       
frame_2.gif
frame_3.gif
frame_4.gif

       
  frame_5.gif

frame_6.gif

   
     
frame_7.gif

frame_8.gif

■パーツ






 
   
 
 
■基本ソースサンプル
このソースを組み込んだHTMLと、背景パーツを一式を同じフォルダにおけば背景(フレーム枠)部分は完成します。
あとはパーツ部分を<IMG>タグで必要なところに組み込んでください。
<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0">
<TR HEIGHT="46">
<TD BACKGROUND="frame_1.gif" VALIGN="TOP" WIDTH="20"></TD>
<TD BACKGROUND="frame_2.gif" VALIGN="TOP"></TD>
<TD BACKGROUND="frame_3.gif" VALIGN="TOP" WIDTH="23" ></TD>
</TR>
<TR>
<TD BACKGROUND="frame_4.gif" WIDTH="20"></TD>
<TD>ここに好きな文字を入れてください。</TD>
<TD BACKGROUND="frame_5.gif" WIDTH="23"></TD>
</TR>
<TR HEIGHT="56">
<TD BACKGROUND="frame_6.gif" VALIGN="TOP" WIDTH="20"></TD>
<TD BACKGROUND="frame_7.gif" VALIGN="TOP"></TD>
<TD BACKGROUND="frame_8.gif" VALIGN="TOP" WIDTH="23"></TD>
</TR>
</TABLE>
         戻る