てぃーだブログ・オリジナルテンプレートの作成方法：特別編③

今回は、画像サイズ（横200px 縦200px ）を用意して、
どんな表示パターンになるかを検証します！(⌒-⌒)ﾆｺﾆｺ...

下記のヘッダー画像（サイズ：横100px 縦100px ）の場合は・・・

【スタイルシート】

/* ブログタイトル・概要 */
#banner{
background-color: #6699ff;
height: 200px;
width: 750px;
margin: 0px;
overflow: hidden;
background-image: url(http://img01.ti-da.net/usr/blogstyle/bg_100x100.gif);
}



規定の設定サイズが”横750px 縦200px”なので、”横100px 縦100px”の場合は、
繰り返し表示される設定になっていると”横に７個半 縦に2個”表示されました！





では、ヘッダー画像（サイズ：横200px 縦200px ）の場合は、どうでしょか？

【スタイルシート】

/* ブログタイトル・概要 */
#banner{
background-color: #6699ff;
height: 200px;
width: 750px;
margin: 0px;
overflow: hidden;
background-image: url(http://img01.ti-da.net/usr/blogstyle/bg_200x200.gif);
}



結果は、こんな感じになりました～！∑(￣ﾛ￣|||)なんと！？





では、次回は、画像サイズ（横300px 縦300px ）を用意して、
どんな表示パターンになるかを検証します！お楽しみに～♪(＝⌒▽⌒＝) ﾆｬﾊﾊﾊ♪


皆さんも、この機会にブログカスタマイズに
チャレンジしてみては、いかがでしょうか！？ｐ(*^-^*)ｑ がんばっ♪