CSS編集デザイン 色々試しています
derapasso昨日、思い立ってCSS編集デザインに変更しました。
その後、内容を見ながら、また他のページを参考にしながら
変更をかけてみました。
グローバルメニューは、有名な方がおられるので、その方のページを参考ください。
私は、今回せっかくスペースが広くなったのでメニューの数を７つにしました。
また枠で囲ってみました。
１つだけ注意点を書きますと、ヘッダー下のスペースがうまくいかないときは
ボタン設置用スペースの数値を調整してみると良いです。
私の場合は「50px」でうまくおさまりました。
/* サイズ・位置調整 */
.skinContentsArea{
padding-top:50px; /* ボタン設置用スペース */
}
ヘッダー画像は、980pxで作成して、CSS編集の画面でアップ後下に出てくるURLをCSS編集画面内の
「★ブログヘッダーに背景画像を敷きたいとき」
の部分に高さとURLを記入してコメント(/*)を先ほどの文字の後ろに移動します。
だいたい下のような構文になると思います。
本日は細かく書く時間がないのですみません。
/*
★ブログヘッダーに背景画像を敷きたいとき */
height:200px;
backgroud:url(http://stat.ameba.jp/user_images/???????????.jpg) no-repeat 50% 50%;
}
その他の項目は、現在順番に確認中です。
知りたい方がおられれば、来週あたりから少しずつ書いていこうかと思います。
あと、せっかくのCSS3なので、透過メニューなども試していきたいと思います。
