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

（１５）「ビルダーサロン」の部分
id="shopinfo"（container_5Ea_2c_right.cssで）　
●「ビルダーサロン」部の背景色を変更し<h4>は削除

/* 店舗情報 */
#shopinfo
{
padding-top: 10px;
padding-bottom: 10px;
background-color: #3658A0; 　#202020より#3658A0に変更
border-left-width: 2px;
border-left-style: solid;
border-left-color: #565656;　　
width: 207px;
margin-left: auto;
margin-right: 6px;
}
●文字の色をオレンジに変更
#shopinfo p
{
padding-top: 2px;
padding-left: 10px;
padding-bottom: 5px;
margin-top: 0;
margin-bottom: 0.1em;
line-height : 1.6;　　追加
color : orange;　　　追加
}

#shopinfo img
{
display: none;
}
●リンク関係を背景色に合わせて追加　
#shopinfo a:link　　追加
{color:#FFFFFF;
text-decoration: undeline;
}
#shopinfo a:hover　　追加
{color:#FFFF00;
text-decoration: none;
}
#shopinfo a:active　　追加
{color:#48BFF4;
text-decoration: none;
}
#shopinfo a:visited　　追加
{color:#FFFFFF;
text-decoration: underline;
}
●画像変更
index-shop.jpgをGIFアニメに変更（ウェブアニメーター使用）

次のページヘ

news新着情報

---

---

---