サイドバーにリンク画像を貼ってみる! | MACよろず講座

MACよろず講座

デザイン、チラシ作り、ヘッダ作成、ソーシャルメディアetc.
MACでできること、組み合わせ次第で無限に広がります!

まずはCSSの編集で、サイドバーエリアの幅をチェック。

~~~~~~~~~~~~~~~~~~~~~~~~~~

/* (3-7) サイドバーエリア
--------------------------------------------*/


.skinSubArea{} /* サイドバーエリア共通 */
.skinSubA{} /* 300pxのサイドバーエリア */
.skinSubB{} /* 180pxのサイドバーエリア */

~~~~~~~~~~~~~~~~~~~~~~~~~~

180pxってことだね!

早速横幅180pxのgif画像を作ってみました。


$MACよろず講座

~~~~~~~~~~~~~~~~~~~~~~~~~~


この画像に「記事を書く」画面を使ってコードを作成!

$MACよろず講座


<a href= ~ >までと、最後の</a>を消去。

「素」の状態の画像コードを作成します。

~~~~~~~~~~~~~~~~~~~~~~~~~~

ここに、いつものように「リンク」ボタンでリンクを貼ります。

$MACよろず講座


このコードをコピーして、サイドバーの設定

$MACよろず講座


フリースペースの編集、一番下にペーストします。

$MACよろず講座


~~~~~~~~~~~~~~~~~~~~~~~~~~

最後に「サイドバーの配置」で好きな場所に位置を変更しましょう。

$MACよろず講座