メニューを入れるだけなら簡単なんです

●　メニューを入れるだけなら簡単なんです

こんにちは。高橋好美です＾＾

お仕事でアメーバブログをしている方がやりたいと思っているカスタマイズ。

よく声が上がるのは「オリジナルヘッダー画像」と「メニュー」の作成です。

実は、メニューの作成だけなら簡単なんです。

「ＣＳＳ編集スタッフのブログ」で説明が載っています。

やることは以下の２つだけです。

１：フリースペースに以下のタグを入れる

★となっている部分には、自分のアメーバIDを入れます。

このまま★にアメーバIDを入れると、

ブログ　ナウ　ペタ　ピグ　に飛ぶようになります。

２：ＣＳＳに以下の記述を追加する

/* ヘッダー下にメニューを設置する */
.skinContentsArea{
position:relative;
padding-top:48px;
}
#myFreeArea {
position:absolute;
top:0px;
left:0px;
height:46px;
width:980px;
overflow:hidden;
}
#myFreeArea a{
display:inline-block;
width:221px;
margin:2px;
padding:0 10px;
background: url(http://stat100.ameba.jp/common_style/img/skin/cmn/bg/transparent/transparent_fff_8.png);
border-radius:7px;
line-height:2em;
font-size:18px;
font-family: Tahoma;
font-weight: bold;
color:#333;
text-decoration:none;
}
#myFreeArea a:hover{
background : #b5daff ;
}

こんな感じで２つしか作業はありません。

もちろん、細かい調整は必要ですが。

さて、入れるのは簡単なメニューバーですが、本当に考えるべきことはどこにあるのか。

メニューを考える以前のブログ全体の構造です。

何を目的に、何をメニューに載せるのかが本当は一番大事なんです。

カスタマイズさせていただく場合には、このブログの構成からお話しさせていただいています。