07«1.2.3.4.5.6.7.8.9.10.11.12.13.14.15.16.17.18.19.20.21.22.23.24.25.26.27.28.29.30.31.»09

カウンター

Profile

カテゴリ

最近の記事+コメント

月別アーカイブ

くろどんのいろんな日記

ゲームネタやらパソコンネタやらをつらつらと綴るサイト

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
tb: -- |  cm: --
go page top

タイトル絵をランダム化してみた

こんちわ~、くろどんですッヽ( `・ω・´)ノ

すでにお気づきの方も大勢いるかと思いますが、
当ブログのタイトル絵をランダム化してます
カスタマイズにあたり参考にしたのはもちろんろっこさんのサイト

とある日記の改造報告!

おりょ?来るたびに~って辺りから書いてある内容を参考に
当ブログにも同じ感じで入れてみたんですが、
最初はうまく動かなかったのでちょっと加筆してみたいと思います
こんな感じ↓のを<head>~</head>に入れるってなってますよね?

<script language="JavaScript">
<!--
photo = new Array();
//画像の指定。ランダムに表示したい数だけ増やす。photo[連番] = '画像URL';
photo[0] = '画像URL1'; //1つ目の画像
photo[1] = '画像URL2'; //2つ目の画像
photo[2] = '画像URL3'; //3つ目の画像
photo[3] = '画像URL4'; //4つ目の画像
r = Math.floor(Math.random()*photo.length);
document.write('<style type="text/css">');
document.write('#banner,#subbanner{background: url("'+photo[r]+'") no-repeat;}');
document.write('</style>');
//-->
</script>


まずこれの入れる位置はCSSを読み込んだ後に書かないとダメ
<%css_link>ってのがCSSの読み込みなので、
これより後ろに書きましょう

さらに上の中でdocument.writeというのを使って、
CSSの宣言を書き換えているわけですが、
1つ目と3つ目はStyleタグを使って
CSSの内容を書くよって宣言なので
こういうものだと思ってください
肝心なのは2つ目
これ↓を

document.write('#banner,#subbanner{background: url("'+photo[r]+'") no-repeat;}');


こんな感じ↓で書き直す
document.write('.header{background: url("'+photo[r]+'") no-repeat;}');


ろっこさんのところは#bannerのbackgroundで
タイトル絵が指定されているからなんだけど、
うちのブログでは.headerのbackgroundで指定されているため
前のオレンジの部分を赤字の様に書き直してます
でもろっこさんのところでも#subbannerって宣言ないから
#subbannerは無くても問題ないはずなんだけどね~
たぶんコピペして使ったとみたw

とりまこれでうちのサイトはランダム化出来たわけですが、
bodyタグの中でタイトル絵を直に指定しているブログだと
この方法はダメかもね
近いところだとみなみん・じょかさんのサイトとか
NANAしゃんのサイトがそうだった
この辺はCSSで定義し直せばいけると思うけど、
ちょっと難しいかもね^^;
CSSでbackground-imageなんかでタイトル絵が指定されている場合は
上のbackground部分も併せて修正しておいた方がわかりやすいかも
でもたぶんbackgroundのままでも動くかなw
backgroundはbackground-imageとか
background-sizeなどの省略形らしいのでw

さてさて、ここで問題です
ランダム化したタイトル絵は何種類あるでしょうか??
わかった人はコメントなんかで書いてね(・∀・)
正解した人には正解!!って言うだけですw
何もありません!w

というわけで今回はこの辺で
またぬ~(´・ω・`)/~~
関連記事
tb: 0 |  cm: 2
go page top

コメント

Re: タイトル絵をランダム化してみた

> たぶんコピペして使ったとみたw
(*^b^) シーーッ!! そんなこと分析しないで~www
ソノトオリダケドサ...
コピペの嵐でソースなんてぐちゃぐちゃなんだからね!w

URL | locco #EBUSheBA
2011/02/01 12:16 * edit *

Re: タイトル絵をランダム化してみた

>ろっこさん
動かなくてあれこれ悩んで調べてたら詳しく分析していたオイラがいましたw
てか、ろっこさんのサイトのコメにもそこを直せって書いてあったねw
ちゃんと読んでないのがバレてしまったオイラでしたw

URL | くろどん #-
2011/02/01 23:41 * edit *
go page top

コメントの投稿

Secret

go page top

トラックバック

トラックバックURL
→http://donclaudia.blog87.fc2.com/tb.php/950-1b1d5453
この記事にトラックバックする(FC2ブログユーザー)
go page top
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。