「テーマファイルを自作する」の編集履歴(バックアップ)一覧はこちら
テーマファイルを自作する - (2010/12/23 (木) 16:00:11) の1つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
>Janetterのテーマを弄るスレ
>http://jbbs.livedoor.jp/bbs/read.cgi/internet/8173/1291895275/
----
#Contents()
*テーマファイルについて
Janetterでは、xml・html・CSS・JavaScriptを編集することで、タイムライン等を自由にデザインできます。
テーマフォルダは、「%APPDATA%Jane\Janetter\Theme」にあります。
「%APPDATA%\Jane\Janetter\Theme」にはファイル名を指定して実行から該当フォルダに移動できます。
>書き換えるフォルダの場所の例
>&big(){XP &bold(){「C:\Documents and Settings\(ユーザー名)\Application Data\Jane\Janetter\Theme」}}
>&big(){Vista,7 &bold(){「C:\Users\(ユーザー名)\AppData\Roaming\Jane\Janetter\Theme」}}
**setting.xml
テーマの情報を記述したXMLファイルです。
テーマの名称や概要、アプリケーションの外観、メニューアイコンやタイムラインの最小幅など、タイムライン内部以外のすべての設定の記述はここで行います。
&bold(){画像ファイル等は、setting.xmlからみた相対パスを指定します。}
解説:[[setting.xmlリファレンス>setting.xml]]
**index.htm
タイムラインの描画に使います。
独自のスクリプトやスタイルシートを仕込みたいときに編集します。
解説:[[index.htmリファレンス>index.htm]]
**\css\main.css
タイムラインをどう装飾するかを決めます。
&bold(){画像ファイル等は、main.cssからみた相対パス等を指定します。}
解説:[[main.cssリファレンス>main.css]]
参考:[[CSSとは>http://www.htmq.com/csskihon/001.shtml]], [[スタイルシートリファレンス>http://www.htmq.com/style/index.shtml]]
*プリインストールのテーマ
吹き出し系とシンプル系の2つに大別される。ここでは、その2系統と白系・黒系の画像をのせる。
|&blankimg(01silver.png,width=50,height=120) &blankimg(08deaps.png,width=50,height=120)| &blankimg(02simpl.png,width=50,height=120) &blankimg(03simplb.png,width=50,height=120)| &blankimg(11_SimpleFull.png,width=50,height=120) |
*テーマファイルを公開したい
テーマフォルダをzipで固めて、拡張子を.janethemeに変えてください。
+index.htmやsetting.xmlの一つ上の階層に移動
+公開したいテーマファイルの入っているフォルダを選択しZIP圧縮
+拡張子を変更する。
++[[【エクスプローラーから変える場合・XP】>http://ratan.dyndns.info/win/kakutyoushi.html]]
++[[【エクスプローラーから変える場合・Vista,7】>http://mizushima.ne.jp/VISTA/extension/extension.php]]
++[[【コマンドプロンプトから変える場合】>http://www.adminweb.jp/command/file/index3.html]]
+「~.janetheme」が出来たら公開準備完了です。
&blankimg(tejun02.jpg,,width=200,height=150)
>Janetterのテーマを弄るスレ
>http://jbbs.livedoor.jp/bbs/read.cgi/internet/8173/1291895275/
----
#Contents()
*テーマファイルについて
Janetterでは、xml・html・CSS・JavaScriptを編集することで、タイムライン等を自由にデザインできます。
テーマフォルダは、「%APPDATA%Jane\Janetter\Theme」にあります。
「%APPDATA%\Jane\Janetter\Theme」にはファイル名を指定して実行から該当フォルダに移動できます。
>書き換えるフォルダの場所の例
>:XP|&big(){「C:\Documents and Settings\(ユーザー名)\Application Data\Jane\Janetter\Theme」}
>:Vista,7|&big(){「C:\Users\(ユーザー名)\AppData\Roaming\Jane\Janetter\Theme」}
**setting.xml
テーマの情報を記述したXMLファイルです。
テーマの名称や概要、アプリケーションの外観、メニューアイコンやタイムラインの最小幅など、タイムライン内部以外のすべての設定の記述はここで行います。
&bold(){画像ファイル等は、setting.xmlからみた相対パスを指定します。}
解説:[[setting.xmlリファレンス>setting.xml]]
**index.htm
タイムラインの描画に使います。
独自のスクリプトやスタイルシートを仕込みたいときに編集します。
解説:[[index.htmリファレンス>index.htm]]
**\css\main.css
タイムラインをどう装飾するかを決めます。
&bold(){画像ファイル等は、main.cssからみた相対パス等を指定します。}
解説:[[main.cssリファレンス>main.css]]
参考:[[CSSとは>http://www.htmq.com/csskihon/001.shtml]], [[スタイルシートリファレンス>http://www.htmq.com/style/index.shtml]]
*プリインストールのテーマ
吹き出し系とシンプル系の2つに大別される。ここでは、その2系統と白系・黒系の画像をのせる。
|&blankimg(01silver.png,width=50,height=120) &blankimg(08deaps.png,width=50,height=120)| &blankimg(02simpl.png,width=50,height=120) &blankimg(03simplb.png,width=50,height=120)| &blankimg(11_SimpleFull.png,width=50,height=120) |
*テーマファイルを公開したい
テーマフォルダをzipで固めて、拡張子を.janethemeに変えてください。
+index.htmやsetting.xmlの一つ上の階層に移動
+公開したいテーマファイルの入っているフォルダを選択しZIP圧縮
+拡張子を変更する。
++[[【エクスプローラーから変える場合・XP】>http://ratan.dyndns.info/win/kakutyoushi.html]]
++[[【エクスプローラーから変える場合・Vista,7】>http://mizushima.ne.jp/VISTA/extension/extension.php]]
++[[【コマンドプロンプトから変える場合】>http://www.adminweb.jp/command/file/index3.html]]
+「~.janetheme」が出来たら公開準備完了です。
&blankimg(tejun02.jpg,,width=200,height=150)