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

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

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

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

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

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

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

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

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

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

テンプレのタイトルの上部に画像を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
ドグマさん、カスタマイズしておかしくなってしまったときは、もう一度テンプレートをダウンロードして比べてみると間違いが見つけられますよ。

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

すみません、教えていただきたいのですが。
custom_simple_pというテンプレートを使っています。

上記のタグを入れてみたんですけど（画像の大きさはデフォルトと同じ500×270）、
そのままですと右側にあったメニューが下に落ちます。
そして、タイトルが表示されません。サブタイトルだけです。



そして、タグのどこかに「width="500" height="270"」を入れますと
落ちることはないのですが、画像が表示されません。
アドバイスお願いいたします。

ちなみに、背景画像もランダムに設定していますが、問題ありません。

この機会に重ねて教えていただきたいのですが、大きい画像を
使うことが多いので、記事の幅を広げるにはどこを変えたらいいか
教えていただけますでしょうか？

現状を確認できないので憶測でしか答えられませんが、まず画像が大きすぎることが原因として考えられます。
より小さい画像で試してみてください。

流石に私も自分が作成したテンプレート以外は詳しくないので、記事の幅を広げる方法はそのテンプレートの作者様に問い合わせてくださいね。

さっそくのご回答ありがとうございました。
こちらのテンプレートじゃないのに質問してしまって申し訳ありませんでした。

すいません、、あのーHTMLのどこにいれればいいのでしょうか？
教えてください。

テンプレ製作お疲れ様です。
うまくランダムで表示出来るようになったのですが
画像の表示が左寄りになってしまいます。
どのように直せば中央に来るようになりますか？？

ページの一番上に画像をいれたいんですが、HTMLシートの<h1>というのが見つからなくてやり方がわからないのですがおしえてもらえますか？？

はじめましてー
ちょっと質問なのですが、
タイトルに画像をつけるのがあるじゃないですか
そこでタイトルじゃなくて　そこの背景？だけを代えるということはできるのでしょうか

画像のＵＲＬとはどういうことなんですか？

とても汎用性のあるテンプレートのようなので、使わせていただこうと思って、今、触っています。
分からない事があるので、お教えいただけませんでしょうか?

こちらの設定で画像の切り替えはできたのですが、タイトル画像の高さを広くするにはどうすればいいのでしょうか?

お手数ですがよろしくお願いしますm(_ _"m)ペコリ

実際の画像よりも大きく表示させようとすると荒く見えてしまうので、画像自体を希望のサイズに作成することをお勧めします。

画像を変えずに表示する大きさを変えたいのであれば、スタイルシートの末尾に次の記述を加えてください。

#header_body img {
height:100px;
}

100pxという数字はお好みにあわせて変えてください。

海外から帰られてお疲れのところ、お返事頂いてありがとうございます。
早速やってみました。

画像の高さが180pxなので下のようにCSSの最後に入れました。

#header_body img {
height:180px;
}

表示は、http://mayuhimestyle.blog35.fc2.com/　のようにやはり、画像の半分くらいしか表示されないんですね…
現在は、http://mayuhime2008.blog82.fc2.com/　を使っていますが、切り替えができるようになれば、変更したいなぁと思っています。

また、コメントを入れる際にmailアドレスを入力していた方のメールアドレスがむき出しになってしまいました^^;
前のテンプレートではメールアドレスを入れると、メールのアイコンが表示されて、そのアイコンをクリックするとメールアドレスが表示されるという具合でした。
このままではスパムメールが沢山届くのではないかと心配です・・・
こちらの変更は難しいでしょうか?　

もし原因が分かるようでしたら、お教えいただければ幸いですm(_ _"m)ペコリ

申しわけありません。私が勘違いしていました。
こちらに差し替えてみてください。

#header_body {
height:180px;
}

メールアドレスの問題はこの記事を参考にしてください。
http://10plate.blog44.fc2.com/blog-entry-91.html

タイトル画像の付け方がわかりません：
お時間があるときでかまいませんので
教えていただけないでしょうか？

他の方が作成したテンプレートなので確かな事は解りませんが、HTMLの

<div align="center"><div id="layout">

とある下に

<a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="画像URL" border="0"></a>

と入れてみるとどうでしょうか。

できました♭
本当にありがとうございました!!!

始めまして。
この記事の方法を使って、タイトルの画像をランダムに表示できるようになったのですが、画像が右側にはみ出てしまいます。

環境は、
サイト全体幅が1000px
ランダムに表示したい画像のサイズが、縦200px 横1000px　なのですが・・・。

スタイルシートにある次の２行を削除してください。

/* ▼ ヘッダー ▼ */
～
border:1px solid #000000; /* 外枠の色 */
～
border:1px solid #000000; /* 内枠の色 */
～
/* ▲ ヘッダー ▲ */

はじめまして。
初コメントです

あの、メニューバーっていうんですか？
あれをつけるのはどうすればいいのでしょうか？
無知ですいません

回答ありがとうございます・・・なんですが、
消してみてもやっぱり右側にずれてしまいます。

何がいけないのでしょうか。

最悪原因が分からない場合、「standard_monotone」に移りたいと思います。
（今はlightframe_monotoneです）

記事を掲載したのでこちらを参考にしてください。

横メニューバーをブログタイトル下に表示する
http://10plate.blog44.fc2.com/blog-entry-176.html

今見たところborderが消されてないようですが・・・
少し小さい画像を使う事で対応することにしたのでしょうか。

どうもありがとうございます
参考にさせて頂きます^^

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

少し小さい画像を使ってみたら、結構うまくいったのでこれで行きたいと思います。

ありがとうございました。

ええ

それは私が作成したテンプレートではないので確かなことは解らないのですが、HTMLとCSSから推測するとこちらの記事が参考になると思います。

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

この記事の
body
の部分を
#banner
と変えてみるといいかも知れません。

ありがとうございます。
助かりました！

ええ

ランダム画像のカスタマイズを施したなら消していいと思います。

いたおさん、始めまして。

テンプレートの、standard_blueを使わせてもらっています。

いたおさんのテンプレートはとてもカスタマイズがやりやすいです！

わかりやすい説明のおかげでタイトルがランダムに変わるようになりました。

どうもありがとうございました＾＾！

これからも参考にさせていただきます＾＾

はじめまして。いつも参考にさせていただいております。
申し訳ないのですが、質問させていただきます。タイトル画像はどれぐらいのサイズがいいのですか？拙い文章ですみません。

それはまったく個人の自由なのですが、強いて言えば幅900px以内、縦は200以内ぐらいがいいかと思います。

ありがとうございました！

はじめまして。いつも大変お世話になっております。
現在lightframe_monotoneを使用させていただいております。

さて、標記の件ですが、可能でしょうか。
通常はタイトル画像をランダムに表示し、特定のカテゴリに
飛んだときにだけ、特定のタイトル画像が出るようにしたいのです。
お返事いただければ幸いです。よろしくお願いいたします。

近日中に記事にするのでもう少しお待ちください。

カテゴリページ
～/blog-category-[n].html
であれば、特定のタイトル画像を表示できますが、あるカテゴリの個別記事ページ
～/blog-entry-[n].html
となると、特定のタイトル画像を表示することはちょっと難しいです。申しわけありません。

少し違いますが、近い記事を掲載したので参考にしてください。

便利ナビの背景をカテゴリ別に変える
http://10plate.blog44.fc2.com/blog-entry-211.html

どうしても画像が小さいものになるんですが、どうしたら大きくなりますかね？
教えてください

オリジナルの画像よりもサイズが小さく表示されてしまうということでしょうか。サムネイルを表示していませんか？

直りました
ありがとうございます。

ありがとうございました。

java script対応のものですか？

javascript対応とは、javascriptを使って画像を表示させているということでしょうか？

どのようにjavascriptで画像を表示させているのか実際に見せてもらえると助かります。

すみません、javascript対応のブログのテンプレートだけに使えるものなのですか。

javascriptが有効かどうかはブラウザによります。

大抵のブラウザは初期状態がjavascript有効なので、意図的に無効設定にしているブラウザでない限り、このカスタマイズは表示されます。

「タイトル画像をランダムに変える」と「タイトルを画像にしたときのSEO」を同時に適用する方法ってないですか？
あれば教えていただきたいのですが・・・

記事の中にも追記としてい書いてありますが、こちらの記事がその方法になります。

SEOを考慮したランダムなタイトル画像
http://10plate.blog44.fc2.com/blog-entry-190.html

aqua_3cplと言うテンプレートを使用しているのですが、
h1 {
～
margin:0;
}
の部分が見つからずタイトルを画像にしても隙間ができてしまいます。どの部分を変えればいいのでしょうか？

スタイルシートに次のようなところがあるので、いずれかの数値を変更して表示してみてください。

/* Padding */
div#header { padding: 15px 15px 4px; }

それは私が作成したテンプレートではないので詳しいことは解りません。もしこれで上手くいかないようならそのテンプレートの作者かFC2ユーザーフォーラムに問い合わせてください。

隙間を埋めることができました！
ありがとうございます！

解決して良かったです＾＾

ランダムに表示出来ているのですが、画像のサイズが小さくなってしまいます・・・。

すみません・・・。
うまくいきました。

質問です。画像ははめることができたのですが、
タイトルとブログの説明の上に画像が置いてあるだけ
みたいな感じになってしまっているんですが、
タイトルの部分を消して、そこにうまく画像を入れることはできないでしょうか?
>http://333hiroba333.blog81.fc2.com/
↑↑僕のブログです。

よろしくお願いしますm(_ _)m

h1タグは<head></head>の中には書けません。

<div id="header_body">～</div><!--/header-->
の内側にあるものを削除し、そこに<head></head>の中にある<h1>～</h1>を移動させてください。

分かりやすく、早い回答をどうもありがとうございます。
これからも質問させていただく時があるかもしれませんが、
その時はどうかよろしくおねがいします。

あと、勝手ながらですが僕のブログに
このブログをリンクしてもよろしいでしょうか??

解決して良かったです＾＾
でもFirefoxで見ると、タイトル画像が右に寄っています。スタイルシートの末尾に以下を加えると、タイトル画像が上手く表示できると思います。

h1 {
margin-left: 0px; /* 左余白 */
margin-right: 0px; /* 右余白 */
}

当サイトはリンクフリーですので、ご自由にリンクしてください＾＾

気遣いありがとうございます^^
早速やってみます!

自分もFirefoxなんで、ずれてるのがわかります。
スタイルシートの一番下(?)に

h1 {
margin-left: 0px; /* 左余白 */
margin-right: 0px; /* 右余白 */
}

を入れたんですが、改善されません。
具体的にどこに置くのでしょうか?

初心者なものでうまく理解できません・・・

スタイルシートの
/* ▲ FC2バトンのスタイル ▲ */
の下に加えてください。

なんかできないです・・・

ボーダー1px分がずれているように見えるなら更にスタイルシートの末尾にこれを加えてください。

#header_outline {
border:none;
}

それをプラスしても無理っす><

直っているように見えるのですが・・・
ブラウザは何ですか？
[Ctrl]+[F5]で更新しても直りませんか？

更新して直後は直らなかったんですが、
今見たら直ってました! ありがとうございましたm(_ _)m

やはり直っていたようですね＾＾；
良かったです。

h1の間に入れると　画像が左によってしまいます。
画像を真中にする方法をお願いします＞＜

あと、ブログタイトルが画像の左上に表示されます。


　　　　　　画像
タイトル
サブタイトル


みたいな感じにできませんか？
standardをお借りしています＞＜

こちらの記事を参考にしてください。

タイトルを中央に配置する
http://10plate.blog44.fc2.com/blog-entry-39.html

ご指摘いただけたら幸いなのですが
私のブログは以前紹介されていたメニューバーを使っています。
テンプレートは、いたおさん作成のテンプレートではございません。
今回この記事を参考にし、順序通りにやったのですが
メニューバーとの相性が悪いのでしょうか、ブログとの相性が悪いのでしょうか
メニューバー周辺が見事に崩れてしまいます。

さらに、もう片方のSEO対策版もやってみましたが
残念ながら画像が表示されません。
JSの中はこうなって降ります。

function showMore(varA1, varB1){
var123 = ('varXYZ' + (varA1));
varABC = ('varP' + (varA1));
if( document.getElementById ) {
if( document.getElementById(var123).style.display ) {
if( varB1 != 0 ) {
document.getElementById(var123).style.display = "block";
document.getElementById(varABC).style.display = "none";
} else { document.getElementById(var123).style.display = "none";
document.getElementById(varABC).style.display = "block"; }
} else { location.href = varB1;
return true; }
} else { location.href = varB1;
return true; }
}


function pagenavi(w)
{
if ((n = '<%total_pages>') == '')
return;
url = '<!--nextpage--><%nextpage_url><!--/nextpage-->';
add = -1;
if (url == '') {
url = '<!--prevpage--><%prevpage_url><!--/prevpage-->';
add = 1;
}
ext = '.html';
if ((i = url.indexOf('/page-')) != -1) {
c = url.substring(i + 6, url.length - 5);
base = url.substring(0, i + 6);
} else if (url.indexOf('/category') != -1
|| url.indexOf('/blog-date-') != -1) {
i = url.lastIndexOf('-');
c = url.substring(i + 1, url.length - 5);
base = url.substring(0, i + 1);
} else if ((i = url.indexOf('page=')) != -1) {
c = url.substring(i + 5);
base = url.substring(0, i + 5);
ext = '';
} else {
c = 0;
add = 0;
base = '';
ext = '';
}
n = Number(n);
if (n < 1) n = 1;
c = Number(c) + add + 1;
if (c < 1) c = 1;
if (c > n) c = n;
if (w < 0) w = 0;
ww = 2 * w + 1;
for (i = 1; i <= n; i++) {
dot = '<a href="' + base + (i - 1) + ext + '" title="' + i + '">.</a>'
if ((c - w <= i && i <= c + w) || i == 1 || i == n
|| (i == 2 && c - w - 1 == i) || (i == n - 1 && c + w + 1 == i)) {
if (i == c) {
document.write(' <b>' + i + '</b> ');
} else {
document.write(' <a href="' + base + (i - 1) + ext + '">' + i + '</a> ');
}
} else if (i < c - w) {
if (i - 1 <= (c - w - 2) % ww) {
if (i - 1 == Math.floor(((c - w - 2) % ww + 1) / 2))
document.write(dot);
} else if ((c - i) % ww == 0)
document.write(dot);
} else if (i > c + w) {
if (n - i <= (n - c + w) % ww) {
if (n - i == Math.floor(((n - c + w) % ww + 1) / 2))
document.write(dot);
} else if ((i - c) % ww == 0)
document.write(dot);
}
}
}

var wall = new Array();

/* 使用する背景画像を好きなだけ記述 */
wall[0] = "http://blog-imgs-32.fc2.com/k/a/i/kaitokaizoukoudo/top_bg.png";
wall[1] = "http://blog-imgs-32.fc2.com/k/a/i/kaitokaizoukoudo/top_bg_2.png";

var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">#header { background-image:url(' , wall[rnd] , '); }</style>');


bodyの部分は両方試しましたが
両方、共に画像が表示されませんでした。
画像のURLはあっているはずです。
片方どちらかのご指摘お願いします。
内容的に不足している部分がありましたら
どうぞなんなりとお願いします。

SEOを考慮したランダムなタイトル画像
http://10plate.blog44.fc2.com/blog-entry-190.html

この記事の表示箇所となっている部分を
#banner
としてみてください。

ありがとうございます。
動作いたしました。
やはり他の方の質問をみていて
いたおさんやその他の方の回答は他の人より全然違います。
このブログはとてもいいと思います。

お礼と言ってはあれですが
私のブログにここへのリンクを追加させて頂きます。
また何かありましたらお願いします。

解決して良かったです。
リンクありがとうございます＾＾

こんにちわ
えーと
概出かもしれませｎ、、
<h1>～</h1>で囲まれている部分が無いのですが＾＾；

どうすればいいのでしょうか、、

HTMLを確認するためにURLを教えてください。

ヘッダーが無かったので追加したらできました。

そしてランダムに変えるをやったんですが、

上下に少しだけ余白があるんですが、それは消去できないのでしょうか？？

URLです
http://nkualog.blog96.fc2.com/

http://varrelblog.blog35.fc2.comの管理人はやっている者ですが
パソコンによってうまくTOP画像が表示されない場合があるんですが
改善策はないですか？
もちろんここのやり方で画像を4枚ランダム表示しているんですが…
お願いします

> NOMAさん
スタイルシートの末尾にこれを加えてください。

h1 {
margin-top: 0px;
}

> VARRELさん
表示されない環境のOSとブラウザを教えてください。

ありがとうございます、

上の空白は消えたんですが
下の空白が消えないみたいです、、

↓
http://nkualog.blog96.fc2.com/

すみません。下の空白のことを忘れていました。
スタイルシートの末尾にこれも加えてください。

h1 {
margin-bottom: 0px;
}

自分の環境しかわかりませんが…
XP HomeEdition Version2002 ServicePack3
IE8
です
ちなみにTOP画像はブログのページを更新（F5とか）しているとたまに表示されなくなるだけで毎回表示されないわけではないです；

画像設定を
images[1]
からではなく
images[0]
から設定してください。

解決しました！
ありがとうございます！

解決して良かったです＾＾

はじめまして　イキナリですが質問です
これって　３つだけではなく　ふやせるんですか？

・・・
images[3] = "画像４のURL";
images[4] = "画像５のURL";
images[5] = "画像６のURL";
・・・
と、いくらでも増やせますよ。

ありがとうございます

久しぶりです。
以前コメしたものなんですが覚えてるでしょうか？
実は俺、今日ようやくTOP画設置出来たほどの初心者なんですがついでにランダムに変える機能も追加しようと思います。
いろいろと出来れば教えてくれると嬉しいです。

カスタマイズは楽しいので是非挑戦してください＾＾
ただ失敗すると崩れて元に戻らなくなることもあります。万が一に備えてテンプレートのバックアップをとりながらカスタマイズしてくださいね。

はい＾＾
俺の場合ですがメモ帳にコピーしてから安心して弄ってます。
本格的に作業するのでテストを終えて12月8日からだと思います。

バックアップをとっておけば失敗を恐れずに大胆にカスタマイズできますね＾＾

はい。えっとここに書いて良いのかわからないんですがこのブログをリンクに追加してもよろしいですか？

初めまして。
ここの方法でタイトル画像をランダム表示にすることができました。

しかし、その後でブログ名を変更したらタイトル画像が表示されなくなってしまいました。

これって直せませんかね？？

直せるのであれば直し方を教えていただけませんか?
おねがいします。

> 狐犬ことFOXDOBさん
当サイトはリンクフリーなのでご自由にリンクしてください＾＾

> 零xo龍ox零さん
記事に追記したのでこちらを参考にしてください。

タイトル画像をランダムに変える 追記
http://10plate.blog44.fc2.com/blog-entry-88.html#20091127

どうしてもTOP画像がずれてしまいます・・・

解消法をおしえてください

了解です。

'をつけるとダメだったんですね。
ありがとうございました。

>>haji540さん

ブログURLのせたほうがいいと思いますよ、、
どうずれるんですか？

> haji540さん
サイト幅1000pxに対し、画像幅が985pxしかないからです。
方法としては３つあります。
1.画像の幅が1000pxのものを用意する。
2.サイト幅を985pxに縮める。
3.985pxの画像を1000pxで表示する（僅かに画質が落ちるかもしれません）

> 狐犬ことFOXDOBさん
リンクありがとうございます＾＾

> 零xo龍ox零さん
タイトル画像が表示されるようになりましたね＾＾

> nomaさん
ありがとうございます＾＾

いえいえ＾＾；

わかりました。試してみます＾＾

お返事ありがとうございました＾＾

今からランダムに挑戦します！

そういえばあれからトライしたところすぐに完成しました！
またこの先わからない事があったら参考にさせて下さい。

> 狐犬ことFOXDOBさん
ランダム表示できましたね＾＾

> haji540さん
画像の幅を合わせるのが一番確実かも知れませんね。

いつも親切な説明ありがとうございます。
教えて頂きたいのですが、ヘッダーの画像をランダムに変えるのではなく左右に２つ入れたい場合はづすればいいのでしょうか？
宜しくお願いします。

複数の画像を背景画像として設定することはできないため、ペイント等の画像編集ツールで画像を１つにまとめてもらう必要があります。

画像がはみ出ているんですがどうしたらいいですか？

特に異常がないように見えるのですが解決されたのでしょうか。見るべきサイトは「PC＋α」でいいのでしょうか。

はい。

もう一つ質問です。

画面が小さいパソコンは異常がないのですが、新しい画面の大きいパソコンで見ると　メニューバーのところが左にずれているのですが
どうしたらいいですか？

テンプレート、メニューバーが私が紹介しているものと仕組みが違うので解りませんでした。申しわけありません。
配布元かFC2ユーザーフォーラムに聞いてみてください。

わかりました。

ありがとうございます。

画像がどうしてもずれてしまいます。

どうすればいいですか？

> ZEROさん
他の方が作成したものを理解するのは難しく、お役に立てず申しわけありません。

> おーたむさん
スタイルシートの末尾にこれを加えてみてください。

h1 {
margin:0px;
}

lightframe_pinkを借りてます。
画像が右よりになってしまいます。
中央にする方法がわからないのでアドバイスください＞＜

単純に中央に寄せるだけなら、<div align="center"></div>でh1タグを囲めばいいと思いますよ。

> ぬるぽさん
HTMLにtskillさんが教えてくれたタグを追加して、さらにスタイルシートの末尾にこれを加えてみてください。

h1 {
margin: 0px;
}

> tskillさん
助けてくれてありがとうございます＾＾

あのーランダムに画像を変えることは出来るんですが
画像がタイトルの半分下のところに表示されてタイトルとかが
下の記事まではみ出てしまうんですがタイトルを全部変えるにはどうすればいいでしょうか？


あとこんな関係のない話聞いて分かりませんがタイトルの画像の下に透明な黒い物があってそこにタイトルと紹介文が書かれるやつってどうやるんですか？


すいません

現状を見れば何か解るかもしれませんが、現時点では何も解りません。お役に立てず申しわけありません m(__)m

タイトル下にあるブログの説明文は管理画面で設定できます。
環境設定の変更→ブログの説明

こんにちは。
唐突なんですが、どうしてもわからないので
コメントさせていただきました。

タイトル画像をランダムにすることはできたのですが、
タイトル部分にマウスを乗せるとクリックできるという設定にすることはできないでしょうか？
（できれば新規ウィンドウで開くのではなく、現ページのまま開くようにしたいのですが・・）
ご指導お願いします。

>>オクもっこりさん

次の赤字の部分が抜けているので加えてください

<h1>

<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>

すいません。上コメの者です。
上だと少しわかりずらいのでもう一回書き直します。

次の部分に赤字のタグを加えてください。

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

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "http://blog-imgs-31.fc2.com/o/k/u/okuryo1994919/20100118142110165.jpg";
images[1] = "http://blog-imgs-31.fc2.com/o/k/u/okuryo1994919/201001181421377d5.jpg";

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>

ご返信いただきありがとうございました！
迅速な返信で助かりました。

僕が想像してた通りにしてくださって感謝しております。
説明もわかりやすかったのですぐ変更することができました。
ありがとうございます。
これからもたびたびお世話になると思いますので、
よろしくお願いしますww

> オクもっこりさん
tomoさんのおかげで解決できたようですね。
親切な方々がコメントを助けてくれるので私も助かっています＾＾

> tomoさん
丁寧に教えてくれてありがとうございました＾＾

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

<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<div id="header_body">
<h1><script language="JavaScript">
var images = new Array();

/* 使用するタイトル画像を好きなだけ記述 */
images[0] = "画像１のURL";http://blog-imgs-36.fc2.com/m/i/n/minnnaatumare/20100119210242d5a.png
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>
<div class="intro"><%introduction></div>
</div><!--/header-->
</div><!--/header_outline-->
<!--▲▲ ヘッダー ▲▲-->

とやったんですが
画像すらでてきません
どうすればいいですか？？

>>ウルフことSKULLさん
[画像１のURL] という部分を消して、その部分に画像のURLを設定してください。

> ウルフことSKULLさん
tskillさんが教えてくれたように編集してください。

images[0] = "http://blog-imgs-36.fc2.com/m/i/n/minnnaatumare/20100119210242d5a.png";

> tskillさん
いつもありがとうございます＾＾

はじめまして、

タイトル画像をランダムにというのは出来ました！
指南ありがとうございます。

しかし、ブログ名が表示されなくなったのですが、
どうしたらいいでしょうか？
良かったら教えてください！
よろしくお願いします。

画像の上に文字等を重ねる
http://10plate.blog44.fc2.com/blog-entry-317.html
あたりが参考になりそうですが…
どうでしょうか？

sakuraiさん返事ありがとうございます。

画像と重ねるとは違うと思います、
画像は右端に少ししか、ありませんし、
ブログ説明文？は写るんですけど、
ブログ名だけが写りません^^;

ヘッダーの中にブログ名の記入の記入が無いようなのですが、これが原因ではないでしょうか？
（例えば<a href="<%url>"><%blog_name></a>）
下の、<div class="intro">最近～略～ブログ</div>は見えてるので…

sakuraiさん
<a href="<%url>"><%blog_name></a>を
ヘッダーのところに入れるとブログ名写りました！！

しかしですね、たびたび申し訳ないのですがm(__)m
左側に表示させたいのですが、右側に表示されています、
左側に出来ませんかね？？

>>yuuk!さん
<div align="left">～</div>で左寄せできますが、それだと改行されてしまい、見づらくなってしまうのでtableを使わせてもらいます。
<table border="0" width="100%">
<tr><td width="50%" align="left">
<<h1><a href="<%url>"> <%blog_name> </a></h1>
<div class="intro"><%introduction></div></td>

<td width="50%" align="right">
<script language="JavaScript">
～
</script>
</td></tr></table>
以上でご希望のものになると思います。

tskillさん

自分の思っていたとおりに完璧に出来ました！
ほんとにありがとうございますm(__)m

高さが違う画像をランダムに表示できますか？
高さに応じるように設定したいのですが。

#header_outline {
border:1px ridge #999999 ; /* 外枠の色 */
border-bottom:#f8f8ff 2px ridge; /* 飾り線(下) */
margin-bottom:1px; /* ヘッダ下間隔 */
}
#header_body {
background-color:#000000; /* 背景色 */
border:1px ridge #000000; /* 内枠の色 */
height: auto; /* 画像の高さ */
background-repeat: no-repeat; /* 画像の並べ方 */
background-position: right; /* 表示位置 */

初めまして。
standard_monotoneを使わせて頂いております。
質問なのですが、TOP絵の大きさ(特に横の長さ)が知りたい時は、どうすればいいのでしょうか？

「サイト幅を変える(standardシリーズ)」で…

サイト全体を75em
レフトカラムを15em
ライトカラムを20em

に変更した場合、画像の大きさをどのように調べればいいんでしょうか？
あるのであれば、教えて頂きたく書き込みさせて頂きました。
もし分かるのであれば、お願い致します。

私のブログです。
http://thimu1104.blog61.fc2.com/

※すみません。「サイト幅を変える(standardシリーズ)」のコメント欄に間違えて同じ書き込みをしてしまいました。
申し訳ありません。

lightframeシリーズでのタイトルランダムはできませんか？

day-out　のテンプレートを使っているのですが
<h1>～</h1>が見つけられません。
どこにあるのか教えていください。
また設定方法も教えて頂けるとありがたいです。

<!-- 【 ▼ヘッダエリア ここから 】 -->
のすぐ下にありますよ

回答ありがとうございます。
下のを全て消していいのでしょうか？

FC2でのJAVAスクリプトの使い方がわかりません

消すのではなく
<h1>～</h1>で囲まれている部分の記述に書き換えてください。

sakuraiさんへ

置き換えたのですがブログ名が消えてしまいました。
これはどう対処すればよいのでしょうか？

「背景画像をランダムに変える」
http://10plate.blog44.fc2.com/blog-entry-81.html
で出来ると思います。

それから
「SEOを考慮したランダムなタイトル画像」
http://10plate.blog44.fc2.com/blog-entry-190.html
も参考にしてください。

やってみたいと思います！
ご指導ありがとうございました。
また分からないところが出てきたら聞きに来ます。

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

このコメントは管理者の承認待ちです

どうも、お初です
先ほど
タイトル画像をランダムに変える
方法を知り
やってみたのですが
なんでか画像が繰り返しになり
困っています
改善方法はありますでしょうか？

このコメントは管理者の承認待ちです

このコメントは管理者の承認待ちです

このコメントは管理者の承認待ちです

このコメントは管理者の承認待ちです

このコメントは管理者の承認待ちです

前にほかの記事で質問をした者です。
このページのURLを教えてもらったので来て見ました。
というかやりました！
できました＾＾有難うございます！！
これって画像の数を増やすことも可能なんですか？

題名:

名前:

URL:

COMMENT:

現在休止中で管理人はコメントに答えることが出来ないことをご了承くださいm(__)m

PASS: SECRET:管理者にだけ表示