adiary対応テーマ作成Tips
2007/06/30
タイトル部の[ ]内はadiaryのバージョンです。
特に断りのない限り上位互換であるとします。が、更新漏れ等により有効でない場合があります。
2007/10/07(日)久しぶりに
[album:2007:071007.jpg:large]
テーマの開発でもしようかと。と、いうことで現在は素材作りに勤しんでいます。
目標は一般的でシンプルなテーマ。この連休で出来ればいいんだけど、多分無理だろうなぁ～。
それにしても、GIMP重いなぁ。そんなにレイヤとかは使わないですますつもりだけど、増えてくるとかなり厳しそう。
何より空きメモリに余裕がない(だいたい200MBくらい)のが痛いなぁ。やっぱりサブマシン(空き1.6GBくらい)でやるべきか。
overview
- XGAもしくはそれ以上のサイズ向け (描画領域: 980px)
- マルチサイドバー向け
- コンテンツバー対応*1
- 色深度：24bit color推奨
今回の
目玉: 検索ボックスが凝ってます(笑。すべてのフォームの対応は無理です。ごめんなさい。
[album:2007:071007b.jpg:large]
そしていつものように
IE6には対応していません……orz
あいいーなな？なにそれおいしいの？
[album:2007:071007c.jpg:large]
忘れてた
[album:2007:adiary-c72.png:large]
開発用サーバに入っているadiaryのバージョンが1.412だったので最新版のC72 Special Editionに入れ替えることにする。と、いうことでこのテーマは1.42以降対応です*2。
adiary1.43(?)まだー（笑
2007/08/16(木)えいぺでぃあ テーマ
[stub:hprotect:えいぺでぃあ テーマ]
adiaryの持つWiki機能に特化したテーマを目指して作成しました。正式名称は「えいぺでぃあ すぺしゃるえでぃしょん」です。
現在(07/08/16)使用中のテーマがこれです。このテーマはadiary C72 special edition限定配布のテーマですので、興味を持たれた方は是非ご購入お願いします。
注意事項
本テーマはGPLライセンスではありません。無断配布を禁止します。
尚、テーマの使用に関する制限はありません。
今回も実装している無駄なこだわり
- ログイン時に出る「日記を書く」などの管理メニューがタブっぽく出ます
- フォーム要素をカスタマイズしています
- Luna環境でないW2k以前のOSで用意されている3Dっぽいフォーム要素ではなく、テーマに合うようなフォーム要素に
- フォーム要素にフォーカスが移ると目立つようになります
- しかし、IE非対応
- スタブテンプレート挿入記法対応
表示確認環境
- Mozilla Firefox 1.5.0.12 (on win2k)
- Mozilla Firefox 2.0.0.5 (on openSUSE10.2)
- lolifox 0.3.2 (on win2k)
- Opera 9.22 (on win2k)
- Konqueror 3.5.5 (on openSUSE10.2)
- Microsoft Internet Explorer 6.0 SP1 (on win2k)
太字で表現されているものが、かえでの推奨するブラウザです
ブラウザに関する既知の問題
Konqueror
:before/:after疑似要素で出力している文字列が化けてしまいます
Microsoft Internet Explorer 6.0 SP1
鬼のようにたくさんのバグいや、修正困難な予定された仕様がねぇ……
IEが対応していないセレクタで指定されているもの以外は、表示が著しく異ならないように作り込みましたが、これが私の限界です。
「アプリケーションではないOSの機能の一部」、または「イメージをレンダリングするためのグラフィカルユーザーコード」なんかでWebページを閲覧するのはやめて、もっとページ閲覧に特化したブラウザで閲覧することをお勧めしますよ。
カスタマイズ
adiaryおすすめ設定
- セクションアンカー非表示
- 日記帳の詳細設定→パーサー関連の設定から「セクションアンカー」を削除
- コンテンツリストをサイドバーに表示
- 日記帳の詳細設定→wiki設定で「サイドバーではなくプルダウンメニューとして表示する」にチェックしない
ロゴが気に入らない
左上に表示されているドラゴンボールロゴの未加工状態のものを収録しています。
本テーマの素材として利用する場合、個人利用に限り加工して利用しても構いません。
出典：ぶろぐつーる『えいだいありー(adiary)』を出したくない
ユーザスタイルシートで以下を追加して下さい
div.page-title:after{
display: block;
padding: 0;
content: "";
}
2007/08/14(火)テーマほぼ完成(∵)
testアカウントに設置してあるapedia Theme C72 Special Edition Preview Release(←長い)なのですが、調整を進めています。が、何を思ったかToDoになかったform要素(テキストボックス)などを弄りだして結局システムモードは出来ていなかったりします。
…はっ、このままではマスターアップに間に合わないかもΣ(∵)
……徹夜かなぁ…、仕事もあるし何とかそれは避けたいところだけど。
と、まぁ現状は↓な感じです。
[album:adiary/theme:apedia070814.jpg]