背景画像の編集

mono-b-8-1

この上のテンプレートはところどころで背景画像を使用しています。右側のメニューの部分もこんな画像を背景に使っています。

menu_1bg

その他

menu_2bg

なんていうのもあります。リンクメニューをHTMLで記述していくだけでボタンのメーニューが出来上がります。その他ページ上部のメニュー部分はこんな画像を使ったりしています。

header_bg

ところでこのメニューの背景画像はなぜ2段になっているかというと、そのメニュー部分にマウスが乗ってときに背景画像の表示位置を変更しています。そうするとマウスが乗ると「シャキーン」と色が変わって表示されます。それぞれ以下のように表示されます。

bt1

タイトル右のメニュー

bt4

タイトル下のメニュー

bt2

右のメニューその1

bt3

右のメニューその2

これらの背景画像は画像のサイズさえ間違わなければあなたのまったくオリジナルの画像を作成して利用することも出来ます。

<<前のページ | ダサいホームページとさようなら…>>

こちらの記事も参考になるかも

    None Found