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