こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

【FC2】共有テンプレのタイトルを変更したいです

【FC2】共有テンプレのタイトルを変更したいです

FC2ブログを使用しております。

[ fuul_lake-wide ]という共有テンプレを使わせていただいておりますが

タイトルがテキスト文字なので、好きな画像に変更したいと思っております。

色々と検索し調べ試してみましたが、さっぱり出来ず方法も分かりません。

どなたか、教えていただけませんでしょうか?

あと、その出来上がったタイトル画像を真ん中に設定する方法も併せて教えてくださいませ。

それと画像の大きさですが、好きな大きさでの設定は可能なのでしょうか?

このテンプレがとても気に入っていますので、変更したくはありません。

当方、PCに詳しくないので出来るだけ分かりやすく教えて頂けたら
助かります。

お詳しい方、どうぞ宜しくお願いいたします。

投稿日時 - 2009-12-16 23:53:33

QNo.5527976

すぐに回答ほしいです

質問者が選んだベストアンサー

テンプレート編集で、HTMLを編集します。


<!--ヘッダー・タイトル部分 ここから-->
<div id="header">
<div class="site_title"><a href="<%url>"><%blog_name></a></div>
<div class="site_intro"><%introduction></div>
</div>
<!--ヘッダー・タイトル部分 ここまで-->

↑の<%blog_name>をimgタグに置き換えます。

例: <img src="画像のアドレス" border="0" />
http://www.tohoho-web.com/html/img.htm




次に、スタイルシート編集欄で


/*ヘッダー部分
---------------------------------------------------------*/

#header {
width : 1000px;
height : 200px;
text-align: right; ←←← A
margin: 0px;
padding: 0px;
}


/*サイトタイトル*/

.site_title {
text-align: left;  ←←← A
margin: 0px;
padding: 10px 0px 0px 20px;  ←←← B
font-size: 24px;
font-weight: bolder;
}


←←← A で示した right と left をそれぞれ center に書き換えます。

←←← B で示した部分を 10px だけ残して消します。

以下のようになります。


*ヘッダー部分
---------------------------------------------------------*/

#header {
width : 1000px;
height : 200px;
text-align: center;
margin: 0px;
padding: 0px;
}


/*サイトタイトル*/

.site_title {
text-align: center;
margin: 0px;
padding: 10px;
font-size: 24px;
font-weight: bolder;
}

これで保存してください。


使う画像のサイズは
横950px以内、縦幅が200px以内程度までなら大丈夫だと思います。

投稿日時 - 2009-12-17 11:38:58

お礼

ご丁寧な回答を、どうもありがとうございました。
無事に変更することが出来ました♪

投稿日時 - 2009-12-19 22:30:56

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

あなたにオススメの質問