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

スキンについて

スタイルシート設定
レス構造設定
使用例

スタイルシート設定

スタイルシートはキャッシュフォルダ(デフォルトでは~/.jd)の中に「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要素。margin, border-width, background-color, border-color プロバティのみ(単位はpxのみ)に対応。

レス構造設定

スレ内のひとつひとつのレスは「スタイルシート指定」の「定義済み要素、クラス」の項で示した構造となっているがこの構造をキャッシュフォルダ(デフォルトでは~/.jd)の中に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">は例外 )。
クラス名は定義済みの物だけではなくて自由に指定できる。

使用例

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-2008 JD Project