CDP用CSS配布

CDPとは？

「CSS着せ替えテンプレートプロジェクト」のことで、HTMLファイルを変更することなくCSSだけでサイトデザインをチェンジできます。

CDPの使い方

「CSS着せ替えテンプレートプロジェクト」内で詳しい解説をしているので、ソチラをご参照ください。

はじめに

• CDPで提示している使用規約を前提にしております

必須事項

• 当サイトへのリンク（報告は不要です）

許可事項

• カスタマイズ（原型を留めない物除く）

禁止事項

• 自作発言
• 違法サイト、宗教系、実写系アダルトなどのサイトでの使用
• 再配布
• CDP以外の共有テンプレート登録

その他

• リンクウェアです（報告義務はありません）
• 同人系サイトでの使用は可能です
• 基礎HTMLを変更している場合は、CSSのid要素、class要素等を変更してください
• 素材配布元へのリンクを張る際は、他の素材元と混同されないようにご注意ください
• 画像の配布元混同を避けるため、スキンを変更しましたら画像配布元のリンクも張り替えるようお願いいたします。
• その他、不具合などありましたらお問い合わせください

2011年07月08日

CDP1〜15のCSSをリニューアルしました。それにともない文字サイズやコンテナ幅に若干の変更が入ってますが、全体的レイアウトに変更はありません。
なお、修正前のCSSはそのまま継続して使用できます。

変更箇所

• 記述方法を全面的に見直し
• 一部 @import 対応
• スクロールバーへのスタイル指定廃止

リンクウェアについて

当サイトで配布しているCDP用CSSはリンクウェアです。報告義務はありませんが当サイトへリンクを貼っていただくようお願いします。
リンク先は本館インデックス(http://duskdream.workarea.jp/) 、本ページ(http://duskdream.workarea.jp/cdp/) どちらでもかまいません。

その他

不具合などありましたらメールもしくは本館のインデックス下部のメールからお尋ねください。
（※基礎的なHTML/CSSの書き方については他所でやっているところがたくさんありますので、そちらを参考にしてください）

@import 対応について

HTML/CSS を理解しており、かつ、自分で CSS が記述できる人向けです。

Ver.2 から @import 機能を追加しました。style.css の冒頭は、初期設定では

@charset "Shift_JIS";       /* 文字エンコードの設定（削除不可） */
@import url(s_peculiar.css);   /* (外部)独自スタイル */
@import url();                 /* (外部)印刷用スタイル */

@media screen{

となっています。ZIPファイルには同梱されていませんので、必要に応じて s_peculiar.css や印刷用CSSなどを導入してみてください。
応用として、携帯向けデザインなどの CSS を別ファイルで作成して @import で読み込むことも出来ます。管理するファイルが増えますので、ご自分のあったファイル構成を選択してください。

s_peculiar.css

独自で入れた id/class 要素を記述するファイルです。CSSを変更した場合も改めて記述しなおす必要がなくなります。
同梱はされていませんので、自分で作成するか、下記の空ファイルを保存してご利用ください。ファイル名を変更した場合は合わせて style.css 内の @import の指定ファイル名も変更してください。

• s_peculiar.css(空ファイル)

印刷用スタイル

印刷用CSSファイルは当サイトでは現在製作されていません。他のサイトから入手するか、独自で製作してください。

配布製作者：緋絽