ブログタイトル部分の背景色(画像)を変更する

ここでは、 ブログタイトル部分の背景色(画像)を変更する に関する記事を紹介しています。
category : ブログ カスタマイズ 方法  |  タグ : カスタマイズ,
◎ ブログタイトル部分の背景色(画像)変更方法

以下のスタイルシート(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ランキング!

この記事へのコメント
ありがとうございました
解決しました。
非常に分かりやすい説明で助かりました。
2007/02/19(月) 16:17 | URL | あっちん #-[ 編集]
RE:あっちん 様
関連する記事をアップしましたので、ご覧下さい。
 ※ http://blog298.blog25.fc2.com/blog-entry-454.html

こちらの記事も、あわせて、ご覧下さい。
 ※ http://bloglink29.blog58.fc2.com/blog-entry-120.html
2007/02/17(土) 22:01 | URL | ブログタイトル #ntCWGXuI[ 編集]
もうひとつお聞かせください
質問にお答えいただき、ありがとうございます。
解決しました。

よろしければ、もうひとつ質問させてください。

「ブログタイトル文字を含んだ画像」をデザインし、
タイトル部分に設定するつもりなので、
フォント文字のブログタイトルを消そうと考えています。


<h1 id="title"><a href="<%url>"><%blog_name></a></h1>
</div>
<div class="introduction"><%introduction></div>


htmlのこの部分↑を削除した場合、
検索サイトに引っかかりにくくなるなどの
問題は発生するのでしょうか。

もし発生するのであれば、
そのようなリスクを抑えるような消し方はありますか?

ヘンな質問で申し訳ありません。
よろしくお願いいたします。
2007/02/09(金) 00:39 | URL | あっちん #nkutbCtA[ 編集]
RE:あっちん様
上記、記事の説明どうり、
background-color:#123456;
の部分を、
background:#123456 url("画像へのパス(URL)");
に変更してください。
2007/02/08(木) 23:51 | URL | weblog #ntCWGXuI[ 編集]
背景画像変更のスタイルシートについて質問
はじめまして。質問させてください。

今年の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]を使用させていただいています。
タイトル部分に画像を挿入しようとおもっているのですが、タイトル部分の高さを変更することはできますか?
よろしくおねがいします。
2007/01/16(火) 17:42 | URL | リエマル #-[ 編集]
RE:ガンバルママ さん
CSS、「#headBlock」の部分に、" height:250px; "(250pxは任意の数値)と付け加えて下さい。
2006/10/29(日) 16:43 | URL | CSS #ntCWGXuI[ 編集]
すみません・・・もう一度質問です(_ _(--;(_ _(--; ペコペコ
画像に変更する事はできたのですが、
ブログタイトル部分の縦の幅を広くするにはどこをいじればよろしいのでしょうか?
画像が切れてしまって見えないので・・・
お忙しいとは思いますが、よろしくお願いいたします!
2006/10/26(木) 10:36 | URL | ガンバルママ #WO.8kER.[ 編集]
ありがとうございます!
早速やってみます!
ペコリ(o_ _)o))
2006/10/26(木) 10:13 | URL | ガンバルママ #WO.8kER.[ 編集]
広告配信サービス「マイクロアドターゲット」 *
URL:
Comment:
Pass:   
この記事のトラックバックURL
この記事へのトラックバック