あああああああああああああああああ
あああああああああああ
ああああああああああ
あああああああ ああああ
ああああああああ
aaa
本気モードで、ブログのカスタマイズをやっていこうと決意
そこで、いろんな方がアメブロカスタマイズをされていますが、以前から、いろいろと教えていただいているこちらの方→やさしいブログの作り方：松田さんにお願いすることになりました。
自分で少しずつと、地味にマイナーチェンジをしてきましたが私の性格上・・・期限とかないと出来ない？！やらない！？んです
学生時代から・・・
自分に甘いのでしょうかね
期限をつけて、いっきに頑張った方が出来るのではないかと思ったので、頑張ることにしました。
パソコンは使うけど、いまいち良くわかってないけど、必要なことは何とか。。。
そんなレベルな私が、ホントにわかるように丁寧に教えていただけて
なおかつ、自分でやる
/*--- ---*/で囲われた部分をCSSの最後に追記してください。
/*---------------- グローバルナビ（ここから） --------------------*/
#wrap{
position:relative;
margin-top:50px;
}
#navi {
position:absolute;top:-60px;left:0;
width:800px;
font-size:12px !important;
}
#navi ul {
margin:0;
padding:1px 0;
list-style:none;
}
#navi ul li {
margin:0;
padding:0 0 0 1px;
display:inline;
width:159px;
line-height:3.0em;
float:left;
overflow:hidden;
white-space:nowrap;
}
#navi ul li.left {
margin:0;
padding:0;
display:inline;
width:160px;
line-height:3.0em;
float:left;
overflow:hidden;
white-space:nowrap;
}
#navi ul li a {
display: block;
text-align: center;
font-weight: bold;
background-color:#ad6c4e;
color:#ffffff !important;
text-decoration:none;
border:1px solid #ad6c4e;
}
#navi ul li a:hover {
background-color:#ffffff;
color:#ad6c4e !important;
border:1px solid #ad6c4e;
}
#navi ul li ul li {
display: block;
margin:0;
padding:0;
position:relative;
border-top:1px solid #ffffff;
float: none;
width:159px;
}
#navi ul li ul li.left {
display: block;
margin:0;
padding:0;
position:relative;
border-top:1px solid #ffffff;
float: none;
width:160px;
}
/* OFF */
#navi ul li ul {
display: none;
}
/* ON */
#navi ul li:hover ul {
margin:0;
padding:0;
display: block;
position: absolute;
z-index: 100;
}
/*---------------- グローバルナビ（ここまで） --------------------*/
次に以下のソースをフリースペース欄に貼り付けてください。
<div id="navi"><ul><li class="left"><a href="http://ameblo.jp/smilekitchen-okurayama/ ">トップページ</a></li><li><a href="http://ameblo.jp/smilekitchen-okurayama/entry-10935131176.html ">初めての方へ</a></li><li><a href="http://ameblo.jp/smilekitchen-okurayama/entry-10925919892.html ">メニュー・料金・レッスン日程</a></li><li><a href="http://ameblo.jp/smilekitchen-okurayama/entry-10928517441.html ">お客様の声 / Ｑ＆Ａ</a></li><li><a href="http://ameblo.jp/smilekitchen-okurayama/entry-10934997092.html ">予約・お問い合わせ</a></li></ul></div>