レス表示スタイルの履歴(No.2)

V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
"style"フォルダに"defult_style"フォルダを作成する。
下の枠内の記述をメモ帳等のテキストエディタで"defult_style"フォルダの"style.txt"に文字コードUTF-8で保存する。（"V2C\style\defult_style\style.txt"）
「設定」メニューの「レス表示スタイル…」を開く。
「全体」枠内の「選択したスタイルを使用する」で「出発点」を選択。
「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><IDSET><AUXSET></DIV>
  <DIV class="msg"><MESSAGE></DIV>
</RES>

<NGRES>
  <DIV class="ng"><NUMBER> 非表示: <NGREASON></DIV>
</NGRES>

↑

Rectangle風レス表示スタイルの一例†

デフォルトで内蔵されているRectangleスキンをスキンを使って適用する例。（一部デフォルトと異なります）

手始めとしてこれを元に、配置、背景色、フォント、文字色等変えて好みのスキンを作成してみては。。。

V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
"style"フォルダに"skin"フォルダを作成する。
下の枠内の記述をメモ帳等のテキストエディタで"skin"フォルダの"style.txt"に文字コードUTF-8で保存する。（"V2C\style\skin\style.txt"）
「設定」メニューの「レス表示スタイル…」を開く。
「全体」枠内の「選択したスタイルを使用する」で「Rectangle風スキン」を選択。
「OK」をクリック。

<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のスキンを流用する†

↑

Janeのスキンをインポート†

参照: V2C 使用法メインメニューの「Janeのスキンをインポート…」

V2Cは、Janeのスキンをインポートし、V2Cのレス表示スタイルに変換することができます。

以下はその手順です。

Janeのスキンを入手し、解凍する。
V2Cの「メニュー」→「ファイル」→「インポート」→「Janeのスキンをインポート」から、解凍したフォルダを指定する。
レス表示スタイル名と、それを格納するフォルダ名をつける。
以上でインポート完了。
通常のレス表示スタイル設定からインポートしたスタイルを適用する。

(上記設定方法をご覧ください。)

※必ずしもインポートが成功するとは限りません。上手くいかなかった場合は、レス表示スタイル＠V2C掲示板で質問してみましょう。

参考: “Jane”シリーズ用のスキンをインポート可能になった「V2C」v2.4.3

↑

Janeのスキンを手動で流用する例†

↑

例1†

Jane Skin Uploader の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]"を選択する。

※フォントによってはstyle.txtのmarginやpaddingを調節する必要があるかもしれません。

<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>

↑

例２†

JaneskinできたのおいとくのJane用真田純勇士霧隠才蔵スキンを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"を選択する。

<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.スレの最後にスレタイが表示されるんだけどこいつを消す方法は？†

<FOOTER>を使えば可能。

上記のRectangle風レス表示スタイルの場合、最後から2行目の”-- <THREADNAME> --”を削除しstyle.txt保存→V2Cを起動。

↑

Q.レス表示部分に常時、スレタイ・板名・datファイルサイズなどを表示したい。†

<TOPBAR>か<BOTTOMBAR>を使えば可能。

レス表示スタイルの「例２: <TOPBAR>、<BOTTOMBAR>、～」を参考にstyle.txtを変更してみて下さい。

↑

Q.スレッドリンクのポップアップ表示でトップにあるスレタイを編集したい。†

<HEADEREX>を使えば可能。

105 : n|a : 2008/06/28(土) 22:09:47 ID:aMd43GyR

そのスレタイはスレ立てプレビューと他スレポップアップでのみ表示される

<HEADEREX>～</HEADEREX>で設定されています。

今のところ<HEADEREX>はタグ名を含めてあまりよく考えて仕様を决めていないので、

使用法にはまだ書いていません。

ちなみにポップアップではレスと全体の背景・境界以外に描画されるのは<HEADEREX>だけです。

レス表示スタイル
http://yy61.60.kg/test/read.cgi/v2cj/1208956560/105 より

レス表示スタイル の履歴(No.2)

目次†

レス表示スタイルについて†

設定方法†

入手したレス表示スタイルを適用する方法†

レス表示スタイルの編集†

デフォルトレス表示スタイル†