2008年02月25日

マウスに触れると太字斜体文字にする方法

mixiのExpression Webのコミュニティに質問があがったので、こちらで再掲載。

FrontPageでは、DHTML効果機能が実装されていたけど、Expression Webにはないんだよね。 SharePoint Designerにもなかったはず。

じゃあ、どうすればいいか?

…マウスに触れると太字斜体文字にする方法は以下の二つ。

対象とする文字がハイパーリンクの場合

CSSで実装できるので、以下の手順に従ってスタイルシートを生成するとOK。

  1. スタイルの適用作業ウィンドウから[新しいスタイル]ボタンをクリック
  2. セレクタ名には「a:hover」と入力
  3. スタイルを生成する場所を指定する(作業中のページなのか外部CSSファイルなのか)
  4. [フォント]カテゴリにて、以下の設定を行う
    1. font-weightの一覧から「bold」
    2. font-styleの一覧から「italic」
  5. [OK]ボタンをクリック

対象とする文字がハイパーリンクではない場合

ビヘイビア機能を利用するとOK。

  1. [作業ウィンドウ]→[ビヘイビア]をクリックして、ビヘイビア作業ウィンドウを表示
  2. 太字斜体の文字にしたい部分を選択
  3. ビヘイビア作業ウィンドウから[挿入]ボタンをクリックし、[プロパティの変更]をクリック
  4. [プロパティの変更]ダイアログボックスが表示されるので、[フォント]ボタンをクリック
  5. [スタイル]の一覧から「太字斜体」を選択して、[OK]ボタンをクリック
  6. [プロパティの変更]作業ウィンドウの下、[MouseOutイベント時に元に戻す]のチェックを付けて[OK] ボタンをクリック
posted by wanichan at 13:16 | Comment(0) | TrackBack(0) | Expression Web