同時に、デザイン的なアドバイスをいただきました。Shine様の絵をお借りしました。以下、テンプレートの解説です。1・プラグインの折りたたみ機能これを設定したプラグインは、折りたたまれた状態で表示されますが、タイトルをクリックすると、びよーんと内容が現れます。初期の状態では、プラグイン1・3・5が折りたたみになっていますが、変更できます。以下の手順で変更してください。管理ページのテンプレート設定/編集をクリック。Coffee-Breakという名前のテンプレートを探して、修正をクリック。[画]やたら英語の文字の多いテキストボックスが右側に二つ出てくると思いますが、そのうち、上のテキストボックスのここの値を変えることによって、...と書いてあるところを探します。[1,0,1,0,1];という文字があると思います。それが、折りたたみするプラグインを設定している部分です。0と1の数字が、カンマ(,)で区切ってあると思います。これは、順に、プラグイン1~5をさしています。0は折りたたみにしない、1は折りたたみにするという意味を、それぞれ表しています。[1,0,0,0,0];とします。[1,1,1,1,1];とします。1;という文字がありますが、これは、クッキー対応にするかしないかを設定しています。この設定だと、一度ページを離れても、次回訪問時に、前のプラグインの開閉状態が復元されます。2・コメント欄の拡張これは、前作「Sky-Box」と同じ機能です。一度作っちゃうと、使い回しがらくなんだよね。今回は、デザインめんに力を入れたため、JavaScriptの機能はあまりありませんゞが、統一感のあるシンプルなデザインにしました。気に入ってくださった方は、是非使ってみてくださいCategory:共有テンプレートTrackback(0)Comment(0)16火2010-02Sky-Box二作目の共有テンプレート「Sky-Box」が、無事に申請を通過しました!現時点で、お二人の方から、★×5の評価をいただきました。ありがとうございます。忍者様、ありがとうございました。説明文を考えるのは、結構手間がかかりました。長々しく説明を書くのは、利用してくれる方の興味をあまりそそらないような気がするので、なるべく短い文にしました。(それが正しいかどうかは微妙。)というわけで、細かい実装は、この記事でまとめたいと思います。とてつもなく長くなると思われるので、クリックで展開してみるような形にしました。興味のある項目は、どうぞクリックしてみてください。1・タイトルバーの下にある4つのタブこれが、今回のテンプレートの目玉です。この四つのタブ、マウスカーソルを当てると、フェードインで項目が浮かび上がってきます。いままでのテンプレートで、ぱっと出てくるようなのはあったけど、じわじわ出てくるのがあまりなかったので、作ってみました。すべてのブラウザで確認済みですよ~。次回のテンプレでは、プラグインにこれを使おうと思っています。2・コメ&トラバの数に応じてアイコンが増えるプレビューでは分からないかもしてませんが、使っていただいているうちに気づくと思います。誰かがコメントしてくれるたびに、アイコンの数が増えていきます。コメントが10個より多くなると...?→アイコンは10個が限界なので、10個までしか表示されません。(カウントは増えますが)じつは、これを作るのに苦戦し、display:inline-block;というものが有用だったことに気づいた時は...かなり興奮しましたw3・コメント欄の拡張ブログを見に来る人が気づくか気づかないかっていう機能なのですが、コメント送信フォームの「コメント」欄の右下についている横長四角をドラッグすると...なんと、コメントの欄が膨らみます!!「コメント欄が小さくて、コメントしずらいなぁ...。↑こういう人がいなくなって、コメ率UP間違いなし!(保証しません)ちなみに、Chromeブラウザにも同じような機能があり、それをヒントに作りました。おおまかな機能はこんな感じです。自分の欠点として、デザインのセンスない...というものがあります。Shine様の画像をお借りしました。ありがとうございます。ちなみに、IE6~8、FireFox、Chrome、Safari、Operaでは動作確認済みです。IE6未満では見ないでネ。次作も、一ヶ月後くらいに申請できるように作ってみたいなぁー。しまった、来年は受験か。Category:共有テンプレートTrackback(0)Comment(1)19火2010-01角丸Light初めて作ってみた共有テンプレートが、(やっと)申請を通りましたっ!特徴としては...角丸...ぐらいですかねゞちなみに、角丸は、JavaScriptで生成してます。画像で角丸を作るのと違って、色も簡単に変更できるし、角の大きさも後で変えられるのが便利。自分で楽しむためだけに知ってました。ブラウザ間のこととか、あまり気にしてませんでしたゞでも、今回、共有するテンプレートを作ることになって、ブラウザのことも考える必要が出てきました。Chrome、Safari、Operaあたりは、みんなおんなじような挙動をしてくるのですがね。こいつのおかげで、二回も申請に落ちました。一回目に申請したとき、私は気づきませんでしたが、IE6での表示は、こんな感じでした。実際はもっとひどかったです...。)忍者さんからの指摘で、いろいろ修正し、「三度目の正直」で、審査を無事通過しました。これからも、暇があれば、テンプレートを作っていきたいと思います。質問も、どしどしどうぞゞCategory:共有テンプレートTrackback(0)Comment(1)12火2010-01マウスアートマウスを動かすと、そこから図形が発散するflash。ActionScript3.0に慣れるために作った、簡単な作品です。言って、凄く汚いコードだと思うのですが...。自己紹介:HTMLを興味を持って自学し始めて早5年くらい。共有テンプレートを作って公開しています。ちなみに、Flash製作もそこそこ好きで、周期的にそっちにものめりこみます。クラリネットを吹いているらしい。