ヘッダー画像、背景色の替え方

  1. テンプレート カスタマイズ
↓↓↓↓↓↓↓↓↓↓↓↓↓↓クリックで拡大↓↓↓↓↓↓↓↓↓↓↓↓↓↓

テンプレート名:[ pluging_3a_01 ]

ヘッダー画像変更完了!



カスタマイズの前にテンプレートのコピーを取って下さい

デザインの編集>修正>スタイルシートより#masterheadと書かれた部分を探して下さい

例)
#masterhead {
width: 380px;
margin: 0 auto;
background: #1c3754;
padding: 10px 100px 10px 480px;
overflow: hidden;
background: url(http://1.dtiblog.com/template/pluging_3a_01/image/header.jpg) no-repeat;
height: 100px;
text-align: right;
}


background: url(http://1.dtiblog.com/template/pluging_3a_01/image/header.jpg) no-repeat;
が現在の背景画像のことです。お好きな写真をDTIブログの管理画面にアップして、そのURLを()内に書き換えて下さい


例)
background: url(http://13.dtiblog.com/b/blogmanual/file/ny.jpg) no-repeat;


画像ではなく色だけにしたい場合は、下記のように変更します



background: #000000;


参考リンク

・色番号について

・背景画像の繰り返しについて


更新ボタンをクリック

<<  リストタグ(・や■)の編集  |  もくじへ  |  左右カラムの入れ替え方  >>
<<  リストタグ(・や■)の編集  |  ホーム  |  左右カラムの入れ替え方  >>

コメント

#masterhead

cssのidに#masterheadが無いのですがどうしたらよいですか?
  1. 2008/04/22(火) 15:55:35 |
  2. URL |
  3. goe #-
  4. [ 編集]

#masterhead

http://blogmanual.13.dtiblog.com/blog-entry-89.html
こちらでご紹介している7種類のテンプレートをお使いでしょうか?
このマニュアルで紹介している方法は、7種類のテンプレートの内の
どれかを使っている事を仮定として、ご説明させて頂いています。

その他のテンプレートに関しては、ヘッダーの名称が#masterheadでないことも
多々あります。7種類のテンプレートのいずれかをお使いで、#masterheadが
探せない場合は、ブログのURLをご連絡頂けますでしょうか。
  1. 2008/04/23(水) 01:14:13 |
  2. URL |
  3. DTIブログ管理人 #-
  4. [ 編集]

トップ一番上のブログ名が表示されている部分を、デザイン文字のGIF画像に置き替えたいのですが可能でしょうか?
  1. 2009/01/30(金) 12:00:00 |
  2. URL |
  3. #-
  4. [ 編集]

横レス失礼します。
テンプレにより多少違いはあると思いますが、<body>が始まってから、(テンプレによっては親切にコメントアウトしてくれてますが)
<%blog_name>の部分があると思います。
そいつを削除して、通常のHTMLタグを書き込めば、画像にできますよ〜。
私の場合は、<TABLE>をまるまる入れ込んでます。
  1. 2009/03/13(金) 14:47:09 |
  2. URL |
  3. SEX-PINK #-
  4. [ 編集]

#masterheadなし

同じく#masterheadがないのですが、画像を変えるにはどうすればよいでしょうか。
ちなみに使っているテンプレートは[ usagistyle_01 ] というものです。
  1. 2011/01/06(木) 21:04:43 |
  2. URL |
  3. mee #-
  4. [ 編集]

usagistyle_01のヘッダ画像

スタイルシート内にある#pageHeaderのbackgroundを編集してみて下さい。

#pageHeader {
background: url("http://101.dtiblog.com/u/usagistyle/file/bg_pageheader.jpg") no-repeat scroll 0 0 #FFFFFF;
height: 150px;
margin-left: 25px;
}
  1. 2011/01/07(金) 01:58:25 |
  2. URL |
  3. DTIブログ管理人 #-
  4. [ 編集]

ヘッダー画像の大きさが変わりません

ヘッダー画像を変えたのですが、
保存してある画像より高さが見切れてしまいます。

ここの【デザインの編集>修正>スタイルシートより#masterheadと書かれた部分を探して下さい
】にある数字pxを色々と変更しても全く反映されません。
何か方法があるのでしょうか?

宜しくお願いします。
  1. 2013/09/07(土) 10:10:58 |
  2. URL |
  3. 足利マン #pBCIq3Hg
  4. [ 編集]

足利マン様

指定された画像サイズを変更するのであれば、スタイルシートより

overflow: hidden;

の部分を削除する必要があるかもしれませんが、高さや横幅に指定している
数値に問題がなければ、この編集は特に必要ないはずです。

URLを拝見したところ、ヘッダ画像に見切れは確認できませんが
ブラウザのキャッシュが古いということはございませんでしょうか。
  1. 2013/09/07(土) 10:20:57 |
  2. URL |
  3. DTIブログ管理人 #VN6lRIi2
  4. [ 編集]

承認待ちコメント

このコメントは管理者の承認待ちです
  1. 2013/09/07(土) 16:55:43 |
  2. |
  3. #
  4. [ 編集]

コメントの投稿

管理者にだけ表示を許可する


画像の文字を半角数字で下記ボックスに記入ください。
文字が読みにくい場合はブラウザの更新をすると新しい文字列が表示されます。

トラックバック

トラックバックURLはこちら
http://blogmanual.dtiblog.com/tb.php/91-4978beea
|
ブログ | 総合ポータル | ニュース | テンプレート
利用規約 | ||通報|| | Report Abuse