AX テンプレートカスタマイズ - Kuri Anime Hotline!
FC2ブログ

Kuri Anime Hotline!

アニメ・コミック・動画の紹介や自分の行ったイベントの紹介を中心にしてます。  ※一部エロ関係もあるので18歳未満の方の閲覧はご注意ください※

テンプレートカスタマイズ

ブログのテンプレートをいぢり始めました。

テンプレートだけでも十分ですが、自分好みに
カスタマイズしていきます。

とりあえず何も画像がないのは味気がないので
TOPの背景に画像をいれてみました。

他の方もやられていて今更ですが
FC2 Blogでのやり方は次の通り。

管理者メニューの「環境設定」-「テンプレートの設定」
をクリックすると現在のテンプレートとHTML,CSSの
編集画面がでてきます。

(このBlogはgrey_3columnを利用しています。)
HTMLの中身をみてもらうと
<div id="header">というのがあると思います。

このidを下のスタイルシート編集で検索してみると
こんな記述があると思います。
これは、HTMLの<div id="header">で囲われた部分の
設定になります。

div#header {
width: 100%;
padding-bottom:40px;
padding-top:40px;
margin-bottom: 60px;
background:#666666;
}

この赤文字の部分を編集すれば背景画像を挿入できます。
background:url(アップロードした画像のパス);

ちなみに画像のサイズですが管理人のは
幅720 高さ186の画像を使っています。
自分にあったサイズで利用してみてください。

スポンサーサイト

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:http://kuriblog77.blog72.fc2.com/tb.php/7-96ba890b
該当の記事は見つかりませんでした。