トップに戻る JDホームページ wiki Version: 2.8.1-10312

テーマについて

スタイルシート設定 (jd.css)
レス構造設定 (Res.html)
アイコン設定
使用例

スタイルシート設定 (jd.css)

スタイルシートはテーマフォルダ(デフォルトでは~/.jd/theme)を作成し、その中に「jd.css」という名前のファイルを作って設定する。

color: 文字色: リンクなどJDの設定メニューから設定する物を除く
background-color: 背景色:
border-color: 枠線色: border-left-color など個別指定も可能
border-style: 枠線形: solid のみに対応
border-width: 枠線幅: border-left-width など個別指定も可能
margin: 外余白: margin-left など個別指定も可能
padding: 内余白: padding-left など個別指定も可能
text-align: 位置: left, center, right のみに対応

blackやwhiteなどの定義済み色名か「#RRGGBB」形式で指定する。定義済み色名の種類は次の通り。

red
fuchsia
purple
maroon
yellow
lime
green
olive
blue
aqua
teal
navy
white
silver
gray
black

px, em のみに対応。単位を省略すると px になる。

スレ内のひとつひとつのレスは以下のような構造となっている。NUMBERやNAMEなどの要素については「レス構造設定」の項で説明する。

<div class="res">
<div class="title"><NUMBER/> <NAMELINK/>：<NAME/> <MAIL/>： <DATE/> <ID/></div>
<div class="mes"><MESSAGE/><IMAGE/></div>
</div>

注意: jd.css でクラス指定する際は div.res{} と書かずに .res{} と要素名(div)を書かずにクラス名だけを指定すること。

body: スレビューのbody要素
.res: ひとつのレスの要素
.title: ひとつのレスのヘッダ行
.mes: ひとつのレスの本文
.separator: ここまで読んだ。<div class="separator">ここまで読んだ</div> という構造になっている。
.comment: コメントブロック。<div class="comment">任意のコメント</div> という構造になっている。
imgpopup: 画像ポップアップのbody要素。color, background-color, border-color, border-width, margin プロバティのみ(単位はpxのみ)に対応。

レス構造設定 (Res.html)

スレ内のひとつひとつのレスは「スタイルシート指定」の「定義済み要素、クラス」の項で示した構造となっている。この構造をテーマフォルダ(デフォルトでは~/.jd/theme)の中にRes.htmlという名前のファイルを作って指定することが出来る。

<div> のみ

Res.htmlでは次のように定義済み要素を指定して文字列の置換ができる。

<NUMBER/>: レス番号
<NAMELINK/>: 名前メニュー表示のリンク。「名前」の文字列に置換される
<NAME/>: 名前
<MAIL/>: メール
<DATE/>: 日付
<ID/>: ID
<MESSAGE/>: 本文
<IMAGE/>: インライン画像

<div class="res">〜</div>はRes.htmlで指定する必要が無い。つまり Res.htmlに"hoge"とだけ指定した場合、レスの構造は以下のようになる。
```
<div class="res">
hoge
</div>
```
div の中に divを配置することは出来ない( 上の <div class="res">は例外 )。
クラス名は定義済みの物だけではなくて自由に指定できる。

アイコン設定

アイコンテーマのフォルダ(デフォルトでは ~/.jd/theme/icons )に対応するアイコン画像を置くとJDのアイコンが置き換わる。

画像形式は一般的な物なら大体使用可能 ( png, jpg, svg, gif, bmp, その他)
画像サイズは任意のサイズで良い( 16x16 がデフォルトサイズ)
ファイル名は「アイコン名.拡張子」(例) reload.jpg、 quit.png
ファイル名の一覧はsvnにあるヘッダファイル(iconfiles.h)を参照すること

使用例

クリックで拡大

Res.html(下)とjd.css

<div class="title"><NUMBER/> <NAMELINK/>：<NAME/> <MAIL/></div>
<div class="mes"><MESSAGE/><IMAGE/></div>
<div class="id"><ID/></div>
<div class="date"><DATE/></div>

©2006-2011 JD Project