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>