レス表示スタイル - (2010/12/23 (木) 01:10:05) の1つ前との変更点
追加された行は緑色になります。
削除された行は赤色になります。
参照:[[V2C 使用法 レス表示スタイル>http://v2c.s50.xrea.com/manual/resstyle.html]]
*目次
#contents(fromhere=true)
*レス表示スタイルについて
レス表示スタイルとは、レス表示欄の見た目をカスタマイズできるものであり、Jane系ブラウザ等の他のブラウザでスキンと呼ばれているものと同類のものです。書式はCSSに似ており、柔軟なカスタマイズをすることができます。レス表示スタイルを適用する範囲を、BBS、板、スレッド単位で変更することができ、複数のレス表示スタイルをスレッド毎に同時に割り当てることができます。また、Twitterには[[Tweet表示スタイル]]として対応しています。
*設定方法
**スキンギャラリ等からダウンロードしたスキンを適用する方法
+ダウンロードしたファイルを仮に"skin.zip"とする。
+V2C保存用フォルダ(場所:「ヘルプ」→「V2Cについて…」の2行目)に"style"フォルダ作成。
+"style"フォルダに1)の"skin.zip"を移動。
+V2Cを起動して「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「Rectangle」以外を選択。
+「OK」をクリック。
※内容を変更しない場合はZIPファイルを解凍する必要はありません。
**Rectangle風スキンの一例
デフォルトで内蔵されているRectangleスキンをスキンを使って適用する例。(一部デフォルトと異なります)
手始めとしてこれを元に、配置、背景色、フォント、文字色等変えて好みのスキンを作成してみては。。。
+V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
+"style"フォルダに"skin"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"skin"フォルダの"style.txt"に文字コードUTF-8で保存する。("V2C\style\skin\style.txt")
+V2Cを起動して「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「Rectangle風スキン」を選択。
+「OK」をクリック。
#highlight(v){{{
<PROPERTY>
Name=Rectangle風スキン
</PROPERTY>
<STYLE>
.res { margin: .25em .5em; border-width: 1px; border-color: #B8CFE5; border-radius: .5em;}
.inf { margin: .1em; padding: .4em .5em .2em;
background-color: #DCE8F3; /* 名前他の欄の背景色 */
border-radius: .5em;}
.msg,.newmsg { padding: .5em .5em .4em 2em; border-style: solid; border-width: 1px; border-color: #B8CFE5; border-radius: .5em;}
.aux { font-size: x-small;}
.newmsg { background-color: #EEF4E8;} /* 新規レスの背景色 */
.msg { background-color: #EEF4FA;} /* 既得レスの背景色 */
.footer{ color: #CA8888; font-size: x-small; text-align: left; margin: .3em 3em;}
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> :<NAME> [<MAIL>] :<TIME><IDSET><AUXSET></DIV>
<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><IDSET><AUXSET></DIV>
<DIV class="newmsg"><MESSAGE></DIV>
</NEWRES>
<FOOTER class="footer">
<DIV>-- <THREADNAME> --</DIV>
</FOOTER>}}}
**Jane系ブラウザのスキンを流用する参考例
***例1
Jane用らき☆すたスキンをV2Cで使用する 2008/07/09版
+まず http://janeplus.s32.xrea.com/file/src/janeskin0019.zip.html からjaneskin0019.zipをダウンロードする。
+V2Cの保存用フォルダに"style"という名前のフォルダを作成する。
+さらに"style"の中に"LuckyStar"という名前のフォルダを作成する。
+さらに"LuckyStar"の中に"original"という名前のフォルダを作成する。
+"original"の中に移動し、1でダウンロードしたjaneskin0019.zipを解凍する。
+解凍されたファイル中の"icon1.png"の名前を"iconN.png"に、"icon2.png"の名前を"iconO.png"に変更する。
+下の枠内の記述をUTF-8で"LuckyStar"フォルダの"style.txt"に保存する。
+「設定」メニューの「レス表示スタイルの設定…」で「全体」のコンボボックスから"らき☆すた [LuckyStar]"を選択する。
#highlight(v){{{
<PROPERTY>
Name=らき☆すた
</PROPERTY>
<STYLE>
.root { background-color: #EFEFEF; background-image: url(original/bg2.png); background-position: right bottom;
background-repeat: no-repeat; background-attachment: fixed;}
.inf,.ng { padding: 36px .5em 10px 68px; background-repeat: no-repeat;}
.inf { background-image: url(original/bar.png),url(original/icon[N].png);
background-position: 10px top, 10px 32px; background-overflow: visible;}
.ng { background-image: url(original/bar.png); background-position: 10px top;}
.msg { padding: 0 .5em .5em 80px;}
.aux { font-size: x-small;}
.bkmk { margin: 1em 2em;}
</STYLE>
<RES>
<DIV class="inf"><NUMBER> :<NAME> [<MAIL>] :<TIME><IDSET><AUXSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES><DIV class="ng"><NUMBER> 非表示:<NGREASON></DIV></NGRES>
<BOOKMARK><DIV class="bkmk"><IMG src="original/bg.png"></DIV></BOOKMARK>}}}
※フォントによってはstyle.txtのmarginやpaddingを調節する必要があるかもしれません。
***例2
真田純勇士霧隠才蔵スキンをV2Cで使用する
http://janeskin503.blog118.fc2.com/blog-entry-21.htmlのファイルをダウンロード・解凍する。
+V2Cの保存用フォルダに"style"という名前のフォルダを作成する。
+さらに"style"の中に"saizo"という名前のフォルダを作成する。
+さらに"saizo"の中に"image"という名前のフォルダを作成する。
+"image"の中に 1. で解凍された"bg.png","res.png","newres.png"を移動する。
+"res.png"の名前を"resO.png"に、"newres.png"の名前を"resN.png"に変更する。
+この下の枠内の記述をUTF-8で"saizo"フォルダの"style.txt"に保存する。
+レス表示スタイル設定で"saizo"を選択する。
#highlight(v){{{
<STYLE>
.root {background-image: url(image/bg.png); background-position: left top;
background-repeat: repeat-y; background-attachment: fixed;}
.res { width: 660px;}
.inf { padding: 12px 70px 10px 80px; background-repeat: no-repeat;
background-image: url(image/res[N].png);
background-position: 39px top; background-overflow: visible;}
.msg { padding: 5px 10px 30px 75px;}
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> :<NAME> [<MAIL>] :<TIME><IDSET><AUXSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES class="res"><DIV class="inf"><NUMBER> 非表示:<NGREASON></DIV></NGRES>
<FOOTER></FOOTER>}}}
*レス表示スタイルFAQ
**Q.スレの最後にスレタイが表示されるんだけどこいつを消す方法は?
A.上記スキンの場合、最後から2行目の”-- <THREADNAME> --”を削除し
style.txt保存→V2Cを起動。
**Q.レス表示部分に常時、スレタイ・板名・datファイルサイズなどを表示したい。
A.<TOPBAR>か<BOTTOMBAR>を使えば可能
[[レス表示スタイル>http://v2c.s50.xrea.com/manual/resstyle.html]]の「例2: <TOPBAR>、<BOTTOMBAR>、~」を参考に
style.txtを変更してみて下さい。
----
参照:[[V2C 使用法 レス表示スタイル>http://v2c.s50.xrea.com/manual/resstyle.html]]
*目次
#contents(fromhere=true)
*レス表示スタイルについて
レス表示スタイルとは、レス表示欄の見た目をカスタマイズできるものであり、Jane系ブラウザ等の他のブラウザでスキンと呼ばれているものと同類のものです。書式はCSSに似ており、柔軟なカスタマイズをすることができます。レス表示スタイルを適用する範囲を、BBS、板、スレッド単位で変更することができ、複数のレス表示スタイルをスレッド毎に同時に割り当てることができます。また、Twitterには[[Tweet表示スタイル]]として対応しています。
*設定方法
**スキンギャラリ等からダウンロードしたスキンを適用する方法
+ダウンロードしたファイルを仮に"skin.zip"とする。
+V2C保存用フォルダ(場所:「ヘルプ」→「V2Cについて…」の2行目)に"style"フォルダ作成。
+"style"フォルダに1)の"skin.zip"を移動。
+V2Cを起動して「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「Rectangle」以外を選択。
+「OK」をクリック。
※内容を変更しない場合はZIPファイルを解凍する必要はありません。
**Rectangle風スキンの一例
デフォルトで内蔵されているRectangleスキンをスキンを使って適用する例。(一部デフォルトと異なります)
手始めとしてこれを元に、配置、背景色、フォント、文字色等変えて好みのスキンを作成してみては。。。
+V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
+"style"フォルダに"skin"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"skin"フォルダの"style.txt"に文字コードUTF-8で保存する。("V2C\style\skin\style.txt")
+V2Cを起動して「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「Rectangle風スキン」を選択。
+「OK」をクリック。
#highlight(v){{{
<PROPERTY>
Name=Rectangle風スキン
</PROPERTY>
<STYLE>
.res { margin: .25em .5em; border-width: 1px; border-color: #B8CFE5; border-radius: .5em;}
.inf { margin: .1em; padding: .4em .5em .2em;
background-color: #DCE8F3; /* 名前他の欄の背景色 */
border-radius: .5em;}
.msg,.newmsg { padding: .5em .5em .4em 2em; border-style: solid; border-width: 1px; border-color: #B8CFE5; border-radius: .5em;}
.aux { font-size: x-small;}
.newmsg { background-color: #EEF4E8;} /* 新規レスの背景色 */
.msg { background-color: #EEF4FA;} /* 既得レスの背景色 */
.footer{ color: #CA8888; font-size: x-small; text-align: left; margin: .3em 3em;}
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> :<NAME> [<MAIL>] :<TIME><IDSET><AUXSET></DIV>
<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><IDSET><AUXSET></DIV>
<DIV class="newmsg"><MESSAGE></DIV>
</NEWRES>
<FOOTER class="footer">
<DIV>-- <THREADNAME> --</DIV>
</FOOTER>}}}
**Jane系ブラウザのスキンを流用する参考例
***例1
Jane用らき☆すたスキンをV2Cで使用する 2008/07/09版
+http://janeplus.s32.xrea.com/file/src/janeskin0019.zip.html からjaneskin0019.zipをダウンロードする。
+V2Cの保存用フォルダに"style"という名前のフォルダを作成する。
+さらに"style"の中に"LuckyStar"という名前のフォルダを作成する。
+さらに"LuckyStar"の中に"original"という名前のフォルダを作成する。
+"original"の中に移動し、1でダウンロードしたjaneskin0019.zipを解凍する。
+解凍されたファイル中の"icon1.png"の名前を"iconN.png"に、"icon2.png"の名前を"iconO.png"に変更する。
+下の枠内の記述をUTF-8で"LuckyStar"フォルダの"style.txt"に保存する。
+「設定」メニューの「レス表示スタイルの設定…」で「全体」のコンボボックスから"らき☆すた [LuckyStar]"を選択する。
#highlight(v){{{
<PROPERTY>
Name=らき☆すた
</PROPERTY>
<STYLE>
.root { background-color: #EFEFEF; background-image: url(original/bg2.png); background-position: right bottom;
background-repeat: no-repeat; background-attachment: fixed;}
.inf,.ng { padding: 36px .5em 10px 68px; background-repeat: no-repeat;}
.inf { background-image: url(original/bar.png),url(original/icon[N].png);
background-position: 10px top, 10px 32px; background-overflow: visible;}
.ng { background-image: url(original/bar.png); background-position: 10px top;}
.msg { padding: 0 .5em .5em 80px;}
.aux { font-size: x-small;}
.bkmk { margin: 1em 2em;}
</STYLE>
<RES>
<DIV class="inf"><NUMBER> :<NAME> [<MAIL>] :<TIME><IDSET><AUXSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES><DIV class="ng"><NUMBER> 非表示:<NGREASON></DIV></NGRES>
<BOOKMARK><DIV class="bkmk"><IMG src="original/bg.png"></DIV></BOOKMARK>}}}
※フォントによってはstyle.txtのmarginやpaddingを調節する必要があるかもしれません。
***例2
真田純勇士霧隠才蔵スキンをV2Cで使用する
+http://janeskin503.blog118.fc2.com/blog-entry-21.htmlのファイルをダウンロード・解凍する。
+V2Cの保存用フォルダに"style"という名前のフォルダを作成する。
+さらに"style"の中に"saizo"という名前のフォルダを作成する。
+さらに"saizo"の中に"image"という名前のフォルダを作成する。
+"image"の中に 1. で解凍された"bg.png","res.png","newres.png"を移動する。
+"res.png"の名前を"resO.png"に、"newres.png"の名前を"resN.png"に変更する。
+この下の枠内の記述をUTF-8で"saizo"フォルダの"style.txt"に保存する。
+レス表示スタイル設定で"saizo"を選択する。
#highlight(v){{{
<STYLE>
.root {background-image: url(image/bg.png); background-position: left top;
background-repeat: repeat-y; background-attachment: fixed;}
.res { width: 660px;}
.inf { padding: 12px 70px 10px 80px; background-repeat: no-repeat;
background-image: url(image/res[N].png);
background-position: 39px top; background-overflow: visible;}
.msg { padding: 5px 10px 30px 75px;}
</STYLE>
<RES class="res">
<DIV class="inf"><NUMBER> :<NAME> [<MAIL>] :<TIME><IDSET><AUXSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</RES>
<NGRES class="res"><DIV class="inf"><NUMBER> 非表示:<NGREASON></DIV></NGRES>
<FOOTER></FOOTER>}}}
*レス表示スタイルFAQ
**Q.スレの最後にスレタイが表示されるんだけどこいつを消す方法は?
A.上記スキンの場合、最後から2行目の”-- <THREADNAME> --”を削除し
style.txt保存→V2Cを起動。
**Q.レス表示部分に常時、スレタイ・板名・datファイルサイズなどを表示したい。
A.<TOPBAR>か<BOTTOMBAR>を使えば可能
[[レス表示スタイル>http://v2c.s50.xrea.com/manual/resstyle.html]]の「例2: <TOPBAR>、<BOTTOMBAR>、~」を参考に
style.txtを変更してみて下さい。
----
表示オプション
横に並べて表示:
変化行の前後のみ表示: