注目タグ

質問・疑問

トピック詳細

ヘッダー画像を変更したい

初心者で申し訳ありません

過去の書き込みやネットで検索して自分でやってみたんですができませんでした。

どなたか教えていただけないでしょうか!?

共有テンプレートの liquidstyle01_3c を使わせていただいてます。

2014年06月11日 21:21  by てってけ

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

  • 丁寧に教えていただいてありがとうございます!

    なんとか形にできました^^

    2014年06月18日 22:04 by てってけ

  • てってけさん。
    画像のURL の調べ方はおわかりなんでしょうねぇ?

    2014年06月12日 10:02 by hige

  • カスタマイズ前の状態からの作業手順です。
    テンプレートのスタイルシートの以下の部分を変更してください。

    #header {
    margin: 0;
    padding: 0;
    height: 350px;/*デフォ150px*/
    background: url(http://blog-imgs-69.fc2.com/t/e/t/tetteke2c h/20140611201356728.jpg) #ffffff no-repeat center;/*新規追加分*/
    }

    #left {
    position: absolute;
    top: 380px;/*デフォ180px*/
    left: 10px;
    width: 250px;
    margin: 0;
    padding: 10px 0 0;
    background: #F9F9F9;
    }

    #right {
    position: absolute;
    top: 380px;/*デフォ180px*/
    right: 10px;
    width: 250px;
    padding: 10px 0 0;
    background: #F9F9F9;
    }

    どこにあるかはページ内検索(Ctrl+F)で探してください。
    このテンプレートはブラウザに合わせて左右の幅が変わるリキッドタイプなので
    画像を左に固定すると、幅広のブラウザで見たときに 右側に隙間ができて
    アンバランスになります。センター表示がお勧めです。

    /*コメント*/のすぐ前の部分が変更されている個所です。
    不都合がある場合には値を変更してください。

    2014年06月11日 23:38 by 標野ゆき