Birdcallをバージョンアップしました

2008年02月22日 23:29

お久しぶりです
ちまちまと修正を加えていたBirdcallですが、ある程度出来上がったので共有の方に登録し直しました。
とりあえずこれで一段落…。
HerbaはBirdcallをちょろっと書き換えればOKなので、Herbaも間もなく共有に登録申請しようと思います。

いろいろとやりたいこと・やらなきゃならないことができてしまいなかなかテンプレート作成に時間を割くことができないのですが、しっかりと継続できるようにがんばります


コメント

  1. Selen | URL | JalddpaA

    Re: Birdcallをバージョンアップしました

    すみません、質問です。
    『Birdcall』.header-container内の画像をランダム表示にしたいのですが、
    方法はありますでしょうか?

  2. rimse | URL | NDu29Gck

    Re: Birdcallをバージョンアップしました

    Selenさん初めまして!

    header-container内の画像をランダム表示するには、javascriptを使わないといけません。とりあえず簡単なスクリプトを作ってみたのでお試しください。

    編集を加えるのはHTMLの方です。
    <div class="header-container">の部分を、次のように置換してください。

    <script language="javascript">
    var img = new Array(
    "表示したい画像のurl" ,
    "表示したい画像のurl" ,
    "表示したい画像のurl"
    );
    var r=Math.floor(Math.random()*img.length)
    document.write("<div style='background:url("+img[r]+") no-repeat center top;width:100%;'>")
    </script>
    <noscript><div class="header-container"></noscript>


    「 表示したい画像のurl 」となっているところはそれぞれ変更してください。なお、「"表示したい画像のurl" ,」の行を増やせば何枚でも画像を設定することが可能です。

    javascriptをOFFに設定している人が閲覧した場合は、birdcallの初期画像が表示されるようになっています。これを変更するのであれば、CSS内のの「.header-container」を変更してください。

コメントの投稿

(コメント編集・削除に必要)
(管理者にだけ表示を許可する)

トラックバック

この記事のトラックバックURL
http://rimse.blog73.fc2.com/tb.php/20-6d6c4805
この記事へのトラックバック


Recent Entries