注目タグ

質問・疑問

トピック詳細

ヘッダー(トップ画)を変更したいのですが、調べてもできません・・・

http://nanashi2ch.blog.fc2.com/
上記のブログを作っています。

トップ画を作ったので、変更したいのですが、
調べてもうまくいきません。
ご教授していただければありがたいです。

テンプレートは共有のもので、
3faith-blackを使用しています。

作った画像のサイズは985*200です。
<a href="http://nanashi2ch.blog.fc2.com/img/2012102 8160426bbc.png/" target="_blank"><img s rc="http://blog-imgs-54.fc2.com/n/a/n/nanashi2ch/201210 28160426bbc.png" alt="名無しちゃんねるヘッダー" border=&q uot;0" width="985" height="200" /&g t;</a>

どうぞ宜しくお願い致します。

2012年10月28日 16:40  by 

コメント一覧 4件中、1~4件表示

  • 標野ゆき様

    遅くなり申し訳ございません。
    ご回答ありがとうございます!!

    やってみたとこと、黒字に青い文字で「名無しちゃんねる」
    というヘッダーになってしまいました。

    何度も恐縮です。
    ご教授していただければありがたいです。

    2012年11月10日 14:35 by

  • http://blog-imgs-54.fc2.com/n/a/n/nanashi2ch/20121028160426b bc.png

    質問者さんがコピペしている文字列の中で
    画像URLは上記の部分のみです。

    前コメントの修正部分に
    実際のURLを挿入すると以下のような文字列になりますね。

    #header{
    height:200px;
    text-align:left;
    margin:0 auto;
    background:#333 url(http://blog-imgs-54.fc2.com/n/a/n/nanas hi2ch/20121028160426bbc.png) no-repeat center;
    }

    2012年11月01日 15:08 by 標野ゆき

  • ご回答ありがとうございます。
    やってみたところ、ヘッダーの部分が真っ黒になってしまいました。

    <a href="http://nanashi2ch.blog.fc2.com/img/2012102 8160426bbc.png/" target="_blank"><img s rc="http://blog-imgs-54.fc2.com/n/a/n/nanashi2ch/201210 28160426bbc.png" alt="名無しちゃんねるヘッダー" border=&q uot;0" width="985" height="200" /&g t;</a>

    画像のURLというのは、どこまでなのでしょうか?

    2012年10月31日 21:24 by

  • 以下は3faith-blackのスタイルシートからの抜粋ですが

    /* レイアウト
    ----------------------------------------------------------- - */
    body{
    text-align:center;
    background:#222;
    color:#333;
    }
    #conteinar{
    text-align:left;
    width:960px;
    margin:0 auto;
    background:#fff;
    padding:0 5px;
    border-left:1px solid #999;
    border-right:1px solid #999;
    border-bottom:1px solid #999;
    position:relative;
    }
    #header{
    height:200px;
    text-align:left;
    margin:0 auto;
    background:#333 url(画像URL) no-repeat center;
    }

    赤文字のようなスタイル指定を追加してみるとうまくいくかもしれません。

    また画像にブログタイトルが含まれている場合には
    #header h1{
    font-size:25px;
    margin: 0 0 0;
    padding:10px 20px;
    visibility:hidden; }

    .intro{
    font-size:12px;
    padding:10px 10px 20px;
    color:#fff;
    margin:0 20px;
    visibility:hidden;

    上の部分に太字のような指示を追加すると
    本来のブログタイトルとブログ概要は見えなくなります(多分)。

    2012年10月28日 21:53 by 標野ゆき