リンクにカーソルあてた時、ちょこっと動かす。

Seesaaやってると、リンクをもうちょっとアピールさせたくない？
たまには動いてみろよ！って思ったりするよね？(←俺だけ？)

そこで「リンクにカーソルあてた時、ちょこっと動かす」方法。


これはスタイルシート(CSS)の変更で行ないます。

編集画面の「デザイン」タブ⇒「デザイン一覧」タブ⇒画面下部にある、現在使用中のスタイルシートの「タイトル」を選択します。

スタイルシートのソース内に
【　a { 　】
から始まる項目があります。

見つからない時は検索ボックスに、　　a{　　　と打ち込んでみてください。

a{
color:#00C657;
}

上のようなソースが見つかります。
このＡタグの一行下に

a:hover {
position:relative; 動かす方向と幅
}

を追加します。
そして【　 position:relative;　】の後(動かす方向と幅のトコロ)に、動かす方向

top: (下に移動)　Bottom:（上に移動)　left:（右に移動）　right:（左に移動）

と、幅を指定します。

＊px;　　　＊はお好きな数字を。(1〜2ぐらいがちょうどいいです)

こんな感じになるかと↓

a:hover {
position:relative; top:1px; left:1px;
}

プレビューを見てよければ、
「スタイルシートを変更する」
で終了です。

見本はスタイルシート：ブルー（両サイドﾊﾞｰ）の場合です。
ちなみに【seesaaをカスタマイズする。】では前回の「リンクにカーソルあてた時、色を変化させる」と一緒にカスタムしました。その場合【a:hover {　}】の{　}内に、
color: 　と　position:relative;　を一緒に入れてあげてください。

：関連記事

・リンクにカーソルあてた時、色を変化させる。
・リンクされている文字の色を変える。