タイトル部分を画像に差し替えたいのですが
テンプレートはblueを使用しています。
タイトル部分というのかわかりませんが、上部の青い個所を画像に変えたいです。HTMLを弄るのだと思いますが…どなたか差し 替える方法を教えていただけるようお願いしますm(__)m
・追記
解決しました!
yosoilueさんありがとうございました。
2015年03月05日 23:22 by いによこ
何度もすいません。
弄ってたら自分のしたかったことができました(汗
yosoilueさん詳しく説明ありがとうございましたm(__)m
2015年03月09日 00:48 by いによこ
二つの画像を組み合わせてヘッダーの部分を作っていたのは知りませんでした。
片方の画像を削除して片方だけを使おうとすると、画像のように不自然に空白ができてしまうので、この隙間を無くしたいのですが …。
2015年03月09日 00:04 by いによこ
こちらでは、何がやりたいのかわからないので回答のしようがありません。
お使いになっているテンプレートは元々二つの画像を組み合わせてヘッダーの部分を作っています。どちらか片方だけの画像側を利 用すれば済むんじゃないのでしょうか。
いらないほうの画像のhtml側を削除すればいいだけだと思いますけど。
#headBlock1 {
と
#headBlock2 {
は別々の画像のものですよ。
2015年03月08日 15:40 by ロギラキ
yosoilueさんありがとうございます。
説明していただいた通り、それらの個所を削除した上で、自分が用意した画像にしたいのですが、
#headBlock2 {
margin: 0px;
padding: 0px;
height: 30px;
width: 760px;
background-image: url(http://templates.blog.fc2.com/templat e/blue/header_02.gif);
text-align: right;
}
URLの個所を自分が用意した画像にしても写真のようになってしまい、画像の下に赤枠で囲った空白ができてしまうのですが、ど うしたら無くなるでしょうか?
2015年03月08日 14:33 by いによこ
> 画像のように青い個所が残ってしまいます。
#headBlock2 {
margin: 0px;
padding: 0px;
height: 30px;
width: 760px;
background-image: url(http://templates.blog.fc2.c om/template/blue/header_02.gif);
text-align: right;
}
具体的にどうしたいのかわからないのですが、その青い箇所の画像だけを削除したいのならば、CSSの赤文字部分だけを削除すれ ばいいとは思います。
サーチの部分も含めて、その段が要らないのならば、
htmlの
<div id="headBlock2">
<!-- search -->
この中の部分も全部
<!-- /search/ -->
</div>
この部分を全部削除すればいいだけだとは思います。
2015年03月07日 20:13 by ロギラキ
yosoilueさんありがとうございます。私の知識不足なのですが、そちらで教えていただいた方法で画像に差し替えようとして も上手くいかないと言いますか、青い個所が消えなくどうしたら上手く画像になってくれるのかがわからないので質問させていただき ました。
画像のように青い個所が残ってしまいます。
2015年03月06日 23:11 by いによこ
公式テンプレートの「blue」のその部分は画像になっています。下記の赤色部分を好きな画像をアップロードしたファイルに変え る。
CSSの
#headBlock1 {
height: 90px;
width: 760px;
background-image: url(http://templates.blog.fc2.c om/template/blue/header_01.gif);
}
というか、
http://blog.fc2.com/forum_community/topic/12605/91389/
これで回答をもらっているのになぜまた必要?
2015年03月06日 01:14 by ロギラキ
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー