「Tweet表示スタイル」の編集履歴(バックアップ)一覧はこちら
「Tweet表示スタイル」(2011/01/23 (日) 07:27:21) の最新版変更点
追加された行は緑色になります。
削除された行は赤色になります。
*目次
#contents(fromhere=true)
*Tweet表示スタイルについて
Tweet表示スタイルとは、レス表示スタイルのTwitter版です。[[レス表示スタイル]]も合わせて参考にしてください。
Tweet表示スタイルは、[[レス表示スタイルギャラリ]]からダウンロードすることができます。
※Tweet表示スタイルに対応していないものもあります。
*設定方法
[[レス表示スタイルの設定方法>http://www39.atwiki.jp/v2cwiki/pages/52.html#id_9a294772]]を参考にしてください。
*Tweet表示スタイルの編集
参照:[[V2C 使用法 Tweet表示スタイル>http://v2c.s50.xrea.com/manual/twstyle.html]]
**デフォルトのTweet表示スタイル
参照:[[V2C 使用法 Tweet表示スタイル の「出発点」>http://v2c.s50.xrea.com/manual/twstyle.html#sp]]
以下は、Tweet表示スタイルの出発点の導入手順です。
+V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
+"style"フォルダに"defult_style"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"defult_style"フォルダの"style_tw.txt"に文字コードUTF-8で保存する。("V2C\style\defult_style\style_tw.txt")
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「出発点」を選択。
+「OK」をクリック。
※Tweet表示スタイルの style_tw.txt は、レス表示スタイルの style.txt と、共存させることができます。
#highlight(css){{{
<PROPERTY>
Name=出発点(Tweet表示スタイル)
</PROPERTY>
<STYLE>
.res {
margin: 0 .3em;
padding: .3em 0;
border-style: none none solid;
border-color: #DDD;
}
.icon {
width: 1ZW;
min-width: 12px;
min-height: 1ZH;
}
.left {
width: 1ZW;
min-width: 12px;
}
.right {
padding: .2em .4em;
}
.top {
padding: 0 0 .2em;
}
.username,.name {
font-weight: bold;
}
</STYLE>
<RES class="res">
<HBOX>
<DIV class="icon"><USERICON></DIV>
<VBOX class="right">
<DIV class="top"><USERNAMESET><STATEICONS><TIME><SOURCESET><PLACESET><CONTRIBUTORSSET><IRTSET><RTBSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</VBOX>
</HBOX>
</RES>
<NGRES class="res">
<HBOX>
<DIV class="left"></DIV>
<DIV class="right">非表示:<NGREASON></DIV>
</HBOX>
</NGRES>
}}}
**Rectangle風Tweet表示スタイル
+V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
+"style"フォルダに"skin"フォルダを作成する。
+下の枠内の記述内容をメモ帳等で"skin"フォルダの"style_tw.txt"に文字コードUTF-8で保存する。("V2C\style\skin\style_tw.txt")
+「スレッド」メニューの「レス表示スタイル」→「再読み込み」
+Tweet表示タブが選択された状態で「設定」メニューの「レス表示スタイル…」→「BBS」枠内の「選択したスタイルを使用する:」右側のコンボボックスで「Rectangle風スキン」を選択し、「OK」をクリックする
※アイコンサイズの大きさによっては”.right ”の中の”margin”の値を調整が必要かも。
#highlight(css){{{
<PROPERTY>
Name=Rectangle風Tweet表示スタイル
</PROPERTY>
<STYLE>
.res {
margin: .25em;
padding: .3em;
background-color: #DCE8F3;
border-radius: .5em;
}
.icon {
width: 1ZW;
min-width: 12px;
min-height: 1ZH;
}
.left {
width: 1ZW;
min-width: 12px;
}
.right {
margin: 0 0 0 .3em;
padding: .3em;
border-radius: .5em;
}
.top {
padding: 0 .5em .2em;
}
.username,.name {
font-weight: bold;
}
.msg {
margin: .2em;
padding: .5em;
border-radius: .5em;
background-color: #EEF4F8;
}
</STYLE>
<RES class="res">
<HBOX>
<DIV class="icon"><USERICON></DIV>
<VBOX class="right">
<DIV class="top"><USERNAMESET><STATEICONS> <TIME><SOURCESET><PLACESET><CONTRIBUTORSSET><IRTSET><RTBSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</VBOX>
</HBOX>
</RES>
<NGRES class="res">
<HBOX>
<DIV class="left"></DIV>
<DIV class="right">非表示:<NGREASON></DIV>
</HBOX>
</NGRES>
<FOOTER class="footer">
<DIV></DIV>
</FOOTER>}}}
----
*目次
#contents(fromhere=true)
*Tweet表示スタイルについて
Tweet表示スタイルとは、レス表示スタイルのTwitter版です。[[レス表示スタイル]]も合わせて参考にしてください。
Tweet表示スタイルは、[[レス表示スタイルギャラリ]]からダウンロードすることができます。
※Tweet表示スタイルに対応していないものもあります。
*設定方法
[[レス表示スタイルの設定方法>http://www39.atwiki.jp/v2cwiki/pages/52.html#id_9a294772]]を参考にしてください。
*Tweet表示スタイルの編集
参照:[[V2C 使用法 Tweet表示スタイル>http://v2c.s50.xrea.com/manual/twstyle.html]]
**デフォルトのTweet表示スタイル
参照:[[V2C 使用法 Tweet表示スタイル の「出発点」>http://v2c.s50.xrea.com/manual/twstyle.html#sp]]
以下は、Tweet表示スタイルの出発点の導入手順です。
+V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
+"style"フォルダに"defult_style"フォルダを作成する。
+下の枠内の記述をメモ帳等のテキストエディタで"defult_style"フォルダの"style_tw.txt"に文字コードUTF-8で保存する。("V2C\style\defult_style\style_tw.txt")
+「設定」メニューの「レス表示スタイル…」を開く。
+「全体」枠内の「選択したスタイルを使用する」で「出発点」を選択。
+「OK」をクリック。
※Tweet表示スタイルの style_tw.txt は、レス表示スタイルの style.txt と、同じフォルダに共存させることができます。
#highlight(css){{{
<PROPERTY>
Name=出発点(Tweet表示スタイル)
</PROPERTY>
<STYLE>
.res {
margin: 0 .3em;
padding: .3em 0;
border-style: none none solid;
border-color: #DDD;
}
.icon {
width: 1ZW;
min-width: 12px;
min-height: 1ZH;
}
.left {
width: 1ZW;
min-width: 12px;
}
.right {
padding: .2em .4em;
}
.top {
padding: 0 0 .2em;
}
.username,.name {
font-weight: bold;
}
</STYLE>
<RES class="res">
<HBOX>
<DIV class="icon"><USERICON></DIV>
<VBOX class="right">
<DIV class="top"><USERNAMESET><STATEICONS><TIME><SOURCESET><PLACESET><CONTRIBUTORSSET><IRTSET><RTBSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</VBOX>
</HBOX>
</RES>
<NGRES class="res">
<HBOX>
<DIV class="left"></DIV>
<DIV class="right">非表示:<NGREASON></DIV>
</HBOX>
</NGRES>
}}}
**Rectangle風Tweet表示スタイル
+V2C保存用フォルダに"style"フォルダが存在しなければ作成する。
+"style"フォルダに"skin"フォルダを作成する。
+下の枠内の記述内容をメモ帳等で"skin"フォルダの"style_tw.txt"に文字コードUTF-8で保存する。("V2C\style\skin\style_tw.txt")
+「スレッド」メニューの「レス表示スタイル」→「再読み込み」
+Tweet表示タブが選択された状態で「設定」メニューの「レス表示スタイル…」→「BBS」枠内の「選択したスタイルを使用する:」右側のコンボボックスで「Rectangle風スキン」を選択し、「OK」をクリックする
※アイコンサイズの大きさによっては”.right ”の中の”margin”の値を調整が必要かも。
#highlight(css){{{
<PROPERTY>
Name=Rectangle風Tweet表示スタイル
</PROPERTY>
<STYLE>
.res {
margin: .25em;
padding: .3em;
background-color: #DCE8F3;
border-radius: .5em;
}
.icon {
width: 1ZW;
min-width: 12px;
min-height: 1ZH;
}
.left {
width: 1ZW;
min-width: 12px;
}
.right {
margin: 0 0 0 .3em;
padding: .3em;
border-radius: .5em;
}
.top {
padding: 0 .5em .2em;
}
.username,.name {
font-weight: bold;
}
.msg {
margin: .2em;
padding: .5em;
border-radius: .5em;
background-color: #EEF4F8;
}
</STYLE>
<RES class="res">
<HBOX>
<DIV class="icon"><USERICON></DIV>
<VBOX class="right">
<DIV class="top"><USERNAMESET><STATEICONS> <TIME><SOURCESET><PLACESET><CONTRIBUTORSSET><IRTSET><RTBSET></DIV>
<DIV class="msg"><MESSAGE></DIV>
</VBOX>
</HBOX>
</RES>
<NGRES class="res">
<HBOX>
<DIV class="left"></DIV>
<DIV class="right">非表示:<NGREASON></DIV>
</HBOX>
</NGRES>
<FOOTER class="footer">
<DIV></DIV>
</FOOTER>}}}
----
表示オプション
横に並べて表示:
変化行の前後のみ表示: