ブログタイトルの背景に画像を使う。Part.1

Seesaaのスタイルシートって少なくない？。
メインのタイトルぐらい好きにさせろ！って思ったりしない？(←俺だけ？)

そこで「ブログタイトルの背景に画像を使う」方法Part.1。

ちょっと長くなるので記事をわけます。

始めに画像を用意します。
画像サイズは使用しているスタイルシートによって違うので、まずサイズを調べます。

編集画面の「デザイン」タブ⇒「デザイン一覧」タブ⇒画面下部にある、現在使用中のスタイルシートの「タイトル」を選択します。

スタイルシートのソースの割と最初の方に

#container {
margin:0px auto 0px auto;
width:800px;
background-image:url(http://blog.seesaa.jp/img/bg/blue/blog_bg.gif);
background-repeat:repeat-y;
color:#666;
}

と書かれた一文があります。

検索ボックスで探すときは
【　　container　　】
で探してみて下さい。

この部分はブログ本体に対応している部分です。ソース内の

width:800px;

が横幅です。この800pxをメモっといて下さい。

次に

#banner{
font-family:arial, Helvetica;
margin:0px;
text-align:left;
background-image:url(http://blog.seesaa.jp/img/bg/blue/header.gif);
background-repeat:no-repeat;
padding-left:25px;
height:104px;
}

と書かれた一文を探します。

検索ボックスで探すときは
【　　banner　　】
で探してみて下さい。

この部分はヘッダー(ブログ名のトコ)に対応している部分です。ソース内の

height:104px;

が縦幅となります。

先ほど調べたのと合わせて、
【横 800px × 縦 104px】が
ブログタイトルの背景に必要な画像のサイズです。

Phtoshopなどを使って、このサイズの画像を用意して、アップロードします。

：関連記事

・タイトル文字の色を変える。
・タイトル文字の大きさを変える。
・ブログ説明文の色を変える。
・ブログタイトルの背景に画像を使う。Part.2
・画像をアップロード＆URL（アドレス）を調べる。