ロールオーバーの追加

 HTMLソースエディタの編集、ヘッダー部分を編集でCSSを追加

 (例)「ホームに戻る」をロールオーバーで作成しています。

文章作成で、「ホームに戻る」の文章にHTMLソースエディタの編集で

<p class="rollover">を追加する

 

<p>ホームに戻る</p>

  ↓

<p><p class="rollover">ホームに戻る</p>

 

 「ヘッダー部分を編集」に下記のCSSを追加する。

/*  簡単ロールオーバーの追加

(Jimdoの「ヘッダ」部分に追記用)

----------------------------------------------- */

<style type="text/css"> 

.rollover {

        width: 120px;

        border: 1px solid #00ccff;

        background: #ccffff;

        text-align: center;

}

.rollover a {

        display: block;

}

.rollover a:link,

.rollover a:visited {

        color: #00ccff;

        text-decoration: none;

}

.rollover a:hover {

        background: #00ccff;

        color: #FFFFFF;

        text-decoration: none;

}

</style>