ブログ関連 ブログの改造
てぃーだブログテンプレート簡単カスタマイズ:背景①
今回は、てぃーだブログテンプレートの
「[sp-21] 専科特別テンプレート_2カラム」で使用されている
背景画像ファイルをカスタマイズしたいと思います。(⌒-⌒)ニコニコ...
下記が
「[sp-21] 専科特別テンプレート_2カラム」で使用されている
背景画像ファイルと実際のソースコードです。(⌒-⌒)ニコニコ...
【背景画像ファイル】
【スタイルシート】
/* HTMLタグ設定 */
body{
margin: 0;
padding: 0;
font-size: 100%;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', sans-serif;
background-image: url(http://admin.ti-da.net/_img/hadasenka/bg.jpg);
background-repeat: repeat;
background-position: center top;
}
下記の、赤文字部分で、背景画像ファイルの各設定をしています。
背景画像ファイルの指定:
background-image: url(http://admin.ti-da.net/_img/hadasenka/bg.jpg);
背景画像ファイルの繰り返し(リピート)設定:
background-repeat: repeat;
背景画像ファイルの位置調整:
background-position: center top;
今回は、背景をシンプルな白(ホワイト)に変更したいので、現在指定されている背景画像ファイルの設定をすべて削除して下記のソースコード(青文字)を追加します。
background-color: #ffffff;
【スタイルシート】変更後
/* HTMLタグ設定 */
body{
margin: 0;
padding: 0;
font-size: 100%;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', sans-serif;
background-color: #ffffff;
}
トップページのプレビューで、表示を確認するとこんな感じになっていました。
実際の表示は、テスト表示用ブログの
『ブログをカスタマイズ!「ブログスタイル」』で!
上記をクリックすると表示されますよ~♪(⌒-⌒)ニコニコ...
皆さんも、この機会にカスタマイズしませんか?
- 関連記事
- 『てぃーだブログテンプレートの簡単カスタマイズをスタート!』
- 『てぃーだブログテンプレート簡単カスタマイズ:テンプレート選択』
- 『てぃーだブログテンプレート簡単カスタマイズ:ソースコード①』
- 『てぃーだブログテンプレート簡単カスタマイズ:ソースコード②』
- 『てぃーだブログテンプレート簡単カスタマイズ:背景①』
- 『てぃーだブログテンプレート簡単カスタマイズ:背景②』
- 『てぃーだブログテンプレート簡単カスタマイズ:背景③』
- 『てぃーだブログテンプレート簡単カスタマイズ:フッター』
- 『てぃーだブログテンプレート簡単カスタマイズ:記事タイトル』
- 『てぃーだブログテンプレート簡単カスタマイズ:サイドタイトル』
- 『てぃーだブログテンプレート簡単カスタマイズ:左サイド』
- 『てぃーだブログテンプレート簡単カスタマイズ:このページの上へ』
- 『てぃーだブログテンプレート簡単カスタマイズ:ヘッダー画像①』
↓ 只今、ランキング参加中なので、クリックをお願いしま~す!(⌒-⌒)ニコニコ...
[PR]
minne(ミンネ)はハンドメイド作品のオンラインマーケットです。
手作り作品のネット販売が、月額利用料「0円」で行えます。
お金のやりとりはminneが代行するので、初めての方でも安心です♪
パソコン、スマホどちらからでも
すぐにあなたの作品を販売できるminne(ミンネ)はこちらから。