無料ブログはココログ

« Google「検索」にかかりやすくする方法(特にサイトマップの作り方について) | トップページ | 阪神タイガース大変なことになってきました。 »

2008年9月 1日 (月)

ホームページビルダーで、ロールオーバー効果を付ける(文字の背後のプレートの色をロールオーバーの機能で変えるやり方)

画像で、ロールオーバーのやり方は、ホームページビルダーでウィザードに従ってやれば出来ますが、文字の上にマウスの矢印を持っていくと、文字の背後のプレートの色が変わるということはウィザードでは出来ません。このやり方が分かりましたので、私自身の覚え書きのために、これを書き留めておきます。

1.表をつくる(表を作る必要がなければここはパスして下さい)


2.表の上で右クリックして、「属性の変更」をクリック


3.表のセルの中の色を決める。


4.次に表の枠の色を決める


5.図のようなものが出来上がる


6.文字を入れる


7.リンク先を設定する


8.例として、自分のブログへリンクを貼る。OKボタンを押す。


9.リンクが貼られた


10.ホームページビルダーのhtmlソースを見ると、この枠は、赤の四角で囲んだ中に出来ていることが分かる


11.表示→スタイルシートマネージャーをクリックする


12.追加をクリックする


13.マウスが上にあるリンク  A:hoverを選択


14.文字の後ろのプレートの色は、最初クリーム色だったが、マウスの矢印を載せたらプレートの色が赤になるようにするには、背景色を赤にすればよい。OKボタンをクリックする。


15.ホームページビルダーのhtmlソースを見ると、次のようにスタイルシートが挿入された。


16.これで完成なので、プレビューで試してみる。赤く変わって、目的のサイトに飛べるかどうか、確認する。


17.文字の下に、もしアンダーラインが付いていて、不要なら、次の要領で消す。

18.文字を選択する


19.編集→スタイルの設定をクリック


20.文字飾りをなしにチェックを付ける


21.アンダーラインが消えた


22.再度プレビューで見て確認する。

« Google「検索」にかかりやすくする方法(特にサイトマップの作り方について) | トップページ | 阪神タイガース大変なことになってきました。 »

パソコン・インターネット」カテゴリの記事

コメント

丁寧にご指南いただけて、ありがとうございました。
テキストでのロールオーバーが分からなかったので
本当に助かりました。

shuyaさん こんにちは

うまくいってよかったですね。
私も嬉しいです。happy01

コメントを書く

(ウェブ上には掲載しません)

トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/150691/42346338

この記事へのトラックバック一覧です: ホームページビルダーで、ロールオーバー効果を付ける(文字の背後のプレートの色をロールオーバーの機能で変えるやり方):

« Google「検索」にかかりやすくする方法(特にサイトマップの作り方について) | トップページ | 阪神タイガース大変なことになってきました。 »

2017年8月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31