FC2ブログのテンプレート工房
カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？
背景画像をランダムに変える
サイト背景やタイトル背景等の画像をランダムに変えるカスタマイズを紹介します。
次の記述をHTMLの</head>のすぐ上に貼ります。
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";
wall[1] = "画像２のURL";
wall[2] = "画像３のURL";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
これはサイト全体の背景画像をランダムに変える場合です。(standard,lightframe共に同じです。)
タイトル背景を変えたい場合は body の部分を
standardをお使いの方は
#header
lightframeをお使いの方は
#header_body
と変更してください。
画像はいくつでも増やせます。豊富な画像を用意しておくと訪問者に楽しんでもらえそうですね。
次の記述をHTMLの</head>のすぐ上に貼ります。
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";
wall[1] = "画像２のURL";
wall[2] = "画像３のURL";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
これはサイト全体の背景画像をランダムに変える場合です。(standard,lightframe共に同じです。)
タイトル背景を変えたい場合は body の部分を
standardをお使いの方は
#header
lightframeをお使いの方は
#header_body
と変更してください。
画像はいくつでも増やせます。豊富な画像を用意しておくと訪問者に楽しんでもらえそうですね。
≪サイドメニュー（プラグイン）の折りたたみ | HOME | 右カラムをヘッダと同じ高さにする≫
(´･Θ･`)ショボーン
出来ないですぅ〜
３枚アップしたけど、１枚しか表示されなくて、とほほ。
出来ないですぅ〜
３枚アップしたけど、１枚しか表示されなくて、とほほ。
[ 2006/10/09 22:05 ]
[ 編集 ]
こんばんは、あいざわさん。
それにしてもどれも素晴らしい写真ですね。用意したという４種類全てを見たいがために更新を連打したのは私だけではないはず。アクセスも増えそうですね＾＾
それにしてもどれも素晴らしい写真ですね。用意したという４種類全てを見たいがために更新を連打したのは私だけではないはず。アクセスも増えそうですね＾＾
[ 2006/10/09 23:05 ]
[ 編集 ]
こんばんは、ねこキックさん。
申し訳ありません。記事に不手際がありました。先程記事を書き直したのですがJavaScriptは</head>の真上に挿入してください。これで上手くいくと思います。
申し訳ありません。記事に不手際がありました。先程記事を書き直したのですがJavaScriptは</head>の真上に挿入してください。これで上手くいくと思います。
[ 2006/10/09 23:40 ]
[ 編集 ]
こんにちは。
いつも楽しく拝見させていただいております。
興味深い記事で大変参考になりました。これからも更新、楽しみにしております。突然のコメント、失礼しました。
いつも楽しく拝見させていただいております。
興味深い記事で大変参考になりました。これからも更新、楽しみにしております。突然のコメント、失礼しました。
[ 2006/10/10 16:17 ]
[ 編集 ]
こんばんは、ねこキックさん。
私の記事に不手際があったために余計な手間をかけさせてしましました。申し訳ありません。
今度はちゃんと画像がランダムに表示されますね。トラックバックも有難う御座いました。トラバをもらったのは久しぶりです＾＾
私の記事に不手際があったために余計な手間をかけさせてしましました。申し訳ありません。
今度はちゃんと画像がランダムに表示されますね。トラックバックも有難う御座いました。トラバをもらったのは久しぶりです＾＾
[ 2006/10/11 02:01 ]
[ 編集 ]
こんばんは、ホームページマジックさん。
サイト製作のプロが私のブログを見てくれるなんて恐縮です。
ホームページマジックさんのサイトも大変興味深く拝見させてもらいました。サイト制作費無料で集客効果の分だけ料金を頂くなんて、Win-Winの関係を築ける素晴らしいビジネスですね。
私の記事はまだとてもホームページマジックさんを満足させられるものではありませんが、少しでも参考になれるように頑張ります。
サイト製作のプロが私のブログを見てくれるなんて恐縮です。
ホームページマジックさんのサイトも大変興味深く拝見させてもらいました。サイト制作費無料で集客効果の分だけ料金を頂くなんて、Win-Winの関係を築ける素晴らしいビジネスですね。
私の記事はまだとてもホームページマジックさんを満足させられるものではありませんが、少しでも参考になれるように頑張ります。
[ 2006/10/11 02:43 ]
[ 編集 ]
背景画像、1種類だったのを３種類にカスタマイズさせて頂きました！
もうこれ以上何も出来ませんと言う位やらせて頂いた様な気が(^-^)
とは言いつつ、カレンダーをもう少しいじろうかとは思っていたりしますw
後、PASSを入れた時にトリップが付く様にするのもやってみたいです。
…とは言ったもののPASSをトリップにする為にどうするのか分からず＿|￣|○
#<%comment_trip>
↑これが何かだとは思うのですが…
偏頭痛がしてきました(泣)
もうこれ以上何も出来ませんと言う位やらせて頂いた様な気が(^-^)
とは言いつつ、カレンダーをもう少しいじろうかとは思っていたりしますw
後、PASSを入れた時にトリップが付く様にするのもやってみたいです。
…とは言ったもののPASSをトリップにする為にどうするのか分からず＿|￣|○
#<%comment_trip>
↑これが何かだとは思うのですが…
偏頭痛がしてきました(泣)
[ 2006/10/17 18:56 ]
[ 編集 ]
こんばんは、ちゃんさん。
画像がランダムで変わると、ついつい全ての画像をみたくて更新を連打してしまうんですよね。アクセスがあがってたらそれは私です。
トリップを付ける方法は記事に掲載したのでこちらをご覧ください。
http://10plate.blog44.fc2.com/blog-entry-86.html
画像がランダムで変わると、ついつい全ての画像をみたくて更新を連打してしまうんですよね。アクセスがあがってたらそれは私です。
トリップを付ける方法は記事に掲載したのでこちらをご覧ください。
http://10plate.blog44.fc2.com/blog-entry-86.html
[ 2006/10/17 22:22 ]
[ 編集 ]
最近ＦＣ２ブログを始めたので、ここの記事に何度もお世話になりました。
おかげさまで理想通りのタイトルにすることができました。
ありがとうございますm(_ _)m
おかげさまで理想通りのタイトルにすることができました。
ありがとうございますm(_ _)m
[ 2007/01/06 16:35 ]
[ 編集 ]
こんばんは、ワームモンさん。
ようこそFC2ブログへいらっしゃいました。私は他のブログサービスをあまり知らないのですが、FC2ブログはカスタマイズに優れていることは確かです。どんどんカスタマイズを楽しんでくださいね。
ようこそFC2ブログへいらっしゃいました。私は他のブログサービスをあまり知らないのですが、FC2ブログはカスタマイズに優れていることは確かです。どんどんカスタマイズを楽しんでくださいね。
[ 2007/01/07 00:13 ]
[ 編集 ]
いたおさんのテンプレート使わせてもらってます。いつもお世話になってます。
ところで僕は、fullmoon_howlingを使っているのですが、右上にある画像をランダムに変えることはできないでしょうか。
ところで僕は、fullmoon_howlingを使っているのですが、右上にある画像をランダムに変えることはできないでしょうか。
[ 2007/01/20 12:16 ]
[ 編集 ]
こんばんは、毛丸家さん。
右上の画像をランダムに変えるにはこちらの記事が参考になると思います。
タイトル画像をランダムに変える
http://10plate.blog44.fc2.com/blog-entry-88.html
毛丸家さんの場合は右上の画像の記述があるところを、この記事が紹介する記述に書き換えてください。
もしこの記事の説明が解からなければまた教えてくださいね。
右上の画像をランダムに変えるにはこちらの記事が参考になると思います。
タイトル画像をランダムに変える
http://10plate.blog44.fc2.com/blog-entry-88.html
毛丸家さんの場合は右上の画像の記述があるところを、この記事が紹介する記述に書き換えてください。
もしこの記事の説明が解からなければまた教えてくださいね。
[ 2007/01/21 23:26 ]
[ 編集 ]
たびたびすいません。
早速実行してみたのですが、画像がタイトルの下になってしまいます。これまで通りタイトルの右におくことはできないでしょうか？
早速実行してみたのですが、画像がタイトルの下になってしまいます。これまで通りタイトルの右におくことはできないでしょうか？
[ 2007/01/22 00:15 ]
[ 編集 ]
初めて投稿いたします。
背景をランダムに出来るのですが、タイトル背景は
どうしても、出来ません。
タイトル背景をランダムにするには、bodyの部分を
どうしたらいいのでしょうか？
よろしくお願いします。
背景をランダムに出来るのですが、タイトル背景は
どうしても、出来ません。
タイトル背景をランダムにするには、bodyの部分を
どうしたらいいのでしょうか？
よろしくお願いします。
[ 2007/01/25 06:31 ]
[ 編集 ]
はじめまして、puapuaさん。
現状を確認したいのでURLを教えて頂けないでしょうか。
宜しくお願い致します。
現状を確認したいのでURLを教えて頂けないでしょうか。
宜しくお願い致します。
[ 2007/01/25 22:43 ]
[ 編集 ]
サイトを載せるのを忘れました。
申し訳ありません。
今は画像がアップ出来ないので
普通の共有テンプレを借用してます。
よろしくお願いします。
申し訳ありません。
今は画像がアップ出来ないので
普通の共有テンプレを借用してます。
よろしくお願いします。
[ 2007/01/25 23:04 ]
[ 編集 ]
こんばんは、puapuaさん。
それではstandardとlightframeどちらを使う予定か教えて頂けないでしょうか。それによりスクリプトが少しだけ変わってくるのです。
それではstandardとlightframeどちらを使う予定か教えて頂けないでしょうか。それによりスクリプトが少しだけ変わってくるのです。
[ 2007/01/25 23:18 ]
[ 編集 ]
こんばんは、puapuaさん。
解決されたようですね＾＾
お気づきになられた通り、テンプレートの種類によって、スクリプトを一部変更しなければならないのです。この記事では少し解かりにくかったでしょうか。
これからより解かり易い記事を心がけていきますのでまた参考にしてくださいね。
解決されたようですね＾＾
お気づきになられた通り、テンプレートの種類によって、スクリプトを一部変更しなければならないのです。この記事では少し解かりにくかったでしょうか。
これからより解かり易い記事を心がけていきますのでまた参考にしてくださいね。
[ 2007/01/27 01:41 ]
[ 編集 ]
こんにちは、はじめまして。
いつもお世話になってます！
タイトル背景の高さの調整方法がわからず上部のほんの少ししか表示されません。
色々と調べてみたのですが知識不足で手詰まりです。
とりあえず画像は今表示されている１枚だけですがランダム背景な設定にしています。
今表示されている画像の本当のサイズは993×420です。
出来るのならランダムに表示される画像によってタイトル背景の高さが変わるようにしたいのですが、無理なんでしょうか？
ご教授よろしくお願いします。
いつもお世話になってます！
タイトル背景の高さの調整方法がわからず上部のほんの少ししか表示されません。
色々と調べてみたのですが知識不足で手詰まりです。
とりあえず画像は今表示されている１枚だけですがランダム背景な設定にしています。
今表示されている画像の本当のサイズは993×420です。
出来るのならランダムに表示される画像によってタイトル背景の高さが変わるようにしたいのですが、無理なんでしょうか？
ご教授よろしくお願いします。
[ 2007/03/10 15:37 ]
[ 編集 ]
こんばんは、ゆっけさん。
こちらの記事に従ってスタイルシートに高さ(height)を指定してください。
ヘッダー背景に画像を表示する
http://10plate.blog44.fc2.com/blog-entry-105.html
背景の高さをランダムに変えることは出来ませんが、タイトル画像をランダムにした場合は自動的にその高さに変わりますよ。
タイトル画像をランダムに変える
http://10plate.blog44.fc2.com/blog-entry-88.html
こちらの記事に従ってスタイルシートに高さ(height)を指定してください。
ヘッダー背景に画像を表示する
http://10plate.blog44.fc2.com/blog-entry-105.html
背景の高さをランダムに変えることは出来ませんが、タイトル画像をランダムにした場合は自動的にその高さに変わりますよ。
タイトル画像をランダムに変える
http://10plate.blog44.fc2.com/blog-entry-88.html
[ 2007/03/11 03:11 ]
[ 編集 ]
素早いお返事ありがとうございました！
どうにか表示させる事が出来ました。
しかし、表示させたい複数の画像の高さが違う(420px〜600px)ので例えばヘッダーの部分をheight: 420px;に設定すると大きい画像が表示された時にやはり切れてしまい、height: 600px;に設定すると小さい画像が表示された時に上下に無駄な隙間が出来て不恰好になってしまいます。
このheight:を可変にする設定というのはないのでしょうか？
無理をいってすみません。
どうにか表示させる事が出来ました。
しかし、表示させたい複数の画像の高さが違う(420px〜600px)ので例えばヘッダーの部分をheight: 420px;に設定すると大きい画像が表示された時にやはり切れてしまい、height: 600px;に設定すると小さい画像が表示された時に上下に無駄な隙間が出来て不恰好になってしまいます。
このheight:を可変にする設定というのはないのでしょうか？
無理をいってすみません。
[ 2007/03/11 15:08 ]
[ 編集 ]
こんばんは、ゆっけさん。
よくよく調べると方法があるのかも知れませんが、高さをアクセス毎に変える方法を私は知りません。力不足で申し訳ありません。
どうしても画像の高さに合わせたければ『タイトル画像をランダムに変える』方法だと問題はありません。
よくよく調べると方法があるのかも知れませんが、高さをアクセス毎に変える方法を私は知りません。力不足で申し訳ありません。
どうしても画像の高さに合わせたければ『タイトル画像をランダムに変える』方法だと問題はありません。
[ 2007/03/12 01:39 ]
[ 編集 ]
なるほど〜。
お手数をおかけしました。
精進しますので、また困った事があったらよろしくおねがいします<(_ _)>
お手数をおかけしました。
精進しますので、また困った事があったらよろしくおねがいします<(_ _)>
[ 2007/03/12 12:15 ]
[ 編集 ]
突然の書き込み大変失礼いたします。私は現在、友人とともにWEBを製作をしております。
先日、fc2様よりサーバーをお借りしました。TOPページの背景画像をランダム表示させたいと考えておりますが、こちらのタグは、ブログ以外にも有効なのでしょうか?
何分初心者なのでよく分からず…。
一応、コピーさせていただいたのですが。
お忙しいところ大変申し訳ありませんが、ご教授いただけると幸いです。
先日、fc2様よりサーバーをお借りしました。TOPページの背景画像をランダム表示させたいと考えておりますが、こちらのタグは、ブログ以外にも有効なのでしょうか?
何分初心者なのでよく分からず…。
一応、コピーさせていただいたのですが。
お忙しいところ大変申し訳ありませんが、ご教授いただけると幸いです。
[ 2007/03/27 00:30 ]
[ 編集 ]
素早い対応に大変感謝いたします。
ありがとうございました。
ありがとうございました。
[ 2007/03/27 01:11 ]
[ 編集 ]
はじめまして。
私はブログで小説を書いているのですが、以前より従来のテンプレートに満足できませんでした。
ですが、先日こちらのテンプレをお借りして以来みるみるうちに思い通りのページが出来上がっていきました。
全くの初心者の私でも理解できるように親切な説明がされていて、この記事の「画像をランダムに〜」も参考にして試してみたところすぐに問題なく表示されました。
感激したので、こうやってお礼の書き込みさせて頂いています。
ありがとうございました♪
次回の記事も楽しみにお待ちしています。
私はブログで小説を書いているのですが、以前より従来のテンプレートに満足できませんでした。
ですが、先日こちらのテンプレをお借りして以来みるみるうちに思い通りのページが出来上がっていきました。
全くの初心者の私でも理解できるように親切な説明がされていて、この記事の「画像をランダムに〜」も参考にして試してみたところすぐに問題なく表示されました。
感激したので、こうやってお礼の書き込みさせて頂いています。
ありがとうございました♪
次回の記事も楽しみにお待ちしています。
[ 2007/04/19 13:14 ]
[ 編集 ]
感激してくれましたか＾＾
有り難うございます。作者冥利に尽きます。
更新が滞ってますが記事を楽しみにしてくれているとは頑張らねばなりませんね＾＾；
有り難うございます。作者冥利に尽きます。
更新が滞ってますが記事を楽しみにしてくれているとは頑張らねばなりませんね＾＾；
[ 2007/04/22 00:14 ]
[ 編集 ]
いつもお世話になっています。
お気に入りの写真素材を色々使えてウレシイです！
希望通り！ いいえ それ以上です！ アリガトウございました。
お気に入りの写真素材を色々使えてウレシイです！
希望通り！ いいえ それ以上です！ アリガトウございました。
[ 2007/04/27 13:25 ]
[ 編集 ]
綺麗な花を入れましたね。
喜んでもらえると私も嬉しいです＾＾
喜んでもらえると私も嬉しいです＾＾
[ 2007/04/30 00:19 ]
[ 編集 ]
全くの初心者です。教えてください。
画像をランダムにするために上に記載されているアドレスを
コピペしました。
が、画像のURLとはどうしたらわかりますか？
ランダムアップ用の画像をフォルダに分けて入れているのですが
それをどうやってURLとして表示するか分かりません。
初歩的なことで申し訳ありませんが宜しくお願いします。
画像をランダムにするために上に記載されているアドレスを
コピペしました。
が、画像のURLとはどうしたらわかりますか？
ランダムアップ用の画像をフォルダに分けて入れているのですが
それをどうやってURLとして表示するか分かりません。
初歩的なことで申し訳ありませんが宜しくお願いします。
[ 2007/06/21 20:53 ]
[ 編集 ]
http://10plate.blog44.fc2.com/blog-entry-88.html
ここの上から6番目のコメントを御覧下さいね♪
ここの上から6番目のコメントを御覧下さいね♪
[ 2007/06/21 21:50 ]
[ 編集 ]
失礼しましたっ！ちゃんと読めよって感じですね...。
教えてください、ありがとうございます。
アップできましたっ☆が、とても大きい写真になってしまって。
枠内に収めるにはどうやったらよいのでしょうか？
教えてください、ありがとうございます。
アップできましたっ☆が、とても大きい写真になってしまって。
枠内に収めるにはどうやったらよいのでしょうか？
[ 2007/06/21 22:18 ]
[ 編集 ]
ありがとうございます。ちゃんさん＾＾
しーさん、カスタマイズできてよかったですね。
しーさん、カスタマイズできてよかったですね。
[ 2007/06/22 01:38 ]
[ 編集 ]
</head>のすぐ上に記述を貼ったんですけど、
画像どころか何も表示されません。
bodyの部分をlightframe_whiteを使っているので、#header_bodyに変更もしました。
解決方法を教えて下さい。
画像どころか何も表示されません。
bodyの部分をlightframe_whiteを使っているので、#header_bodyに変更もしました。
解決方法を教えて下さい。
[ 2007/07/09 19:54 ]
[ 編集 ]
今現在は記述を貼っていませんよね？
正しい位置に記述を入れ、画像urlを指定すればちゃんと表示されるはずです。
もしかしたら記事をコピペする際にどこか切れて(消して)しまったのかもしれません。
再度チャレンジしたらうまく行くかもしれませんよ♪
もしどうしても駄目だったら、同じテンプレートをDLするのも手です。
Gangster CJさんのテンプレートはまだどこもカスタマイズされていないようなので、小さな不具合を見つけて修正するよりそのほうが早いです
正しい位置に記述を入れ、画像urlを指定すればちゃんと表示されるはずです。
もしかしたら記事をコピペする際にどこか切れて(消して)しまったのかもしれません。
再度チャレンジしたらうまく行くかもしれませんよ♪
もしどうしても駄目だったら、同じテンプレートをDLするのも手です。
Gangster CJさんのテンプレートはまだどこもカスタマイズされていないようなので、小さな不具合を見つけて修正するよりそのほうが早いです
[ 2007/07/11 02:24 ]
[ 編集 ]
新着記事に新着表示を付けるカスタマイズを施しています。
それ以外は全くカスタマイズしていません。
ダメもとでちゃんさんの言うとおりにやってみます＾＾
ご返信ありがとうございました！
それ以外は全くカスタマイズしていません。
ダメもとでちゃんさんの言うとおりにやってみます＾＾
ご返信ありがとうございました！
[ 2007/07/11 19:07 ]
[ 編集 ]
やっぱり出来ません。
</head>のすぐ上には、
新着記事用newマークの記述が貼ってあるんですが、
そこで良いんですよね？
それでダメだったら、
また同じテンプレートを落としてみます。
</head>のすぐ上には、
新着記事用newマークの記述が貼ってあるんですが、
そこで良いんですよね？
それでダメだったら、
また同じテンプレートを落としてみます。
[ 2007/07/11 19:31 ]
[ 編集 ]
同じテンプレートをまた落としてやって見たんですけど、
とりあえず成功したんですよ。
画像の真ん中辺りしか表示されませんでしたが。
でも、画像に重ねてブログタイトルや、
紹介文を表示するんじゃなくて、
画像の上にブログタイトル、
下に紹介文を表示したいって事なんですよ。
このやり方をブログで紹介されているでしょうか？
ご返信して下さったちゃんさん、
本当にすみませんでしたm(_ _)m
とりあえず成功したんですよ。
画像の真ん中辺りしか表示されませんでしたが。
でも、画像に重ねてブログタイトルや、
紹介文を表示するんじゃなくて、
画像の上にブログタイトル、
下に紹介文を表示したいって事なんですよ。
このやり方をブログで紹介されているでしょうか？
ご返信して下さったちゃんさん、
本当にすみませんでしたm(_ _)m
[ 2007/07/11 19:49 ]
[ 編集 ]
方法のURL教えてくださりありがとございます。。。。
でも出来ないのです...というか良く理解できなくて。
画像のサイズを変える方法もわからず、
widthの％を変えてみても何も変更になりません。
カンタンにタイトル部分が素敵になる方法
アドバイス頂ければ幸いです。
ちゃんさんのブログのように、タイトル部分をスッキリさせたいのですが。
でも出来ないのです...というか良く理解できなくて。
画像のサイズを変える方法もわからず、
widthの％を変えてみても何も変更になりません。
カンタンにタイトル部分が素敵になる方法
アドバイス頂ければ幸いです。
ちゃんさんのブログのように、タイトル部分をスッキリさせたいのですが。
[ 2007/07/11 22:04 ]
[ 編集 ]
お初ですm(__)m
一つ質問なんですが、この背景をランダムに変えるタグって結局は全体的な背景専用なんですよね？つまり、右上だけの部分的な背景とかの場合はダメということですかね？
右上固定の背景をランダムに出来る方法があれば教えていただけませんか？
一つ質問なんですが、この背景をランダムに変えるタグって結局は全体的な背景専用なんですよね？つまり、右上だけの部分的な背景とかの場合はダメということですかね？
右上固定の背景をランダムに出来る方法があれば教えていただけませんか？
[ 2007/07/30 21:20 ]
[ 編集 ]
ランダムに表示させる背景が、全て右上固定表示用の背景であれば使用可能です。
背景固定の指定文はHTML内・スタイルシート内どちらに書かれていても大丈夫です。
背景固定の指定文はHTML内・スタイルシート内どちらに書かれていても大丈夫です。
[ 2007/07/31 13:56 ]
[ 編集 ]
あの、こんな感じでいいのかな・・・と自分でやってみたのですが、、、どうやらおかしいようです(ーー;)
手間をかけて非常に申し訳ないと思うのですが、アドレスを
載せておくのでソースをみておかしなところがあれば教えていただけませんか？
よろしくお願いしますm(__)m
手間をかけて非常に申し訳ないと思うのですが、アドレスを
載せておくのでソースをみておかしなところがあれば教えていただけませんか？
よろしくお願いしますm(__)m
[ 2007/08/01 21:42 ]
[ 編集 ]
ブログではなくホームページだったのですね(^^)
入れる位置と記述そのものが違うようです。
「右上固定の背景画像をランダムに表示する」
ということになりますのでこうなります。
※文字数オーバーしてしまいますので2つに分けます。
入れる位置と記述そのものが違うようです。
「右上固定の背景画像をランダムに表示する」
ということになりますのでこうなります。
※文字数オーバーしてしまいますので2つに分けます。
[ 2007/08/02 15:03 ]
[ 編集 ]
<script language="JavaScript"><!--
var wall = new Array();
wall[0] = "http://takoweb.com/~bebebe/sc071_f60.jpg";
〜
wall[5] = "http://takoweb.com/~bebebe/1112huukei1-w1.jpg";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
<style type="text/css">
<!--
body{
background-attachment:fixed;
background-repeat:no-repeat;
background-position:right top;
}
-->
</style>
</head>
※必ず</head>の上に入れて下さいね
var wall = new Array();
wall[0] = "http://takoweb.com/~bebebe/sc071_f60.jpg";
〜
wall[5] = "http://takoweb.com/~bebebe/1112huukei1-w1.jpg";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
<style type="text/css">
<!--
body{
background-attachment:fixed;
background-repeat:no-repeat;
background-position:right top;
}
-->
</style>
</head>
※必ず</head>の上に入れて下さいね
[ 2007/08/02 15:05 ]
[ 編集 ]
できました！！
なんか感動です。
なんかいろいろとありがとうございましたぁm(__)m
なんか感動です。
なんかいろいろとありがとうございましたぁm(__)m
[ 2007/08/02 19:25 ]
[ 編集 ]
このコメントは管理人のみ閲覧できます
[ 2007/09/03 18:07 ]
[ 編集 ]
CSSで検索していたらこちらにたどり着きました。
すでに使用しているテンプレートに、なんとかランダム画像を組み込めないかうなっていたところ、こちらが大変参考になりました。
bodyの部分を変えたい部分に指定することで適用できました。
まだまだテンプレート改造は初心者ですが、今後とも精進していきたいと思います。また伺います。
すでに使用しているテンプレートに、なんとかランダム画像を組み込めないかうなっていたところ、こちらが大変参考になりました。
bodyの部分を変えたい部分に指定することで適用できました。
まだまだテンプレート改造は初心者ですが、今後とも精進していきたいと思います。また伺います。
[ 2007/09/13 02:08 ]
[ 編集 ]
まず自分で取った写真をPC内に取り込み、それをサーバー上にアップしますとURLがつきます。
FC2ブログでしたら、
管理ページ→ファイルアップロード
ここにアップしたものであれば、「表示」をクリックするとURLが出ますので、それをタグに入れます。
FC2ブログでしたら、
管理ページ→ファイルアップロード
ここにアップしたものであれば、「表示」をクリックするとURLが出ますので、それをタグに入れます。
[ 2007/12/30 05:44 ]
[ 編集 ]
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg
wall[1] = "画像２のURL";
wall[2] = "画像３のURL";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
</head>
こうやっても背景が変わらないのですが、どこを直せばよろしいですか？教えてください！
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg
wall[1] = "画像２のURL";
wall[2] = "画像３のURL";
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
</head>
こうやっても背景が変わらないのですが、どこを直せばよろしいですか？教えてください！
[ 2008/01/12 02:01 ]
[ 編集 ]
画像URLを1つしか入れていないので背景は変わりません。
最低2つ以上入れます。
2つの場合は
wall[2] = "画像３のURL";
この部分は削除して大丈夫です。
最低2つ以上入れます。
2つの場合は
wall[2] = "画像３のURL";
この部分は削除して大丈夫です。
[ 2008/01/12 03:39 ]
[ 編集 ]
アドバイスありがとうございます！
言われたとおりにしたのですが、背景が変わりません！
このどこを直せばいいですか？教えてください！
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="<%author_name>">
<meta name="description" content="<%introduction>">
<title><%blog_name><!--not_index_area--> <%sub_title><!--/not_index_area--></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="all" title="デフォルト">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS">
<link rel="top" href="<%url>" title="トップ">
<link rel="start" href="<%url>" title="最初の記事">
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="前のページ"><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページ"><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>"><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>"><!--/nextentry-->
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg
wall[1] = "画像２のURL"; http://sinseihp.web.fc2.com/haruhi2.jpg
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
</head>
言われたとおりにしたのですが、背景が変わりません！
このどこを直せばいいですか？教えてください！
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="author" content="<%author_name>">
<meta name="description" content="<%introduction>">
<title><%blog_name><!--not_index_area--> <%sub_title><!--/not_index_area--></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="all" title="デフォルト">
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="RSS">
<link rel="top" href="<%url>" title="トップ">
<link rel="start" href="<%url>" title="最初の記事">
<!--prevpage--><link rel="prev" href="<%prevpage_url>" title="前のページ"><!--/prevpage-->
<!--nextpage--><link rel="next" href="<%nextpage_url>" title="次のページ"><!--/nextpage-->
<!--preventry--><link rel="next" href="<%preventry_url>" title="<%preventry_title>"><!--/preventry-->
<!--nextentry--><link rel="prev" href="<%nextentry_url>" title="<%nextentry_title>"><!--/nextentry-->
<script language="JavaScript"><!--
var wall = new Array();
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg
wall[1] = "画像２のURL"; http://sinseihp.web.fc2.com/haruhi2.jpg
var rnd = Math.floor((Math.random() * 100)) % wall.length;
document.write('<style type="text/css">body { background-image:url(' , wall[rnd] , '); }</style>');
// --></script>
</head>
[ 2008/01/12 15:26 ]
[ 編集 ]
★ヨッシーさん
http://10plate.blog44.fc2.com/blog-entry-88.html#comment3034
タイトル画像の方にも返信を入れましたが、
「画像１のURL」と書かれているところを
表示したい画像のURLに置き換えて下さい。
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg
wall[1] = "画像２のURL"; http://sinseihp.web.fc2.com/haruhi2.jpg
↓
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg";
wall[1] = "http://sinseihp.web.fc2.com/haruhi2.jpg";
これで大丈夫かと思います。
http://10plate.blog44.fc2.com/blog-entry-88.html#comment3034
タイトル画像の方にも返信を入れましたが、
「画像１のURL」と書かれているところを
表示したい画像のURLに置き換えて下さい。
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "画像１のURL";http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg
wall[1] = "画像２のURL"; http://sinseihp.web.fc2.com/haruhi2.jpg
↓
/* 使用する背景画像を好きなだけ記述 */
wall[0] = "http://blog-imgs-16.fc2.com/s/p/k/spkosuke/121.jpg";
wall[1] = "http://sinseihp.web.fc2.com/haruhi2.jpg";
これで大丈夫かと思います。
[ 2008/01/12 23:01 ]
[ 編集 ]
かどりんさん・ヨッシーさんすみませんでした(汗)
「文字を消してURL２つ以上」ですよね
URLしか目に入ってませんでした＿|￣|○
「文字を消してURL２つ以上」ですよね
URLしか目に入ってませんでした＿|￣|○
[ 2008/01/13 04:01 ]
[ 編集 ]
初めまして^^
こちらのテンプレ、lightframe_whiteをお借りして
背景画像をランダムにしようと試してみたところ、
一応はランダムにはなったのですが、左カラムの部分が
真っ白の状態になるのは、何か設定がいるのでしょうか？
真ん中、右端のみにしか背景画像が反映されないのですが・・・
こちらのテンプレ、lightframe_whiteをお借りして
背景画像をランダムにしようと試してみたところ、
一応はランダムにはなったのですが、左カラムの部分が
真っ白の状態になるのは、何か設定がいるのでしょうか？
真ん中、右端のみにしか背景画像が反映されないのですが・・・
[ 2008/01/28 22:32 ]
[ 編集 ]
コメントの投稿
ブログ検索
サイトマップ
カテゴリー
お薦め カスタマイズ
プロフィール
ありがとうございます
先生達
RSSフィード
ブログ全記事表示
ブロとも申請フォーム
タイトルバナーカスタマイズ
最近のコメント
- いたお:アイコン付きツリー化リンク (07/06)
- ardin:lightframe ２カラム化 (07/03)
- jil:文字の大きさを変える (07/01)
- BLACK:アイコン付きツリー化リンク (06/30)
- 公爵:引用部分(blockquote)のデザインを変える (06/30)
- ちゃん:文字の大きさを変える (06/30)
- くう:アイコン付きツリー化リンク (06/30)
- ひよこ:文字の大きさを変える (06/30)
- :追記【続きを読む】を同一ページに表示させる (06/30)
- はっち:ブログのサイトマップの作り方 (06/29)
- ｋ２:アイコン付きツリー化リンク (06/29)
- いたお:アイコン付きツリー化リンク (06/29)
- いたお:ブログのサイトマップの作り方 (06/29)
- ｋ２:アイコン付きツリー化リンク (06/28)
- ほくと:記事に投稿したリンク画像だけ枠を変える (06/28)
- はっち:ブログのサイトマップの作り方 (06/28)
- いたお:記事に投稿したリンク画像だけ枠を変える (06/28)
- ほくと:記事に投稿したリンク画像だけ枠を変える (06/27)
- あき:アイコン付きツリー化リンク (06/26)
- yuki:サイト幅を変える (06/24)
- いたお:サイト幅を変える (06/24)
- いたお:アイコン付きツリー化リンク (06/24)
- yuki:サイト幅を変える (06/23)
- あき:アイコン付きツリー化リンク (06/23)
- だいき:ブログのサイトマップの作り方 (06/22)
- らら:ブログのサイトマップの作り方 (06/22)
- marble5:ブログタイトル下に横カレンダーを入れる (06/18)
- ZENO:リンク画像の枠を変える (06/16)
- 葵:アイコン付きツリー化リンク (06/16)
- プー大柴:記事を左カラム、プラグインを中央と右カラムに表示する (06/16)
最近のトラックバック
- 暮らしをもっと楽しんじゃおう！:初めてのテンプレートカスタマイズ (06/27)
- memo:サイトマップを作る！ (05/23)
- 花とアリス:リストマークをアイコン画像にする (05/18)
- まあ、とりあえず:絵文字画像を揃える (05/14)
- まあ、とりあえず:ブログのサイトマップ (05/13)
- 3.1step & coffee:ひと月がたちました。 (02/04)
- レッツFC2ブログ:FC2ブログで個別記事のタイトルからブログタイトルを除く (01/09)
- レッツFC2ブログ:JavaScriptで記事の追記を折りたたみ (01/08)
- Happy Market♪:ブログスタート！ (12/25)
- Happy Market♪:放置プレー (12/25)
- キャッシュバックdeネット収入:タイトルを自作の画像に変更してみました。 (11/26)
- 貧乏ＯＬ脱出計画〜アフィリエイトで本業以上の収入を〜:サイトマップを作ろう！VOｌ．２ サイト内リンクで作る♪ (10/28)
- Cafeクアラルンプール “マレーシアの風を感じながら”:リンク集を追加 (10/15)
- アドセンス、アフィリエイトにちょっと使えるネタ帳:追記を展開式にするＪａｖａＳｃｒｉｐｔ (10/12)
- アドセンス、アフィリエイトにちょっと使えるネタ帳:追記を展開式にするＪａｖａＳｃｒｉｐｔ (10/12)
- RENDEZ-VOUS:アフィリエイトブログの作り方 (10/10)
- 夢追い人と現実の間で:教授の研究テーマ「リンク集を追加する」 (10/01)
- 笑むなＡｉｋｏの 『 おっきいチンチン 』:目立ちゃいいのさぁ！ (09/27)
- 笑むなＡｉｋｏの 『 おっきいチンチン 』:ブログのサイトマップの作り方 (09/27)
- Cafeクアラルンプール “マレーシアの風を感じながら”:サイトマップの作成 (09/17)
- Y乃助2:自サイト ブログ 修正箇所 (09/11)
- Cafeクアラルンプール :トップページでは記事を表示させない (09/09)
- Cafeクアラルンプール \"マレーシアの風を感じながら\":サイドバーの整理 (09/08)
- 気まぐれアメリカ 育児日記:サイトマップ作成 (07/31)
- 野菜作り - 楓山:プラグインの追加 (07/22)
- おっくんの適当ブログ:行間を広げてみました (07/16)
- はぢめてのブログ:FC2ブログで新着記事にNEW!!（新着）マークを表示させる方法 (07/13)
- Y乃助2:JAVA定義 外部ファイル化 M/T用 (06/24)
- 引越しだぜ！やってらないパソコン操作:Google AdSense規約 (06/01)
- 引越しだぜ！やってらないパソコン操作:記事上部に広告可能 (05/28)
理想通りのタイトルをつくる事が出来ました。
お忙しい中本当にありがとうございます。