ブログ関連 ブログの改造
てぃーだブログ・オリジナルテンプレートの作成方法:特別編③
今回は、画像サイズ(横200px 縦200px )を用意して、
どんな表示パターンになるかを検証します!(⌒-⌒)ニコニコ...
下記のヘッダー画像(サイズ:横100px 縦100px )の場合は・・・
【スタイルシート】
/* ブログタイトル・概要 */
#banner{
background-color: #6699ff;
height: 200px;
width: 750px;
margin: 0px;
overflow: hidden;
background-image: url(//img01.ti-da.net/usr/blogstyle/bg_100x100.gif);
}
規定の設定サイズが”横750px 縦200px”なので、”横100px 縦100px”の場合は、
繰り返し表示される設定になっていると”横に7個半 縦に2個”表示されました!
では、ヘッダー画像(サイズ:横200px 縦200px )の場合は、どうでしょか?
【スタイルシート】
/* ブログタイトル・概要 */
#banner{
background-color: #6699ff;
height: 200px;
width: 750px;
margin: 0px;
overflow: hidden;
background-image: url(//img01.ti-da.net/usr/blogstyle/bg_200x200.gif);
}
結果は、こんな感じになりました~!∑( ̄ロ ̄|||)なんと!?
では、次回は、画像サイズ(横300px 縦300px )を用意して、
どんな表示パターンになるかを検証します!お楽しみに~♪(=⌒▽⌒=) ニャハハハ♪
皆さんも、この機会にブログカスタマイズに
チャレンジしてみては、いかがでしょうか!?p(*^-^*)q がんばっ♪
↓ 只今、ランキング参加中なので、クリックをお願いしま~す!(⌒-⌒)ニコニコ...
[PR]
minne(ミンネ)はハンドメイド作品のオンラインマーケットです。
手作り作品のネット販売が、月額利用料「0円」で行えます。
お金のやりとりはminneが代行するので、初めての方でも安心です♪
パソコン、スマホどちらからでも
すぐにあなたの作品を販売できるminne(ミンネ)はこちらから。