FC2ブログのテンプレート工房

このコメントは管理人のみ閲覧できます

お忙しい所、すぐにお返事して頂いて有難うございました
早速教えて頂いた通りやってみました
悩んでいた所が直り、すごく嬉しいです

これからもカスタマイズ頑張ります
いたおさんもお忙しいでしょうが頑張ってくださいね

Blogを見ていただけると分かると思うのですが、TOP画の周りに余計なあまりが発生してしまっています。
どうにかならないでしょうか？

こんばんは、 SOCOMさん。
ヘッダー全体にタイトル画像を表示させようとしているのですね。それならばスタイルシートを編集し、タイトルタグh1のマージンを0にします。

h1 {
〜
margin:0;
}

これで余計な間隔がなくなるはずですよ。

画像のURLって何ですか？
なぜかこれだけわからないです・・・
お願いします、教えてください！

自分のPC内に取り込んだものをサーバー上にアップするとそれにURLがつきます。

FC2ブログでしたら、
管理ページ→ファイルアップロード

ここにアップしたものであれば、「表示」をクリックするとURLが出ますので、それをタグに入れます。

ありがとうございます！！

また助けられてしまいました。いつも有り難うございます。ちゃんさん＾＾

くるまさん。ちゃんさんが教えてくれた通りです。タイトル画像をランダムに変えるカスタマイズ、がんばってくださいね。

別のテンプレでなのですが試してみました｡
もっといっぱい画像があると面白そうですよね｡

質問があるのですがヘッダー全体にタイトル画像を表示させるのは画像もそのぐらいに大きくしないといけないのでしょうか？

こんばんは、空さん。
そうです。予め表示させたい大きさの画像を用意してください。ただ、あまり複雑で大きな画像を使うとファイルサイズも大きくなってしまうので気をつけてくださいね。

上記のようにやったつもりなのですが
トップとは違うとこにランダムで出てしまいます。

スタイルシートのほうで画像いれたのがダメなのでしょうか。
どんな感じかURLに張ったのでよろしければ教えて下さい。

スタイルシートの方に設定したものは削除して、HTML部分のみに設定だけで大丈夫ですよ(^-^)

早い返信ありがとうございます。

ええと、削除するというのは
どの部分を削れば（差し替え？）良いのでしょうか。
わかんなすぎて、ごめんなさい。

スタイルシートの方はひびきさんが設定された画像があるんですよね？
と言う事はスタイルシートの「ヘッダー」に

background-image: url(http://blog73.fc2.com/e/eapaso/file/hp.jpg);
と言う部分がありませんか？

それをまるごと削除して、HTMLの方にいたおさんの記事のタグ、

<script language="JavaScript">
var images = new Array();

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像１のURL";
images[1] = "画像２のURL";
images[2] = "画像３のURL";

var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src=',images[rnd],' border="0"></a>');
</script>

を入れ込みます。

ひびきさん、私のテンプレートであればH1がトップに表示されるのですが、他の方のテンプレートをお使いであれば表示させたい箇所を探してそこに上記タグを挿入してください。ちなみにURLは画像に貼られているようです。

ちゃんさん、こんなに丁寧に説明してくれて本当に有り難うございます。もうなんてお礼をいったらいいか＾＾；

h1 {
〜
margin:0;
}
これが見つからないのですが、スタイルシートのどのあたりにあるのでしょうか？
いつも初歩的な質問ばかりで申し訳ないです。

スタイルシートの比較的上部の方にありますよ。

/* ▼ ヘッダー(タイトル部) ▼ */

という表示を探してください。この近くにあります。
h1のマージンの初期値は
margin: 10px 30px;
となっています。

０にしても何もかわらないのは、
画像のサイズが小さすぎるのでしょうか？
何度も申し訳ないですm(＠´＿｀＠)m

画像を「背景」として使用しているときは何も変わりません。
この場合は用意する画像サイズを変えてください。

どうも始めまして！
自分のブログを改装しており、いろいろ調べていくうちにコチラのブログへとたどり着きました。

ワタシのテンプレは別の奴なのですが、上記の通りにやっても反応してくれないのです。
（「earth_normal」というテンプレです）

ＨＴＭＬに<h1>というのもないし、
background-image: url(http://〜〜〜jpg);を
丸ごと削除しても反応ないし･･･。
どうにかならないでしょうか･･･

【HTML】
<!--/plugin_third-->

</div>

</div>
<div id="baseRight">
<div id="headBlock"> <a href="<%url>">
<div id="headBlogName"><%blog_name></div>
</a>
<div id="headIntroduction"><%introduction>
</div>

<script language="JavaScript">
var images = new Array();

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像１のURL";
images[1] = "画像２のURL";
images[2] = "画像３のURL";

var rnd = Math.floor((Math.random() * 100)) % images.length;
document.write('<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src=',images[rnd],' border="0"></a>');
</script>

</div>

<div id="mainBlock">
<!--ピックアップ-->
<div class="pickup">
<div class="pickupbody">
<!--ここから下にアフィリやコメント、目次等を入れてください-->


【スタイルシート】
/*head要素 */
#headBlock {
height: 492px;
width: 656px;
background-image: url(http://blog71.fc2.com/g/gaitamepapax/file/earth22a.jpg);
text-align: right;
border-width:2px;
border-color: #3333cc;
border-style:solid;
background-color: #cccccc;
}


※青字の部分削除


ただし、囮役さんの現在の状態のように文字と画像を被せることが出来ませんでした。
すみませんm(__)m
ブログタイトルと説明文が画像の上に出てしまうので、
background-color: #cccccc;
のところで背景の色指定をするといいかと思います。

>>ちゃんさん
ご協力ありがとうございました

そうですか･･･無理でしたかＯＴＬ
タイトルと説明文が被っている状態で画像だけランダム化
させたかったのですが･･･。

ちゃんさん、そこまで試してくれているとは本当に有り難うございます。

囮役さん、タイトルを画像にすることは難しそうですが、タイトルの背景（囮役さんの場合モンスターと戦士が戦っている画像）をランダムに変えたい場合はこちらの記事を参考にしてください。

背景画像をランダムに変える
http://10plate.blog44.fc2.com/blog-entry-81.html

この記事のスクリプトの
body
の部分を
headBlock
と書き換えるとできると思います。

il||li＿|￣|○ il||li
囮役さんのやりたいカスタマイズはそちらだと思います

それならちゃんと文字と画像が被りますよね(；´Д｀)

質問内容がどうなのかは定かではありませんが、全力で答えてくれるちゃんさんにいつも感謝しています＾＾

>いたおさん・ちゃんさん

ﾃﾞｷﾀ━━━━(ﾟ∀ﾟ)━━━━!!!!!

headBlockだけじゃできませんでしたが･･･
#headBlockでできました！

おかげで理想の形になりました！
本当にありがとうございました｡･ﾟ･(ﾉ∀`)･ﾟ･｡

初めまして、このブログに書いている方法通りにやって、成功しました。それで、画像の上にもブログタイトルを載せたいのですが、
どうすれば良いでしょうか、教えて下さいm(_ _)m

せっかくタイトル画像をランダムにするカスタマイズに成功したのに申しわけないのですが、そのカスタマイズを元に戻してこのカスタマイズを行ってください。

背景画像をランダムに変える
http://10plate.blog44.fc2.com/blog-entry-81.html

これで画像のうえにタイトルを載せることができます。今のテンプレートのバックアップをとってから挑戦してくださいね。

ありがとうございました！
とりあえずやってみます。

このコメントは管理人のみ閲覧できます

色々試したのですが、どこにタグを挿入したらいいかわかりません
すみませんがよろしくお願いします

すみません、タイトルの背景の変更、でした
そちらに書かせて貰います

上に書いてあるところタグを挿入したのですが
画像が表示されないのですがどうしたらいいですか？？
画像のアドレスもしっかり確かめて入れました。

このコメントは管理人のみ閲覧できます

★ 堕天使どぅ？さん

タグの挿入は問題ありません。
表示されないのは、FC2WEBの画像を
呼び出して使おうとしているからです。

FC2ホームページのQ&Aによると

Q6. バナー画像が、他のサーバからリンクすると表示されないのですが・・・
A．画像ファイルの物置になったりするのを防ぐ為の処置です。画像ファイルの物置になると当サイトにとって、広告を出せずにサーバのシステムリソースのみを消費する事になりますので、サーバに特別な仕掛けを施し、そのような行為の防止対策をしてあります。 外部呼出し(直リンク)は「banner.拡張子」以外は認めていません。

画像の外部呼出しは出来ないようです。
なので、画像はホームページではなく、
ブログの方にアップロードして、
それをタグ内に指定してみてください。

★ヨッシーさん

間違っている箇所は以下の部分です。

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像１のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg
images[1] = "画像２のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/qVuybupm.jpg

「画像１のURL」と書いてあるところを
アップロードした画像のURLに置き換えてください。

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg ";
images[1] = "http://blog-imgs-16.fc2.com/s/p/k/spkosuke/qVuybupm.jpg ";

こうすれば大丈夫かと思います。

ブログを見ていただければわかるのですが、一応できたのですが、テンプレートのタイトル背景と、自分で選んだ画像がかぶってしまっているのですが、どうすればいいでしょうか？

すいません。ココに書いていいのかわかりませんが…

テンプレのタイトルの上部に画像を2つ置きたいのですが、どうすればいいですか？

<!--▼検索用や検索避け、アクセス解析デザイン変更等のメタタグを入れる場合はここから▼-->

<!--/メタタグここまで-->

↑ここに入れるのかと勝手に思ってやってみたら、プレビューではうまく中央に表示されるのに、普通にアドレスからアクセスすると、背景が消えてしまっていて、画像が左側に寄ってしまいます。

よろしくお願いします。

最近、テンプレートカスタマイズに凝ってしまって、パソコンの前に半日近く座りこねくり回しております（笑）。
凄く気に入ったテンプレートを見つけ、大好きなバラを全体に取り込み、最近になってやっと気に入った感じに仕上げる事が出来ました。
つい先日ここを知る事が出来、色々と参考にさせて頂いたのですが、タイトルのランダム化をどうしても完成させる事が出来ません　ランダム表示は何とか出来たのですが、タイトル画像の上に出てしまって、タイトルと被ってくれないんです　間違いなく私のやり方がおかしいとはわかってるのですが、どこをどうしたら良いのかわからず途方に暮れています
何度やってみても失敗するので、今は元に戻してしまいましたが、何とか成功させたくてコメントに残してしまいました。
よろしかったらアドバイス頂けないでしょうか・・・。
超初心者なモノですから、基本がわかってなくてすみません

※追伸
ここに書いて良いものかわからなかったのですが、いくつもコメントを残すよりも・・・と思って追記させて頂いてます。
何とかコメントとカテゴリーをツリー化する事に成功したのですが、ツリー化させたコメントに「ＮＥＷマーク」を付けたくて悪戦苦闘しています　よろしかったら、方法を教えて下さい。お願いします

はじめまして、ドクマです。
初めてのテンプレート作りを、
ここで学ばせていただきました。
とっても分かりやすいですね！

そこで、今回は疑問があるのですが・・
たぶんどっかでいじっておかしく
なっちゃったと思うんですが、
トップ画像がアップロードしても
赤の×で表示されないんです。
サイズかと思ったらそうじゃないみたいなので、
教えてください！
ちなみに、そのときの
トップ画像のURLはこうでした。
background-repeat: repeat;
background-position: center top;(http://blog38.fc2.com/d/dokumaxxhabbolife/file/20080524214431.png)
教えてください！お願いします＞＜

background-image: url(http://blog38.fc2.com/d/dokumaxxhabbolife/file/20080524214431.png);

赤字の部分の記述が抜けているせいではないでしょうか？

ありがとうございます！！
こんなに早く返事がいただけるとは！
さっそくやってみますね＾＾

ありがとうございます。ちゃんさんm(__)m
ドグマさん、カスタマイズしておかしくなってしまったときは、もう一度テンプレートをダウンロードして比べてみると間違いが見つけられますよ。

いつも質問に丁寧に答えていただき、
ありがとうございます＾＾
今、編集用のテンプレートを探してるんですが、
複雑なものばかりでこまっております。
なにか編集しやすいおすすめのテンプレートって
ありますか？雑な質問ですがどうかよろしくお願いします。

題名:

名前:

サイト名:
URL:

COMMENT:


PASS:

SECRET:
管理者にだけ表示を許可する