Infomation

2010/06/17

新しい

このBloggerで新しいテンプレートがリリースされたので、早速変えてみました。
今までのと違い、より今風のブログらしいグラフィカルなテンプレートがそろっていました。

でも、自分はできるだけシンプルなのが好みなのでこんな感じです。
タイトルの画像も作り直さないとなぁ。はじめから透過pngで作っておけば背景に左右されなかったのに

ガジェットの配置やブログ全体の幅までも自由に変更できるようになっていました。
操作パネルも視覚的にわかりやすいものになったなと感じました。

今まで直接テンプレのソースに書き加えるしかなかったCSSのカスタマイズなども、操作パネルから変更できるようになり、より簡単に自分らしいブログにカスタマイズすることができるようになったのではないかなと思います。

2010/06/04

フェードティッカー

JQueryライブラリを利用して、フェードティッカーを導入してみました。
ライブ情報をスライドショー的に見せるようにしてみました。

中身に関してはライブ・イベント情報のページと中身はほぼ同じです。
表示スペースの関係で最低限の情報を載せるようにしています。

リンクなどは張っていないので、会場の詳細などを見る際は「ライブ・イベント情報」のページを参照していただければと思います。

(2011/4/4:追記)
諸般の事情により、現在は当ブログにフェードティッカーを使用していません。
Google検索で来られた方もいらしたようですので、フェードティッカーを導入していたときの環境などを書いておきますので、参考にしてください。

このブログで使用したのは、jquery.innerfade.jsです。配布先はこちら
これとJQueryのライブラリを読み込ませ、設定をすればOKです。詳しい方法はリンク先を参照してください。

以下は当時の設定の抜粋です。

<script type="text/javascript">
$(document).ready(
function(){
$('#ticker').innerfade ({
animationtype: 'fade', // アニメーションの種類(slide or fade:デフォルト)
speed: 1000, // フェイドスピード(ミリ秒 or slow,normal:デフォルト,fast)
timeout: 5000, // フェイドにかかる時間(ミリ秒、2000:デフォルト)
type: 'sequence', // スライドショーの種類(sequence:デフォルト or random)
containerheight: 'auto' //囲んだ要素の高さ、auto:デフォルト
});
} );
</script>

使った雑感として、slideアニメーションではティッカーする部分にある程度高さがあると、スライドする際に切り替わる前後の中身が重なることがあり、見づらくなってしまうことがありますが、背景色をつけることで改善されました。