◎ ブログタイトル部分の背景色(画像)変更方法
以下のスタイルシート(CSS)の赤字部分を変更してください。
■ ブログタイトル部分の背景色を変更する場合
#headBlock {
background-color : #123456;
}
※参考; HTMLリファレンス - カラー編(RGB)
■ ブログタイトル部分の背景画像を変更する場合
#headBlock {
background : #123456 url("画像へのパス(URL)");
}
※備考; "#123456" は、背景画像が表示されない時に表示する色を指定
▼ 背景画像の位置を指定する場合
#headBlock {
background : #123456 url("画像へのパス(URL)") no-repeat fixed 50% 30%;
}
● 関連する記事 ⇒ ※背景イメージを指定するCSS&背景画像(フリー素材)
▼ 関連カテゴリー
※スタイルシート(CSS)
※HTML タグ 関連解説
※JavaScript (ジャバスクリプト)
※ブログ カスタマイズ 方法
※ブログ関連 本・書籍・ブック
記事の内容にご満足戴けましたならクリックをお願いします ↓
JRANKブログランキング
FC2ブログランキング
人気blogランキング!
以下のスタイルシート(CSS)の赤字部分を変更してください。
■ ブログタイトル部分の背景色を変更する場合
#headBlock {
background-color : #123456;
}
※参考; HTMLリファレンス - カラー編(RGB)
■ ブログタイトル部分の背景画像を変更する場合
#headBlock {
background : #123456 url("画像へのパス(URL)");
}
※備考; "#123456" は、背景画像が表示されない時に表示する色を指定
▼ 背景画像の位置を指定する場合
#headBlock {
background : #123456 url("画像へのパス(URL)") no-repeat fixed 50% 30%;
}
● 関連する記事 ⇒ ※背景イメージを指定するCSS&背景画像(フリー素材)
▼ 関連カテゴリー
※スタイルシート(CSS)
※HTML タグ 関連解説
※JavaScript (ジャバスクリプト)
※ブログ カスタマイズ 方法
※ブログ関連 本・書籍・ブック
記事の内容にご満足戴けましたならクリックをお願いします ↓
JRANKブログランキング
FC2ブログランキング
人気blogランキング!
▼ おすすめブログ カスタマイズ関連書籍
さすが!と言わせる FC2ブログ徹底攻略術
ポータル プロバイダ別blogデザインカスタマイズ事典
◎無料ブログ比較・評価&サンプルblog
※無料ブログ(blog)比較情報
◎無料レンタル ブログ比較評価
さすが!と言わせる FC2ブログ徹底攻略術
ポータル プロバイダ別blogデザインカスタマイズ事典◎無料ブログ比較・評価&サンプルblog
※無料ブログ(blog)比較情報
◎無料レンタル ブログ比較評価
この記事へのコメント
解決しました。
非常に分かりやすい説明で助かりました。
非常に分かりやすい説明で助かりました。
2007/02/19(月) 16:17 | URL | あっちん #-[ 編集]
関連する記事をアップしましたので、ご覧下さい。
※ http://blog298.blog25.fc2.com/blog-entry-454.html
こちらの記事も、あわせて、ご覧下さい。
※ http://bloglink29.blog58.fc2.com/blog-entry-120.html
※ http://blog298.blog25.fc2.com/blog-entry-454.html
こちらの記事も、あわせて、ご覧下さい。
※ http://bloglink29.blog58.fc2.com/blog-entry-120.html
質問にお答えいただき、ありがとうございます。
解決しました。
よろしければ、もうひとつ質問させてください。
「ブログタイトル文字を含んだ画像」をデザインし、
タイトル部分に設定するつもりなので、
フォント文字のブログタイトルを消そうと考えています。
<h1 id="title"><a href="<%url>"><%blog_name></a></h1>
</div>
<div class="introduction"><%introduction></div>
htmlのこの部分↑を削除した場合、
検索サイトに引っかかりにくくなるなどの
問題は発生するのでしょうか。
もし発生するのであれば、
そのようなリスクを抑えるような消し方はありますか?
ヘンな質問で申し訳ありません。
よろしくお願いいたします。
解決しました。
よろしければ、もうひとつ質問させてください。
「ブログタイトル文字を含んだ画像」をデザインし、
タイトル部分に設定するつもりなので、
フォント文字のブログタイトルを消そうと考えています。
<h1 id="title"><a href="<%url>"><%blog_name></a></h1>
</div>
<div class="introduction"><%introduction></div>
htmlのこの部分↑を削除した場合、
検索サイトに引っかかりにくくなるなどの
問題は発生するのでしょうか。
もし発生するのであれば、
そのようなリスクを抑えるような消し方はありますか?
ヘンな質問で申し訳ありません。
よろしくお願いいたします。
2007/02/09(金) 00:39 | URL | あっちん #nkutbCtA[ 編集]
上記、記事の説明どうり、
background-color:#123456;
の部分を、
background:#123456 url("画像へのパス(URL)");
に変更してください。
background-color:#123456;
の部分を、
background:#123456 url("画像へのパス(URL)");
に変更してください。
はじめまして。質問させてください。
今年の1月からテンプレートを利用させていただいており、
とても気に入っています。作者様にはとても感謝しています。
[154_black_3c]を使っています。
タイトルに画像を表示させようとこの記事を拝見しましたが、
分からない点がありました。
#headBlock {
background : #123456 url("画像へのパス(URL)");
}
↑この記述をどこに入れればいいのかが分かりません。
#headBlock {
width: 100%; background-color:#707070;
margin: 2px 0px 0px 2px; padding-top: 0px;
}
html>div #headBlock { background-color:#707070;
width:100%;margin: 2px 0px 0px 2px;padding-top:0px;
}
↑この記述がもともとありましたが、
これは別に記述すべきなのでしょうか。
お手数をお掛けしますが、よろしくお願いいたします。
今年の1月からテンプレートを利用させていただいており、
とても気に入っています。作者様にはとても感謝しています。
[154_black_3c]を使っています。
タイトルに画像を表示させようとこの記事を拝見しましたが、
分からない点がありました。
#headBlock {
background : #123456 url("画像へのパス(URL)");
}
↑この記述をどこに入れればいいのかが分かりません。
#headBlock {
width: 100%; background-color:#707070;
margin: 2px 0px 0px 2px; padding-top: 0px;
}
html>div #headBlock { background-color:#707070;
width:100%;margin: 2px 0px 0px 2px;padding-top:0px;
}
↑この記述がもともとありましたが、
これは別に記述すべきなのでしょうか。
お手数をお掛けしますが、よろしくお願いいたします。
2007/02/08(木) 16:42 | URL | あっちん #nkutbCtA[ 編集]
[162_07luky_3c]を使用させていただいています。
タイトル部分に画像を挿入しようとおもっているのですが、タイトル部分の高さを変更することはできますか?
よろしくおねがいします。
タイトル部分に画像を挿入しようとおもっているのですが、タイトル部分の高さを変更することはできますか?
よろしくおねがいします。
CSS、「#headBlock」の部分に、" height:250px; "(250pxは任意の数値)と付け加えて下さい。
すみません・・・もう一度質問です(_ _(--;(_ _(--; ペコペコ
画像に変更する事はできたのですが、
ブログタイトル部分の縦の幅を広くするにはどこをいじればよろしいのでしょうか?
画像が切れてしまって見えないので・・・
お忙しいとは思いますが、よろしくお願いいたします!
画像に変更する事はできたのですが、
ブログタイトル部分の縦の幅を広くするにはどこをいじればよろしいのでしょうか?
画像が切れてしまって見えないので・・・
お忙しいとは思いますが、よろしくお願いいたします!
2006/10/26(木) 10:36 | URL | ガンバルママ #WO.8kER.[ 編集]
ありがとうございます!
早速やってみます!
ペコリ(o_ _)o))
早速やってみます!
ペコリ(o_ _)o))
2006/10/26(木) 10:13 | URL | ガンバルママ #WO.8kER.[ 編集]
| 無料ブログ テンプレート カスタマイズ |
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by 無料ホームページ作成講座ブログ
Copyright © 2006 無料ブログ テンプレート カスタマイズ All rights reserved.
ドメイン SEO対策カウンター
Template by 無料ホームページ作成講座ブログ

