ホームページビルダー14・13・12・11の使い方解説

ウェブアートデザイナーで作れるオリジナル素材。今までに作成した素材のほんの一部です。順次よさそうなものはアップしていきます。
チョットYahooっぽい?
上の点滅バージョン。少し影を残しています。
下のようなサイトマップなどに使いました。表のプロパティで余白0、罫線0、枠0と設定
右側は表の線を表示してあります。
Aのページ
ココはなし
Cのページ
Aのページ
ココはなし
Cのページ

テーブルです。このように何かのインフォメーションなどにお使い下さい。文字が増えれば勝手に表の高さも伸びます。幅が少々半端(大きい)ですが、楽天用に作成したものですのでご了承願います。幅を少なくしたいなどありましたらBBSにお願いします。
設定方法
上から画像が3つあります。いずれもセルの背景として使います。テーブルの設定は幅543pxです。
一番上のセルは高さ27pxですが、文字を入れなければ20pxでも大丈夫です。サンプルは27px
2番目のセルは高さも幅も指定はいりません
3番目のセルは高さ15pxで設定してください。下にタグの例を記述しておきます。
表中の文字はもうひとつ表を作成しその中に文字を記述しています。

<TABLE border="0" cellpadding="0" cellspacing="0" width="543">
<TBODY>
<TR>
<TD background="sozai/waku1.gif" height="20"></TD>
</TR>
<TR>
<TD background="sozai/waku2.gif">
<TABLE border="0" cellpadding="5" cellspacing="1">
<TBODY>
<TR>
<TD></TD>
<TD>このように何かのインフォメーションなどにお使い下さい</TD>
<TD></TD>
</TR>
</TBODY>
</TABLE>
</TD>
</TR>
<TR>
<TD background="sozai/waku3.gif" height="15"></TD>
</TR>
</TBODY>
</TABLE>

下の3つの画像をダウンロードしてご使用ください。素材の保存先はご自身のサーバーに合わせて書き換えて下さい。
waku1.gif
waku2.gif
waku3.gif

88×31のバナー


Copyright (C) 2008 ホームページビルダーを学ぼう All Rights Reserved.