ようこそ、ゲストさ�?
ペ�?轡ぅ薀好肇蹈�
フリー素材タイト�?潺�
フリー素�?/div>
フリー素材／ボタ�? border=
メニューボタ�?悩?br>マウス�?里擦?伐菫?�変�??br>JavaScript サ�?廛?宗璽�
フリー素材／テーブ�? border=
テーブ�?留?茲?悩?br>枠組みの設�??，肇汽?廛?宗璽�
フリー素材／ページタイト�? border=
ページのタイト�?悩?
フリー素材／文�? border=
文詩�菫?料悩?
フリー素材／�?? border=
�?��菫?料悩?
フリー素材／ライ�? border=
ライ�?悩?br>スタイ�?掘璽�･サ�?廛?宗璽�
フリー素材／背景
背景画�?悩?
フリー素材／アイコ�? border=
アイコ�?悩?
テ�?廛?璽肇織ぅ肇?潺�
デザイ�?謄?廛?璽�
ホームページデザイ�?謄?廛?璽函?修里泙淹箸┐?謄?廛?璽肇僖奪院璽検�
ホームページテ�?廛?璽函神�
赤�?妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函織��??�
オ�??検?妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函寝�
イエロー�?妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函織團?�
ピ�?��?妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函浸? border=
紫�?妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函臣? border=
ブラウ�??妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函神�
ブ�?次?妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函仁�
グリー�??妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函織哀?�
グ�?次?妊競ぅ?span class="bb">(1)
ホームページテ�?廛?璽函森? border=
�??妊競ぅ?span class="bb">(1)
ホーム > フリー素材・テーブル枠
素材ワールドタイトル
テーブル・タイトル
 
いらっしゃいませ。
テーブル枠の画像セットです。サイズ調整が自由自在なデザインです。
画像枠でテーブルを作るHTML＋スタイルシートによるソースはこちら。
素材をダウンロード、または素材の全てをご覧頂くには、
『会員登録』が必要となります。
すでに会員の方は、トップページよりログインを、
会員登録がまだの方は、こちらをご覧下さい。
■ persil_table01（×透過：白背景用）
左上
背景色：#FFFFFF
■ persil_table02（○透過）
左上
■ persil_table03（×透過：白背景用）
左上
背景色：#FFFFFF
■ persil_table04（○透過）
左上
■ persil_table05（×透過：白背景用）
左上
背景色：#FAD778
■ persil_table06（×透過：白背景用）
左上
背景色：#C8FFBE
■ persil_table07（○透過）
左上
■ persil_table08（○透過）
左上
■ persil_table09（○透過）
左上
■ persil_table10（○透過）
左上
【画像によるテーブル枠の組み方】
●ここでは、設定の基本的な考え方と共通するソースを述べます。
●上にある各素材に、それぞれサイズに合わせてサンプルソースを用意しています。
※「全てを見る」アイコンをクリックして、ご参照下さい。

●下図は、テーブル枠の画像を分かりやすく分解したものです。
●四角（A･C･F･H）は、イメージタグ <img> による画像配置にします。
●上下、左右のライン（B･D･E･G）は、テーブルセルの背景画像として設定します。
※背景画像として設定する事により、どんなサイズにも合わせることが出来ます。
※背景設定には、スタイルシートを使っています。

●テーブル内部の色を設定するには、テーブルタグに背景色設定をして下さい。

A
  
B
  
C
  左上   右上  
D
      
E
  左下   右下  
F
  
G
  
H
ここにある素材の画像のファイル名は、すべてに共通です。
A ･･･ [ top_left.gif ]
B ･･･ [ top_center.gif ]
C ･･･ [ top_right.gif ]
D ･･･ [ side_left.gif ]
E ･･･ [ side_right.gif ]
F ･･･ [ bottom_left.gif ]
G ･･･ [ bottom_center.gif ]
H ･･･ [ bottom_right.gif ]

※赤字（##）の部分は、任意のサイズになります。 ※緑字（●）の部分は、画像のサイズが入ります。 

<table border="0" cellspacing="0" cellpadding="0" width="##">
  <tr>
    <td width="●">
      <img src="top_left.gif" alt=""></td>
    <td width="##"
        style="background:url(top_center.gif) repeat-x" nowrap></td>
    <td width="●">
      <img src="top_right.gif" alt=""></td> </tr>

  <tr>
    <td style="background:url(side_left.gif) repeat-y"></td>
    <td>CONTENTS SPACE</td>
    <td style="background:url(side_right.gif) repeat-y"></td> </tr>

  <tr>
    <td>
      <img src="bottom_left.gif" alt=""></td>
    <td style="background:url(bottom_center.gif) repeat-x"></td>
    <td>
      <img src="bottom_right.gif" alt=""></td> </tr>
</table>
PAGE TOP
当サイトはリンクフリーです。バナーは下記をお使い下さい。（直リンク禁止）
リンク先アドレスは、http://persil.nobuyoshi.com/　でお願いします。
フリー素材＆ホームページデザインテンプレート◇ホームページデザインワールド【Persil／ペルシ】
フリー素材＆ホームページデザインテンプレート◇ホームページデザインワールド
【 Persil／ペルシ 】
ダウ�?蹇璽疋侫．ぅ?倭瓦董� LHA圧縮ファイ�?］です。
ダウ�?蹇璽標紊離侫．ぅ???爐垢?砲蓮�Lhasa」�?硫?爛愁侫箸�必要です。
�?爛愁侫箸?��?舛任覆な?蓮�Vector』などで�?蠅靴堂爾気ぁ�
｜ 初めての�?� ｜ �?勸篤?/a> ｜ �?儺��?/a> ｜ 特�?�取壱�� ｜ お問い合せ ｜ サイトマップ ｜
Copyright (C) 2004-2005 NOBUYOSHI DESIGN All Rights Reserved.