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

  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
こちらでご紹介している７種類のテンプレートをお使いでしょうか？
このマニュアルで紹介している方法は、７種類のテンプレートの内の
どれかを使っている事を仮定として、ご説明させて頂いています。

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

コメントの投稿

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

トラックバック

トラックバックURLはこちら
http://blogmanual.dtiblog.com/tb.php/91-4978beea
|