henzutsu

» ARCHIVES
» ADMIN

20080816 - blog

テンプレ「whity_bm」

でけた。
» whity_bm

以前作ったwhity_ddのドロップダウンに飽きたというかうざくなったというか他にやることがないというかその他諸事情も含め、新しくそしてモアシンプルなテンプレが欲しくなったので適当に作ってみたところ意外や意外、本当に意外だったのでこれで当分いきたいと思う(今回は本当です)。

細かいこと言うと、パーマリンク横の投稿日時で月(month)の英語表記を使いたかったんだが。fc2のテンプレ変数に無いよね？コメント数・トラバ数を消してみたり、フォントやボーダーにあえて薄いカラーを使ってみたり、フォントについて勉強しつつも家のWin機じゃ見えねえ！とか嘆いてみたり。ていうか簡素さに拘泥した結果、一般的な型でなくなってしまったのでこれもボク専用ということで。

実はまだ直したいところがあるので、あとちょっとだけ変わる予定。

# posted by moqun at 2008/08/16 17:17

20080802 - blog

テンプレ「whity_dd(自分専用)」

でけた。
>> whity_dd

1.5カラムていうか普通に2カラムだけど今のボクに必要な情報が管理ページ行かなくてもわかるテンプレにはなったかなと。サブカラムをできるだけ細くするために recent entry とかのテキスト情報はヘッダーのドロップダウンのメニューを置く事でなんとか達成。そのドロップダウンメニューを作るときに使ったのは

>> DropDownMenu.js | JavaScript + Ajax 実践サンプル集

これをfc2のプラグインを読み込んでくれるようにごり押しで書き換え(プラグイン１がドロップダウン、プラグイン２、３がサブカラム)。見た目はともかく使用用途にそって丁寧に設計したからボクが使う分には不具合は起きないでしょう。

表示確認環境：　
WinXP IE6.x, WinXP IE7, WinXP FF2.x, WinXP FF3, WinXP Safari3.1.2
(IEでの表示がちょいおかしい。もういやIE・・・)

# posted by moqun at 2008/08/02 13:23

20080722 - blog

テンプレ変えるよ

一時的なものかもしれないが、最近ブログをやっていて1画面における情報量の少なさに頭を悩ませていた。あれ～これ書いたっけ？上げたっけ？みたいな。それがブログを見た瞬間にわからないと毎日ブログを更新する人間としては結構痛い。これは1カラムのブログである以上しかたのないことだけど、本当に不便なんだ。。。ってことでテンプレート変えようと思ったけど自分に合うやつがあまりない。この際一から作っちゃえば楽ジャンということで作ってみた。

>> whity

テーマ：

白ベース
2カラム未満1カラム以上

こんな感じのテーマにして2カラムを拵えたんだけど、よくよく考えたら「2カラム未満1カラム以上」って何だよ。意味わかんないよ。2カラム未満なんて出来るわけないじゃん。ということで普通の2カラムブログのテンプレートを一からコツコツと作ってなんとか形になった。普通の2カラムと言ってもボクの場合サイドに載せる情報は限られてるから1カラム+アルファくらいの感じで。このテンプレートは自分専用だけど汎用性高めてそのうち公開する予定。

公開用は

トップの借り物メニューを削除
プラグイン用カラムの拡張
html、cssの整形

になる予定。

# posted by moqun at 2008/07/22 16:51

20080214 - blog

エントリーを五十音順に並べる

映画のレビューをブログに書きまくってると
インデックスみたいなもんほしいなぁーとか思ったんだけど
五十音順にエントリーを並べ替える昨日自体fc2にはなさそうだし
エントリー増やすごとに自分で一々つけたしていくのも面倒この上ないし、
手っ取り早く自分で作ってみることにした。

一応、このエントリーはJavascript素人の自分がメモ代わりに書くつもりなんで
真似しないでください、どうなっても責任持てません。
あと、知ってる人が居たら教えてください。

やり方としては、
すべての記事をとってくるfc2ブログの変数～を使い
映画カテゴリだけ抽出して記事を集めて最後に五十音順にソート、て感じ。
ただし、
五十音順にソートといってもタイトル名には、ひらがな、カタカナ、漢字が混在していて
比較しようがなかったから、ブログ記事の最初にひらがな名を記入して
そこの「ひらがなタイトル名」を比較してソートってことにした。


<!--titlelist_area-->
<SCRIPT TYPE="text/javascript">
<!--　//movieカテゴリを集めて保管しておくための配列定義
var movie=[];
// -->
</SCRIPT>

<h3>All cinemas</h3>

<!--titlelist-->
<SCRIPT TYPE="text/javascript">
<!--　
//movieカテゴリにあるデータをを出力形でまとめて配列につっこむ
//＊以前は比較用の記事内ひらがなタイトル抽出、それ以降が実際出力するデータ
if("<%titlelist_category>"=="movie") 
movie.push('<%titlelist_body>＊<%titlelist_year>/<%titlelist_month>/<%titlelist_day> : 
<a href="<%titlelist_url>" target="_blank"><%titlelist_title></a> <br>');
// -->
</SCRIPT>
<!--/titlelist-->

<SCRIPT TYPE="text/javascript">
<!--　//並び換えて出力
movie.sort();
for (var i = 0; i < movie.length; i ++) {
m=movie[i].split("＊")
document.write(m[1]);
}
// -->
</SCRIPT>
<!--/titlelist_area-->