トップページ ホームページ wiki Version: 2.8.9-150226

テーマについて

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

スタイルシート設定 (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)

レス構造設定 (Res.html)

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

使用可能な要素

<div> のみ

置換可能な定義済み要素

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

<NUMBER/>
レス番号
<NAMELINK/>
名前メニュー表示のリンク。「名前」の文字列に置換される。
<NAME/>
名前
<MAIL/>
メール
<DATE/>
日付
<ID/>
ID
<MESSAGE/>
本文。「br="no"」属性を指定すると本文の改行をしない。
<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>