レス表示スタイル
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
*目次 [#c65c99f7]
#contents
*レス表示スタイルについて [#t3fef424]
レス表示スタイルとは、レス表示欄の見た目をカスタマイズで...
書式は[[CSS>WikiPedia.ja:Cascading_Style_Sheets]]に似てお...
また、レス表示スタイルを適用する範囲を、BBS、板、スレッド...
複数のレス表示スタイルをスレッド毎に割り当てることができ...
Twitterには[[Tweet表示スタイル]]として対応しています。
-[[レス表示スタイル＠V2C掲示板>過去スレリスト/V2C掲示板#d...
レス表示スタイルについての質問等はこちらへ。
「こういうレス表示スタイルを作ってもらえませんか？」も、...
-[[スクリーンショットスレ＠V2C掲示板>過去スレリスト/V2C掲...
V2Cのスクリーンショットを貼るスレ。
レス表示スタイル配布の場としても機能しています。
*設定方法 [#t044651c]
参照: [[V2C 使用法 レス表示スタイル設定>http://v2c.s50.xr...
「メニュー」→「設定」→「レス表示スタイル」
レス表示スタイルは、[[レス表示スタイルギャラリー]]等から...
「Rectangle」については標準実装されおり、いつでも変更する...
**入手したレス表示スタイルを適用する方法 [#b570c84f]
+[[レス表示スタイルギャラリー]]等から入手したファイルを仮...
+V2C保存用フォルダ（場所: 「ヘルプ」→「V2Cについて…」の2...
+"style"フォルダに skin.zip を移動。
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」でダウンロー...
+「OK」をクリック。
※内容を変更しない場合はZIPファイルを解凍する必要はありま...
※色々なレス表示スタイルを切り替えて試す場合、「キーバイン...
*レス表示スタイルの編集 [#z82adc3f]
参照: [[V2C 使用法 レス表示スタイル>http://v2c.s50.xrea.c...
レス表示スタイルの書式はCSSに似ています。CSSについては外...
参考: [[CSSレイアウト実践講座 CSSリファレンス>http://css....
参考: [[とほほのスタイルシート入門>http://www.tohoho-web....
**デフォルトレス表示スタイル [#kd79b78d]
参照: [[V2C 使用法 レス表示スタイル>http://v2c.s50.xrea.c...
以下は、出発点のデフォルトのレス表示スタイルを導入する手...
+V2C保存用フォルダに"style"フォルダが存在しなければ作成す...
+"style"フォルダに"defult_style"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"defult_styl...
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「出発点」...
+「OK」をクリック。
<PROPERTY>
Name=出発点（レス表示スタイル）
</PROPERTY>
<STYLE>
.inf,.ng { padding: .5em .5em .2em .5em;}
.msg { padding: .2em .5em .5em 2em;}
</STYLE>
<RES>
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES>
<DIV class="ng"><NUMBER> 非表示: <NGREASON></DIV>
</NGRES>
**Rectangle風レス表示スタイルの一例 [#z41cada5]
デフォルトで内蔵されているRectangleスキンをスキンを使って...
手始めとしてこれを元に、配置、背景色、フォント、文字色等...
+V2C保存用フォルダに"style"フォルダが存在しなければ作成す...
+"style"フォルダに"skin"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"skin"フォル...
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「Rectangl...
+「OK」をクリック。
<PROPERTY>
Name=Rectangle風レス表示スタイル
</PROPERTY>
<STYLE>
.res { margin: .25em .5em; border-width: 1px; border-col...
.inf { margin: .1em; padding: .4em .5em .2em;
background-color: #DCE8F3; /* 名前他の欄の背景色 */
border-radius: .5em;}
.msg,.newmsg { padding: .5em .5em .4em 2em; border-style...
.aux { font-size: x-small;}
.newmsg { background-color: #EEF4E8;} /* 新規レスの背景...
.msg { background-color: #EEF4FA;} /* 既得レスの背景色 */
.footer{ color: #CA8888; font-size: x-small; text-align:...
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><IDS...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES class="res">
<DIV class="inf"><NUMBER> 非表示: <NGREASON></DIV>
</NGRES>
<NEWRES class="res">
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="newmsg"><MESSAGE></DIV>
</NEWRES>
<FOOTER class="footer">
<DIV>-- <THREADNAME> --</DIV>
</FOOTER>
*Janeのスキンを流用する [#nbfd08a3]
**Janeのスキンをインポート [#j69de4c3]
参照: [[V2C 使用法 メインメニュー>http://v2c.s50.xrea.com...
V2Cは、Janeのスキンをインポートし、V2Cのレス表示スタイル...
以下はその手順です。
+Janeのスキンを入手し、解凍する。
+V2Cの「メニュー」→「ファイル」→「インポート」→「Janeのス...
+レス表示スタイル名と、それを格納するフォルダ名をつける。
+以上でインポート完了。
+通常のレス表示スタイル設定からインポートしたスタイルを適...
(上記[[設定方法>./#t044651c]]をご覧ください。)
※必ずしもインポートが成功するとは限りません。上手くいかな...
参考: [[“Jane”シリーズ用のスキンをインポート可能になった...
**Janeのスキンを手動で流用する例 [#rfa3c405]
***例1 [#p8ba97fc]
[[Jane Skin Uploader>http://janeplus.s32.xrea.com/file/in...
+http://janeplus.s32.xrea.com/file/src/janeskin0019.zip.h...
+V2Cの保存用フォルダに"style"という名前のフォルダを作成す...
+さらに"style"の中に"LuckyStar"という名前のフォルダを作成...
+さらに"LuckyStar"の中に"original"という名前のフォルダを...
+"original"の中に移動し、1でダウンロードしたjaneskin0019....
+解凍されたファイル中の"icon1.png"の名前を"iconN.png"に、...
+下の枠内の記述をUTF-8で"LuckyStar"フォルダの"style.txt"...
+「設定」メニューの「レス表示スタイルの設定…」で「全体」...
※フォントによってはstyle.txtのmarginやpaddingを調節する必...
<PROPERTY>
Name=らき☆すた
</PROPERTY>
<STYLE>
.root { background-color: #EFEFEF; background-image: url...
background-repeat: no-repeat; background-attachment: fi...
.inf,.ng { padding: 36px .5em 10px 68px; background-repe...
.inf { background-image: url(original/bar.png),url(origi...
background-position: 10px top, 10px 32px; background-ov...
.ng { background-image: url(original/bar.png); backgroun...
.msg { padding: 0 .5em .5em 80px;}
.aux { font-size: x-small;}
.bkmk { margin: 1em 2em;}
</STYLE>
<RES>
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES><DIV class="ng"><NUMBER> 非表示: <NGREASON></DIV>...
<BOOKMARK><DIV class="bkmk"><IMG src="original/bg.png"><...
***例２ [#h35c273e]
[[Janeskinできたのおいとく>http://janeskin503.blog118.fc2...
+http://janeskin503.blog118.fc2.com/blog-entry-21.htmlの...
+V2Cの保存用フォルダに"style"という名前のフォルダを作成す...
+さらに"style"の中に"saizo"という名前のフォルダを作成する。
+さらに"saizo"の中に"image"という名前のフォルダを作成する。
+"image"の中に 1. で解凍された"bg.png","res.png","newres....
+"res.png"の名前を"resO.png"に、"newres.png"の名前を"resN...
+この下の枠内の記述をUTF-8で"saizo"フォルダの"style.txt"...
+レス表示スタイル設定で"saizo"を選択する。
<STYLE>
.root {background-image: url(image/bg.png); background-p...
background-repeat: repeat-y; background-attachment: fix...
.res { width: 660px;}
.inf { padding: 12px 70px 10px 80px; background-repeat: ...
background-image: url(image/res[N].png);
background-position: 39px top; background-overflow: vis...
.msg { padding: 5px 10px 30px 75px;}
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES class="res"><DIV class="inf"><NUMBER> 非表示: <NG...
<FOOTER></FOOTER>
*レス表示スタイルFAQ [#d6c1eec9]
**Q.スレの最後にスレタイが表示されるんだけどこいつを消す...
~<FOOTER>を使えば可能。
上記の[[Rectangle風レス表示スタイル>./#z41cada5]]の場合、...
**Q.レス表示部分に常時、スレタイ・板名・datファイルサイズ...
~<TOPBAR>か<BOTTOMBAR>を使えば可能。
[[レス表示スタイル>http://v2c.s50.xrea.com/manual/resstyl...
**Q.スレッドリンクのポップアップ表示でトップにあるスレタ...
~<HEADEREX>を使えば可能。
>105 : n|a : 2008/06/28(土) 22:09:47 ID:aMd43GyR
そのスレタイはスレ立てプレビューと他スレポップアップでの...
~<HEADEREX>～</HEADEREX>で設定されています。
今のところ<HEADEREX>はタグ名を含めてあまりよく考えて仕様...
使用法にはまだ書いていません。
ちなみにポップアップではレスと全体の背景・境界以外に描画...
'''[[レス表示スタイル>>105>http://v2c.kaz-ic.net/v2cj/120...
終了行:
*目次 [#c65c99f7]
#contents
*レス表示スタイルについて [#t3fef424]
レス表示スタイルとは、レス表示欄の見た目をカスタマイズで...
書式は[[CSS>WikiPedia.ja:Cascading_Style_Sheets]]に似てお...
また、レス表示スタイルを適用する範囲を、BBS、板、スレッド...
複数のレス表示スタイルをスレッド毎に割り当てることができ...
Twitterには[[Tweet表示スタイル]]として対応しています。
-[[レス表示スタイル＠V2C掲示板>過去スレリスト/V2C掲示板#d...
レス表示スタイルについての質問等はこちらへ。
「こういうレス表示スタイルを作ってもらえませんか？」も、...
-[[スクリーンショットスレ＠V2C掲示板>過去スレリスト/V2C掲...
V2Cのスクリーンショットを貼るスレ。
レス表示スタイル配布の場としても機能しています。
*設定方法 [#t044651c]
参照: [[V2C 使用法 レス表示スタイル設定>http://v2c.s50.xr...
「メニュー」→「設定」→「レス表示スタイル」
レス表示スタイルは、[[レス表示スタイルギャラリー]]等から...
「Rectangle」については標準実装されおり、いつでも変更する...
**入手したレス表示スタイルを適用する方法 [#b570c84f]
+[[レス表示スタイルギャラリー]]等から入手したファイルを仮...
+V2C保存用フォルダ（場所: 「ヘルプ」→「V2Cについて…」の2...
+"style"フォルダに skin.zip を移動。
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」でダウンロー...
+「OK」をクリック。
※内容を変更しない場合はZIPファイルを解凍する必要はありま...
※色々なレス表示スタイルを切り替えて試す場合、「キーバイン...
*レス表示スタイルの編集 [#z82adc3f]
参照: [[V2C 使用法 レス表示スタイル>http://v2c.s50.xrea.c...
レス表示スタイルの書式はCSSに似ています。CSSについては外...
参考: [[CSSレイアウト実践講座 CSSリファレンス>http://css....
参考: [[とほほのスタイルシート入門>http://www.tohoho-web....
**デフォルトレス表示スタイル [#kd79b78d]
参照: [[V2C 使用法 レス表示スタイル>http://v2c.s50.xrea.c...
以下は、出発点のデフォルトのレス表示スタイルを導入する手...
+V2C保存用フォルダに"style"フォルダが存在しなければ作成す...
+"style"フォルダに"defult_style"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"defult_styl...
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「出発点」...
+「OK」をクリック。
<PROPERTY>
Name=出発点（レス表示スタイル）
</PROPERTY>
<STYLE>
.inf,.ng { padding: .5em .5em .2em .5em;}
.msg { padding: .2em .5em .5em 2em;}
</STYLE>
<RES>
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES>
<DIV class="ng"><NUMBER> 非表示: <NGREASON></DIV>
</NGRES>
**Rectangle風レス表示スタイルの一例 [#z41cada5]
デフォルトで内蔵されているRectangleスキンをスキンを使って...
手始めとしてこれを元に、配置、背景色、フォント、文字色等...
+V2C保存用フォルダに"style"フォルダが存在しなければ作成す...
+"style"フォルダに"skin"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"skin"フォル...
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「Rectangl...
+「OK」をクリック。
<PROPERTY>
Name=Rectangle風レス表示スタイル
</PROPERTY>
<STYLE>
.res { margin: .25em .5em; border-width: 1px; border-col...
.inf { margin: .1em; padding: .4em .5em .2em;
background-color: #DCE8F3; /* 名前他の欄の背景色 */
border-radius: .5em;}
.msg,.newmsg { padding: .5em .5em .4em 2em; border-style...
.aux { font-size: x-small;}
.newmsg { background-color: #EEF4E8;} /* 新規レスの背景...
.msg { background-color: #EEF4FA;} /* 既得レスの背景色 */
.footer{ color: #CA8888; font-size: x-small; text-align:...
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><IDS...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES class="res">
<DIV class="inf"><NUMBER> 非表示: <NGREASON></DIV>
</NGRES>
<NEWRES class="res">
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="newmsg"><MESSAGE></DIV>
</NEWRES>
<FOOTER class="footer">
<DIV>-- <THREADNAME> --</DIV>
</FOOTER>
*Janeのスキンを流用する [#nbfd08a3]
**Janeのスキンをインポート [#j69de4c3]
参照: [[V2C 使用法 メインメニュー>http://v2c.s50.xrea.com...
V2Cは、Janeのスキンをインポートし、V2Cのレス表示スタイル...
以下はその手順です。
+Janeのスキンを入手し、解凍する。
+V2Cの「メニュー」→「ファイル」→「インポート」→「Janeのス...
+レス表示スタイル名と、それを格納するフォルダ名をつける。
+以上でインポート完了。
+通常のレス表示スタイル設定からインポートしたスタイルを適...
(上記[[設定方法>./#t044651c]]をご覧ください。)
※必ずしもインポートが成功するとは限りません。上手くいかな...
参考: [[“Jane”シリーズ用のスキンをインポート可能になった...
**Janeのスキンを手動で流用する例 [#rfa3c405]
***例1 [#p8ba97fc]
[[Jane Skin Uploader>http://janeplus.s32.xrea.com/file/in...
+http://janeplus.s32.xrea.com/file/src/janeskin0019.zip.h...
+V2Cの保存用フォルダに"style"という名前のフォルダを作成す...
+さらに"style"の中に"LuckyStar"という名前のフォルダを作成...
+さらに"LuckyStar"の中に"original"という名前のフォルダを...
+"original"の中に移動し、1でダウンロードしたjaneskin0019....
+解凍されたファイル中の"icon1.png"の名前を"iconN.png"に、...
+下の枠内の記述をUTF-8で"LuckyStar"フォルダの"style.txt"...
+「設定」メニューの「レス表示スタイルの設定…」で「全体」...
※フォントによってはstyle.txtのmarginやpaddingを調節する必...
<PROPERTY>
Name=らき☆すた
</PROPERTY>
<STYLE>
.root { background-color: #EFEFEF; background-image: url...
background-repeat: no-repeat; background-attachment: fi...
.inf,.ng { padding: 36px .5em 10px 68px; background-repe...
.inf { background-image: url(original/bar.png),url(origi...
background-position: 10px top, 10px 32px; background-ov...
.ng { background-image: url(original/bar.png); backgroun...
.msg { padding: 0 .5em .5em 80px;}
.aux { font-size: x-small;}
.bkmk { margin: 1em 2em;}
</STYLE>
<RES>
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES><DIV class="ng"><NUMBER> 非表示: <NGREASON></DIV>...
<BOOKMARK><DIV class="bkmk"><IMG src="original/bg.png"><...
***例２ [#h35c273e]
[[Janeskinできたのおいとく>http://janeskin503.blog118.fc2...
+http://janeskin503.blog118.fc2.com/blog-entry-21.htmlの...
+V2Cの保存用フォルダに"style"という名前のフォルダを作成す...
+さらに"style"の中に"saizo"という名前のフォルダを作成する。
+さらに"saizo"の中に"image"という名前のフォルダを作成する。
+"image"の中に 1. で解凍された"bg.png","res.png","newres....
+"res.png"の名前を"resO.png"に、"newres.png"の名前を"resN...
+この下の枠内の記述をUTF-8で"saizo"フォルダの"style.txt"...
+レス表示スタイル設定で"saizo"を選択する。
<STYLE>
.root {background-image: url(image/bg.png); background-p...
background-repeat: repeat-y; background-attachment: fix...
.res { width: 660px;}
.inf { padding: 12px 70px 10px 80px; background-repeat: ...
background-image: url(image/res[N].png);
background-position: 39px top; background-overflow: vis...
.msg { padding: 5px 10px 30px 75px;}
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> : <NAME> [<MAIL>] : <TIME><I...
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES class="res"><DIV class="inf"><NUMBER> 非表示: <NG...
<FOOTER></FOOTER>
*レス表示スタイルFAQ [#d6c1eec9]
**Q.スレの最後にスレタイが表示されるんだけどこいつを消す...
~<FOOTER>を使えば可能。
上記の[[Rectangle風レス表示スタイル>./#z41cada5]]の場合、...
**Q.レス表示部分に常時、スレタイ・板名・datファイルサイズ...
~<TOPBAR>か<BOTTOMBAR>を使えば可能。
[[レス表示スタイル>http://v2c.s50.xrea.com/manual/resstyl...
**Q.スレッドリンクのポップアップ表示でトップにあるスレタ...
~<HEADEREX>を使えば可能。
>105 : n|a : 2008/06/28(土) 22:09:47 ID:aMd43GyR
そのスレタイはスレ立てプレビューと他スレポップアップでの...
~<HEADEREX>～</HEADEREX>で設定されています。
今のところ<HEADEREX>はタグ名を含めてあまりよく考えて仕様...
使用法にはまだ書いていません。
ちなみにポップアップではレスと全体の背景・境界以外に描画...
'''[[レス表示スタイル>>105>http://v2c.kaz-ic.net/v2cj/120...
ページ名:
![[PukiWiki]](image/v2c.png "[PukiWiki]")
