ホームページビルダー１６のCSS編集（１１）

次の<h2>の所に
<div id="hpb-title" class="hpb-top-image">
<h2>ビルダーサロンは、○○○○○○○○○○です。</h2>
</div>
FLASHようのタグを挿入
<div id="hpb-title" class="hpb-top-image">
<h2><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/fl
ash/swflash.cab#version=9,0,47,0" width="645" height="310">
<param name="movie" value="index.swf">
<param name=quality value=high>
<param name=allowScriptAccess value=always><param
name="BGCOLOR" value="#3E64B5">
<embed src="index.swf" width="645" height="310"
quality=high type="application/x-shockwave-flash"
bgcolor="#3E64B5"></embed></object></h2>
</div>
に変更。

次に、必要のないコードの削除と変更をした。（container_5Ea_2c_right.cssで）
.hpb-layoutset-01 #hpb-title h2
{
margin-top: -167px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0px;　　-217pxに変更
overflow: hidden;　　　削除
text-indent: -9999px;　　削除
height: 310px;
background-image : url(mainimg_5Ea_01.png);　削除
background-position: left top;　　削除
background-repeat: no-repeat;　　削除
}

変更と削除の結果、コードは次にようになった。
.hpb-layoutset-01 #hpb-title h2
{
margin-top: -167px;
margin-right: 0;
margin-bottom: 0;
margin-left: -217px;
height: 310px;
}

うまく行ったので、これを応用してアウルネットのトップページに使うべき更なる検討を行った。
次からは２ページ以降の処理。
次のページへ