注目タグ

質問・疑問

トピック詳細

ヘッダー画像について


共有テンプレート の[ mizutama-pink ]を現在使用しています。

ここのヘッダー部分に画像を入れたいのですが、HTMLとスタイルシートのどこをいじれば一番上のタイトルのところに画像が挿 入されるのかよくわかりません。

知恵袋、ググったりしてヘッダーにテキストを追加してもうまくできませんでした。

同じテンプレートを使用している人がいましたら、教えてください。
お願いします。

2013年09月16日 02:48  by chamelmin

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


  • できました( ;∀;)!!!!!!!!!!

    詳しく教えていただきありがとうございました!
    本当に助かりました( ;∀;)

    2013年09月18日 23:38 by chamelmin

  • 左上にある http://blog-imgs-11.fc2.com/s/t/e/steady03/mizutama-pi nk-top.jpg の画像を特定の画像に置き換えたいだけならそれで可能かと思います。

    ただおそらく、その画像とEveryday TVXQ DayDream・・・の代わりに画像を置きたいのではないかと思いま す。

    その場合ですと、
    <div class="title"><a href="<%ur l>"><img src="http://blog-imgs-11.fc2.com /s/t/e/steady03/mizutama-pink-top.jpg" border="0&q uot;>&nbsp;Everyday TVXQ DayDream</a>・・・<%in troduction></div>

    <div class="title"><a href="<%ur l>"><img src="置きたい画像URL&quo t; border="0"></a><%introduction>&l t;/div>
    のようにすれば出来るかと思います。


    元の画像やリンクを消さずにその上に画像リンクを起きたい場合は以下のようにすればよいかと。
    <div class="title"><a href=&qu ot;<%url>"><img src="置きたい画像URL" b order="0"></a><br/><a href=& quot;<%url>"><img src="http://blog-img s-11.fc2.com/s/t/e/steady03/mizutama-pink-top.jpg" bord er="0">&nbsp;<%blog_name></a>・・ ・<%introduction></div>

    間違えた時のためにテンプレートを複製してテストをやってみてはいかがでしょうか。

    2013年09月16日 16:07 by ギル

  • <div class="title">で探したところテンプレではこうなってました。

    <div class="title"><a href="<%ur l>"><img src="http://blog-i mgs-11.fc2.com/s/t/e/steady03/mizutama-pink-top.jpg" bo rder="0">&nbsp;<%blog_name></a> ・・・<%introduction></div>
    <table cellspacing="0" cellpadding="0&quo t; width="750">
    <tr><td align="center" colspan="2&q uot;>

    これの赤字のimgのところに画像のurlを入れるという解釈で大丈夫でしょうか?

    理解力がなくて申し訳ないです( ;∀;)

    2013年09月16日 15:13 by chamelmin

  • テンプレートは使ってないので推測ですが・・・

    <div class="title"><a href="http:// purikisspurimel.blog.fc2.com/"><img src="htt p://blog-imgs-11.fc2.com/s/t/e/steady03/mizutama-pink-top.jp g" border="0">&nbsp;Everyday TVXQ DayD ream</a>・・・</div>

    となっている部分が先頭の画像+テキストリンクなので、そこにimgタグを挿入すればよいのではないかと思います。
    このコードはそのまま打たれてるかもしれませんし、テンプレート変数が使われてるかもしれないのでテンプレート編集で見ると内 容が違うかもしれません。
    編集画面で<div class="title">で探せば見つかるかと思います。

    例えばですが、改行して何か画像リンクを入れるなら
    <div class="title"><a href="http:// purikisspurimel.blog.fc2.com/"><img src="htt p://blog-imgs-11.fc2.com/s/t/e/steady03/mizutama-pink-top.jp g" border="0">&nbsp;Everyday TVXQ DayD ream</a>・・・<br/>
    <a href="http://purikisspurimel.blog.fc2.com/" ><img src="画像URL" alt="トップ画像" bord er="0" width="画像の横幅ピクセルを半角数字で指定" height= "画像の高さピクセルを半角数字で指定"></a>
    </div>
    みたいにすれば出来るのではないかと思います。<a ~>~</a>はリンク、<img ~/ >は画像のタグです。

    2013年09月16日 10:37 by ギル