したらばTOP ■掲示板に戻る■ 全部 1-100 最新50 | |
レス数が1スレッドの最大レス数(1000件)を超えています。残念ながら投稿することができません。

Janetterのテーマを弄るスレ

1：開発チーム★：2010/12/09(木) 20:47:55 ID:???0
Janetterは「Twitter」(http://twitter.com/)を
軽快に見るためのクライアントソフトウェアです。

このスレッドは、Janetterのテーマ作成に関して、
開発チームに質問したり、テーマ作成者同士で情報交換を行ったりするスレッドです。

■お願い
HTMLやCSS、JavaScriptそのものについての質問には答えられない場合があります。
Webには情報がたくさんありますので、まずは検索しましょう。

■Twitterクライアント「Janetter」
http://janetter.net/jp/

■関連スレ
Janetter Part2
http://jbbs.livedoor.jp/bbs/read.cgi/internet/8173/1289910911/

ジェーンBBSの閲覧には、
■2ちゃんねる専用ブラウザ 「Jane Style」
http://janesoft.net/janestyle/
をお勧めします。
4：開発チーム★：2010/12/09(木) 20:48:39 ID:???0
[3/4]
＜DOM構成＞

■吹き出しテーマについて
自分のツイートの場合、tweet-containerと同じ要素に"mytweet"というクラスが追加され、
bubbleクラスがbubble-meクラスになります。
自分へのin_reply_toがついたツイートの場合は、
tweet-containerと同じ要素に"reply"というクラスが追加されます

<div class="tweet-container" id="00000000000000">
<div class="profile-box">
<p class="main-profile"><a href="#"><img src=""></a></p>
<p class="sub-profile"><a href="#"><img src=""></a></p>
<img class="rt" src="../Common/images/ico_rt.gif">
</div>
<div class="bubble"></div>
<div class="tweet-box-wraper">
<div class="tweet-box">
<div class="tweet-content">
<div class="tweet-header">
<span class="name">名前</span></div>
<div class="tweet-body">
<p class="text">text</p></div>
<div class="tweet-footer">
<p class="from">
<span class="screen_name"><a href="#">screen_name</a></span>
<span class="source"> via web</span></p>
<p class="retweetedBy">
Retweeted by <span class="retweeted_screen_name"><a href="#">retweeted_screen_name</a></span></p>
<p class="time">
<a href="#">2010/12/15 14:00:00</a></p>
</div>
<div class="tweet-button">
<ul><li class="do_gear"><a href="#"><img src="../Common/images/gear_tl_off.png"></a></li>
<li class="do_mention"><a href="#"><img src="../Common/images/mention_tl_off.png"></a></li>
<li class="do_retweet"><a href="#"><img src="../Common/images/rt_tl_off.png"></a></li>
<li class="do_favorite"><a href="#"><img src="../Common/images/fav_tl_off.png"></a></li></ul>
</div>
</div>
<div class="tweet-reply-box">
<div class="tweet-reply">
<div class="tweet-reply-header"><a href="#"><img src="#"></a><span class="reply-screen-name">screen_name</span></div>
<div class="tweet-reply-body"><p class="text">reply</p></div>
</div>
</div>
<div class="tweet-thumb">
<a href="#"><img src=""></a>
<a href="#"><img src=""></a>
<a href="#"><img src=""></a>
</div>
</div>
</div>
</div>

5：開発チーム★：2010/12/09(木) 20:48:53 ID:???0
[4/4]
＜DOM構成＞

■シンプルテーマについて
自分のツイートの場合、tweet-containerと同じ要素に"mytweet"というクラスが追加されます。
自分へのin_reply_toがついたツイートの場合は、
tweet-containerと同じ要素に"reply"というクラスが追加されます

<div class="tweet-container" id="1111111111111111">
<div class="profile-box">
<p class="main-profile"><a href="#"><img src=""></a></p>
<p class="sub-profile"><a href="#"><img src=""></a></p>
<img class="rt" src="../Common/images/ico_rt.gif">
</div>
<div class="bubble"></div>
<div class="tweet-box-wraper">
<div class="tweet-box">
<div class="tweet-content">
<div class="tweet-header">
<span class="name">screen_name</span><a href="#" class="created_at">11:26</a>
</div>
<div class="tweet-body">
<p class="text">text</p>
</div>
<div class="tweet-footer">
<p class="retweetedBy">Retweeted by <span class="retweeted_screen_name"><a href="#">retweeted_screen_name</a></span></p>
</div>
<div class="tweet-button">
<ul>
<li class="do_gear"><a href="#"><img src="../Common/images/gear_tl_off.png"></a></li>
<li class="do_mention"><a href="#"><img src="../Common/images/mention_tl_off.png"></a></li>
<li class="do_retweet"><a href="#"><img src="../Common/images/rt_tl_off.png"></a></li>
<li class="do_favorite"><a href="#"><img src="../Common/images/fav_tl_off.png"></a></li>
</ul>
</div>
<div class="tweet-reply-box">
<div class="tweet-reply">
<div class="tweet-reply-header">
<a href="#"><img src=""></a>
<span class="reply-screen-name">name</span>
</div>
<div class="tweet-reply-body">
<p class="text">text</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

6：みやけ@開発チーム★：2010/12/09(木) 21:32:09 ID:???0
■フォントを変更したいときは...

・タイムライン内のフォント

例えば、「Simple White」テーマのフォントを 「たぬき油性マジック」にしたい場合

%APPDATA%\Jane\Janetter\Theme\02_Simple\css\main.css を以下のように書き換えます。

@import "../../Common/css/main.css";
@charset "utf-8";
html,body {font-family: "たぬき油性マジック", "Meiryo", "MS PGothic"!important;}

文字コードは UTF-8 で保存してください。

・タイムライン以外のフォント

とにかく、「たぬき油性マジック」にしたい場合

まずJanetter終了して、次のファイルを変更

%APPDATA%\Jane\Janetter\Temp\janetter.xml

Janetter > TempTheme > FontName に　たぬき油性マジック　と書きます。
こんな感じ
<FontName>たぬき油性マジック</FontName>

これも UTF-8 で保存で

7：ジェーン使いの名無しさん：2010/12/09(木) 21:44:53 ID:EBwAonFY0
シンプルスキンでヘッダーにID、フッターに名前 via クライアント名を表示させたい場合は
やっぱりまたjs弄らないとダメですかね…

8：ジェーン使いの名無しさん：2010/12/09(木) 23:18:55 ID:EPhjwja60
シンプルwith viaが公式にマージされたので、いつものは終了ですｗ
ありがとうありがとう

Retweeted byフッタは、via sourceフッタの上にしてほしいけど・・

9：mikagedou：2010/12/09(木) 23:44:52 ID:C/La1fNc0
ツイート欄を半透過にするにはどうすればいいですかね？
あと、シンプル系テーマで自分の発言を右側表示して、色を変更する機能削除するには？

10：ジェーン使いの名無しさん：2010/12/09(木) 23:45:36 ID:7B0jpwXc0
おおお、index.html弄るだけで名前の表示とか変えられるのか
これはいい

11：ジェーン使いの名無しさん：2010/12/09(木) 23:49:33 ID:EBwAonFY0
user_name_styleのところか…
折角ならフッターも同じ方法で変えられたらいいね

12：ジェーン使いの名無しさん：2010/12/10(金) 00:30:58 ID:XbdFs1FM0
>>8
相対時間の表示バージョンェ…

13：ジェーン使いの名無しさん：2010/12/10(金) 01:10:05 ID:7.tFwzb.0
simple black2でIDとクライアント名が出るようになったのは嬉しいのだが場所を移動したい。
右上の時刻の左側に表示させたいのだけど、何処をどういじれば良いかのヒントを貰えませんか。

14：ジェーン使いの名無しさん：2010/12/10(金) 01:17:55 ID:fVsyG14c0
index.htmlのstyle:のあとをSimpleFullからBaloonに変えてみたり？

15：ジェーン使いの名無しさん：2010/12/10(金) 02:08:17 ID:1hH5HDnc0
simple2を使ってるんだが、
「名前(ID)viaクライアント」みたいな表示にするにはどうしたらいんだ？
要はpostの下の行を全部一番上の行に突っ込みたい。

16：8：2010/12/10(金) 02:22:38 ID:8tQ11.iE0
オリジナルのひとってオレのこと・・か
弊害がおおきいから、みんな結局使ってないんだと思ってたよ

とある時間表示のカスタマイズ v0.8.0.0b対応

http://www1.axfc.net/uploader/File/so/55388.zip


ヨーグルト食べながら眺めただけだけど、統合されたおまけで
どのスキンでも使えるようになったｗ

17：ジェーン使いの名無しさん：2010/12/10(金) 02:27:52 ID:8tQ11.iE0
>>15
http://twitter.com/wamprobo/status/12897662210678784

18：花見：2010/12/10(金) 03:50:09 ID:TnD9qWAE0
いつもJanetterタグの方で配布してたのですがこちらが出来たのでこちらへ
少しは需要あるみたいなので…
背景に合わせられるようにメニューアイコンの色違い版2種類入り(まぁいつもの黒改です)
ただ　この編集の仕方で合ってるのかどうかちょっと不安です　自分が使ってる分には不具合ないですが
取り敢えず使ってみるかって方だけよろしくおねがいします
同梱fileを読んでからお使いください　使用にあたっては自己責任でお願いします
http://www1.axfc.net/uploader/Sc/so/182007.zip

19：花見：2010/12/10(金) 05:41:01 ID:TnD9qWAE0
>>18です
うpしてから気がついたのですがcommonの中に別にCSS入れなくても出来ましたね
2度手間なインストールのやり方ですみません

20：花見：2010/12/10(金) 06:18:21 ID:TnD9qWAE0
連投大変申し訳ないです。
一応二度手間なインストールじゃなくしました。上のfileは削除しておきます
http://www1.axfc.net/uploader/Sc/so/182018.zip

21：ジェーン使いの名無しさん：2010/12/10(金) 08:38:53 ID:g0WdzM5Q0
◆ファイルを差し替えているので、ソフトウェアアップデートにより動作しなくなるおそれがあります。

http://sos3.sakura.ne.jp/SpryAssets/000.jpg
ttp://sos3.sakura.ne.jp/SpryAssets/40.janetheme

http://sos3.sakura.ne.jp/SpryAssets/001.jpg
ttp://sos3.sakura.ne.jp/SpryAssets/41.janetheme

22：みやけ@開発チーム★：2010/12/10(金) 11:58:19 ID:???0
◆よくある質問にこたえてみる

%APPDATA%\Jane\Janetter\Theme\HogeHoge\css\main.css にいろいろ追加したらできますよ。

自分ツイートの色指定
.bubble-me{border-left: 7px solid #FFF!important;}
div.mytweet div.tweet-box{background-color: #FFF!important;}

返信ツイートの色指定
div.reply .bubble{border-right: 7px solid #FFF!important;}
div.reply div.tweet-box{background-color: #FFF!important;}

特になんでもないツイートの色指定
.bubble{border-right: 7px solid #FFF!important;}
div.tweet-box{background-color: #FFF!important;}

自分ツイートの透過率変更
.bubble-me,div.mytweet div.tweet-box{opacity:0.75!important;}

返信ツイートの透過率変更
div.reply .bubble,div.reply div.tweet-box{opacity:0.75!important;}

特になんでもないツイートの透過率変更
.bubble,div.tweet-box{opacity:0.75!important;}

>>21 いいね！

23：ジェーン使いの名無しさん：2010/12/10(金) 12:00:06 ID:CPC3B7BE0
>>17みたいのはどうやるんだろう

24：sinner@開発チーム★：2010/12/10(金) 13:00:24 ID:???0
>>20
乙です。

カラム幅を広げるとツイート本文が右側に残っていたので、
幅が自動で広がる対処法を以下に示します。

main.cssの、169行目から以下に修正してください。

/* ここは新規追加 */
div.tweet-box-wrapper {
width: 100%;
float: right;
margin-left: -60px;
margin-bottom: 1px;
}

/* ここは既存のを置き換え */
div.tweet-box, div.tweet-box-me {
margin: 0 0 0 40px;
font-size: 100%;
word-break: break-word;
}

25：sinner@開発チーム★：2010/12/10(金) 13:23:18 ID:???0
>>23
手っ取り早く説明すると、
janetter.tweet.jsの以下を修正。

618行目
// 以下に置き換え
var from = $("<span/>").addClass("from");

1008行目くらい
// 以下追加
header.append(' / ')
header.append(this.renderViaData())

1095行目くらい
// 以下に置き換え
tweetGeneratorSimpleFull.prototype.renderTweetFooter = function(){
return '';
};

もちろんアップデートで上書きされるのでご注意をお願いします。

26：花見：2010/12/10(金) 13:30:23 ID:WtTj84U60
>>24 sinner@開発チーム様

的確なアドバイスありがとうございます。
さっそく追加&置き換えさせて頂きました
そんな不具合があったのですね　

>>20 のfile使ってる方申し訳ないのですが
>>24 を参考に修正お願いします

27：ジェーン使いの名無しさん：2010/12/10(金) 13:33:57 ID:4hibUMPw0
>>24
ウインドウの横幅変えると、自ツイでアイコン右側に来ても、
左に余白が多く開いて右のアイコンに回りこみでツイートが出るんですけど
そこはどう修正すればいいですかね？

28：ジェーン使いの名無しさん：2010/12/10(金) 13:39:44 ID:CPC3B7BE0
>>25
無事できました
ありがとうございます

29：ジェーン使いの名無しさん：2010/12/10(金) 13:56:00 ID:xe2P997.0
>>24
>>27に加えて左側も返信元含めた長文ツイートがアイコンに回り込んでしまいます。

30：花見：2010/12/10(金) 14:46:48 ID:WtTj84U60
>>26です
sinner@開発チーム★ 様

fileに新規の場所を追加して↓のを置き換えたところツイート欄の文字が少し左にずれる減少が(自分以外のツイートがアイコンの下に微妙にズレて来てしまう)
div.tweet-box, div.tweet-box-me {
margin: 0 0 0 40px;
font-size: 100%;
word-break: break-word;
}

ので
margin: 0 0 0 40px;をmargin: 0 0 0 50px;にした所ズレは無くなったのですが
自分のツイートがどうしても左に余白が空いてしまい　自分のツイートだけ左側の余白分を詰めるには
どうしたらいいのでしょうか？
よろしくおねがいします。

31：開発チーム★：2010/12/10(金) 15:00:15 ID:???0
■よくある質問
Q.タイムラインの最小幅を設定したい

A.
1)Janetterを終了します。

2)「%APPDATA%Jane\Janetter\Theme」を開きます。

※「%APPDATA%\Jane\Janetter\Theme」には「ファイル名を指定して実行」で該当フォルダに移動できます。

3)使用しているテーマのsetting.xmlを開きます。

4)<TimeLineWidth>を好みのサイズに編集しましょう。

5)再起動して編集が適用されているか確認しましょう。

■注意
コピーしたテーマを編集しない場合、
自動アップデート時にテーマが上書きされることがあります。

32：ジェーン使いの名無しさん：2010/12/10(金) 15:35:34 ID:mfMlkbIY0
プロフィールのタイムラインおよびユーザーページの
タイムラインのフォントを変更したいのですが
どうやるんでしょうか
33：ひろりん：2010/12/10(金) 17:38:57 ID:GZwQk7bM0
基本的な質問ですみません。simple black 2をベースにTL内のText色をLink以外は白に変更できました。Tweet時間表示もIndex.htmlを編集してYYYY/MM/DD HH:MM:SSの表示にできたのですが、DMできたTweetだけはその時刻がグレーのままになっていますが、どこを変えれば白に変更できますでしょうか？

34：ジェーン使いの名無しさん：2010/12/10(金) 17:52:50 ID:g0WdzM5Q0
>>32
\Common\prof\css\*.css
アップデートで上書きされたくないときはprofフォルダごと個別のテーマファイルにコピーして
setting.xmlで指定

>>33
main.css　または simple.css

div.tweet-header .created_at { 〜 }

35：ジェーン使いの名無しさん：2010/12/10(金) 17:56:40 ID:YGRHQ7pg0
初歩的な質問で申し訳ありません

>>21
ttp://sos3.sakura.ne.jp/SpryAssets/41.janetheme

のテーマを利用するにはどうすればよいでしょうか？

36：あぼーん：あぼーん
あぼーん

37：sinner@開発チーム★：2010/12/10(金) 20:05:41 ID:???0
>>30
div.mytweet div.tweet-box-wrapper {
width: 100%;
float: left;
margin-right: -60px;
}

div.mytweet div.tweet-box {
margin:0 60px 15px 0;
word-break: break-word;
}

を追加してみたところ、こちらではうまく動くようになりました。
後はmarginやpaddingなどの調整でいけるのではないでしょうか

38：花見：2010/12/10(金) 21:27:07 ID:gLy72tMw0
>>37 sinner@開発チーム★様
アドバイスありがとうございます追加記入&調整でいい感じに表示するようになりました。

私の環境ですとmargin:0 60px 15px 0;　ですと少し自分の短いツイートの時に下に余白が出来てしまったので
margin:0 40px 0px 0;　
に調整してみたところ余白も無くなりツイート幅を伸ばしても自分側のアイコンに近づいた所でうまく改行するようになりました

お手数おかけしました。　本当にありがとうございます。

>>20でうpしたfileをDLして使ってる方がいましたら↓を加えてみる＆書き換えるとうまく行くと思います。環境次第で少し調整が必要かもしれませんが

念のためこちらに修正版CSSうpしておきました
http://www1.axfc.net/uploader/Sc/so/182178.zip

169〜
div.tweet-box-wrapper {
width: 100%;
float: right;
margin-left: -60px;
margin-bottom: 1px;
}

div.tweet-box, div.tweet-box-me {
margin: 0 0 0 50px;
font-size: 100%;
word-break: break-word;
}

div.mytweet div.tweet-box-wrapper {
width: 100%;
float: left;
margin-right: -60px;
}

div.mytweet div.tweet-box {
margin:0 40px 0px 0;
word-break: break-word;
}

未熟なテーマ配布してしまいご迷惑おかけしました。

39：ジェーン使いの名無しさん：2010/12/10(金) 21:58:24 ID:YG5MuQ/60
>>38
いつも黒改Ver使用させて頂いています。
CSS修正版のUPありがとうございます…ですが頑張って上書き等してみたのですが上手く出来ません。
お時間のある時に、修正したファイルを再度UPして頂けたらと思います。
よろしくお願いします！

40：花見：2010/12/10(金) 22:05:43 ID:gLy72tMw0
>>39
ご利用ありがとうございます♪
ありゃ　上書き失敗してしまいましたか
CSSの修正ファイルもうpはしておいたのですが
ではこちらにうpしておきますね
修正版　黒改11　αとβ
いつもの説明同梱textは省かせていただきますね
環境によって若干の修正が必要かもしれませんがここのスレ見てるとわかると思います
http://www1.axfc.net/uploader/Sc/so/182188.zip

41：ジェーン使いの名無しさん：2010/12/11(土) 01:03:52 ID:2S/U3ooI0
普通のシンプルテーマとかindex.htmでuser_name_style: "screen_name"に指定されてても
リプライとかの参照先表示だと名前で表示されちゃってる
これは不具合と言えるのだろうか

42：ジェーン使いの名無しさん：2010/12/11(土) 08:52:17 ID:Q.QRi6EU0
ツイート欄の大きさはどうやって変えるのだろうか(´・ω・｀)･･･

43：花見：2010/12/11(土) 12:20:07 ID:CfWSJMa20
>>42
私が答えてしまっていいのかってのもあるのですが
例　01_Silverの中のsetting.xmlを開きます

384行目の92を72
390行目の3を2

に変更すると縦幅が狭まります　(現行のSimpleFullシリーズと同じ幅)
あくまでも01_Silverの場合です
他のテーマだと微妙に行数が変わってしまいますのでその変える項目を確認しておけばどのテーマでもおkだとおもいます。
行数変わると行っても　1・2行位の差ですが

44：ジェーン使いの名無しさん：2010/12/11(土) 13:15:51 ID:Ibbkeb160
>>40
早速ありがとうございました！

45：花見：2010/12/11(土) 17:02:55 ID:hS/jaYNE0
黒改Ver.11を使ってくれている方へ
>>40
で配布してる黒改ver.11なのですが自分のツイート位置が左に余白無しで表示されるようになっているのですが
黒改　main.cssの189行目　
margin:0 40px 0px 0;
　　　　　　　　　↑
ここに◯px ◯に数字をいれて書き換え
例 margin: 0 40px 0px 8px;　　←のように数字を変えpxをつけると自分のツイートの位置が右に少しズレますので(左側に若干の余白)
自分のツイートが左に余白なしで詰めすぎで見辛いと感じる方は調整してみるといいかもしれません。

46：ジェーン使いの名無しさん：2010/12/11(土) 23:00:17 ID:u21uylmk0
Janetterのテーマを作ってみました。「EnbosWall.janetheme」です。
アイコンを色付けしました。イメージを見て、よかったらＤＬしてね。
イメージ ： http://twitpic.com/3exijd
ダウンロード　：　スカイドライブ
http://cid-313932c1cef314aa.office.live.com/self.aspx/Janetter/99%5E_EnbosWall.janetheme

なお、①背景画像４種が同梱してあります。
　　　②タイムライン・ツイート内のアイコン（　お気に入り☆、ＲＴとか　）は、\images に入ってます。
　　　 使いたい場合は、フォルダーごと　\Commonの\images と置き換えてください。　　　
　　　 ③ダウンロード後、「設定」「デザイン」「テーマを追加する」で、このファイルを指定してください。

47：42：2010/12/12(日) 03:25:47 ID:NWMve6ws0
>>43
返信遅れて申し訳ない、ありがとうございました！

48：ひろりん：2010/12/12(日) 09:42:56 ID:DCXC4BVA0
>>34
返信大変遅くなりまして失礼しました。参考になりました！

49：まる：2010/12/12(日) 14:34:53 ID:eam6aUhg0
プロフィールウィンドウのタイムラインにメインウィンドウのタイムラインを描画させる実験的なTheme
これまで作成されたThemeでプロフィールのタイムラインを扱うThemeを見ることがなかったのでアップロード
ファイル構成は適正化されていない
注：ファイル内のmemoは記憶の範囲の考察　信憑性は余り無い

http://www1.axfc.net/uploader/Sc/so/182732
http://twitpic.com/3f65i5

50：まる：2010/12/12(日) 14:41:06 ID:eam6aUhg0
分かりにくいので追記
公式ThemeのSimpleFullにてプロフィールのタイムラインに、viaを表記させています。

51：ジェーン使いの名無しさん：2010/12/12(日) 17:47:17 ID:V2v8y1MM0
XPでデフォルトフォントがMeiryoだと見づらいから、main.cssでMSPゴシックだけ指定したら
見慣れたフォントになった。

52：花見：2010/12/12(日) 22:01:22 ID:w2PYslPs0
SKYをベースに編集してみました　空色唐草です
基本的にはフォントの色とポップアップの色も少し変更しました
そのままでも背景を変えても　どちらでも使えると思います(透過具合を変えてみたので)
良かったら使ってみて下さい
画像sample
http://twitpic.com/3f9lg8

テーマ
http://www1.axfc.net/uploader/Sc/so/182897.zip
53：akkie2：2010/12/13(月) 16:08:00 ID:9X8jvNgA0
■テーマ：「Enbos Wall」不具合を修正しました。
(1)「通知一覧の文字が表示されない」不具合、
(2) 「アクティブタブ」の色を、明るい緑色にして、見やすくしました。
イメージ： http://twitpic.com/3exijd
ダウンロード：http://bit.ly/ffDQaW
再ダウンロード、再「テーマを追加する」　をお願いします。

54：sinner@開発チーム★：2010/12/13(月) 19:28:47 ID:???0
>>41
次バージョンで改修されます。


なお、次バージョンでテーマに影響すると思われる個所を挙げます。
・janetter.tweet.js
tweet-box-wrapperがうまく作れてなかった（wraperとなってた）のでそこを修正
tweet-thumbのボックスをtweet.js内で作るように変更（以前はjanetter.thumbnail.js内で作成）
tweet-reply内のユーザー名に、index.htmで指定するuser_name_styleを適用するよう修正

・janetter.thumbnail.js
サムネイル画像展開の処理を大幅に変更
（このファイルを修正されている方はご注意ください）

※
なお、今まではサムネイル画像があるときだけ、
tweet-thumbボックスを作成していましたが、
重複して作成される不具合があったので、
常に存在する状態にし、CSSのdisplay属性で切り替えるようにしました。
なので、サムネイルを自動表示したくない方は、
janetter.thumbnail.jsの15行目くらいを、
jQuery.fn.janetterThumbnail = function(content, mouseOver){
return this;
とすれば、サムネイル展開処理がばっさり削れます。

あと、いろいろと修正が入っているので、
相対時間表示されている方などに影響が出ると思います。
（相対時間表示はこちら側で対応する予定ではいます。。）

今回のバージョンアップでどうやっても動かないという方は
またご質問やご指摘いただければと思います。

55：ジェーン使いの名無しさん：2010/12/13(月) 23:37:31 ID:koAplzOw0
いつもの相対時間表示 v0.9.0.0b対応

http://www1.axfc.net/uploader/File/so/55555.zip


なにこのファイル番号ｗ

56：akkie2：2010/12/14(火) 00:49:37 ID:hYITYJYY0
【テーマ修正】　(v0.9.0.0b) に合わせて、「Enbos Wall」テーマを修正しました。　
イメージ： http://twitpic.com/3exijd 　
ダウンロード：http://bit.ly/ffDQaW

57：ジェーン使いの名無しさん：2010/12/14(火) 08:59:58 ID:9II9pZ160
v0.9
http://sos3.sakura.ne.jp/SpryAssets/003.jpg
ttp://sos3.sakura.ne.jp/SpryAssets/41.janetheme

58：花見：2010/12/14(火) 16:24:51 ID:AtlduT9w0
テーマ4種類編集してみました
黒改Ver.12　アイコンの色違い2種類　αとβ
唐草の色違い2種類です

黒改　イメージsample片方だけ　黒改は背景変えるの前提です　背景変えるといい感じになります。(多分)
http://twitpic.com/3fmvfi

空色唐草Ver.2
http://twitpic.com/3frci5

桃色唐草
http://twitpic.com/3fshmn

4つまとめて詰め合わせ　よかったらどうぞー
http://www1.axfc.net/uploader/Sc/so/183358.zip

sample画像に入っる方には名前とID晒していいと許可貰ってます。

次のアップデートでまた使えなくなるかもしれませんが…

59：ジェーン使いの名無しさん：2010/12/14(火) 17:48:26 ID:Z9acquHE0
>>55
これをPinkで使いたいのですがお願いできますでしょうか

60：ジェーン使いの名無しさん：2010/12/14(火) 18:40:12 ID:ft4WKxIM0
>>58
いつも使わせてもらってます
ありがとうございます

61：花見：2010/12/14(火) 18:46:43 ID:AtlduT9w0
>>60
いえいえー
ただこれ以上変わったら自分の実力では編集しきれなかもしれません…
黒改は…　そろそろ限界を感じます

62：55：2010/12/14(火) 21:49:38 ID:oV5lBd4.0
>>59
安価まちがいだよね？

63：あぼーん：あぼーん
あぼーん

64：ジェーン使いの名無しさん：2010/12/14(火) 23:39:50 ID:FEP0uxL60
ここを2chに気まぐれに立ったスレと勘違いしてる人がいるみたいですね

65：akkie2：2010/12/15(水) 02:20:11 ID:bhUs.tnU0
【テーマ修正】　「Enbos Wall」　若干のデザイン修正をしました。
ダウンロード： http://bit.ly/ffDQaW　
スナップショット： http://twitpic.com/3fwb97

・見えずらいアイコンを修正。
・名前の影変更
・アクティブタブを明緑色に変更。
・Ｂｏｘ影色　リプライ（緑）、自ツイート（青）　に変更。

66：59：2010/12/15(水) 09:43:58 ID:7CgXDxsQ0
>>62
すみません勘違いみたいです
普段Pinkを使っていて何となくSimpleに設定したときに
hogehoge　○分前
TL内容
となっていたので>>55を使ったからかなと勘違い

67：ジェーン使いの名無しさん：2010/12/15(水) 14:13:33 ID:bLmbFs1s0
ttp://sos3.sakura.ne.jp/SpryAssets/004.jpg
ttp://sos3.sakura.ne.jp/SpryAssets/42.janetheme
CSSだけ変更してデザインをいじり倒すテスト

◆既知の問題
・「via Web」は表示されない
・DMは放置
・なんかあみだくじが遊べそう

68：ジェーン使いの名無しさん：2010/12/15(水) 15:04:24 ID:h9Wn1Rzg0
>>67
SimpleFullベースで作ればvia表示できるんじゃないですか？

69：ジェーン使いの名無しさん：2010/12/15(水) 15:54:00 ID:bLmbFs1s0
>>68
CSS側で「via」を「 - 」に置換しているので、
リンクが張られないタイプのsourceは今のところ非表示になります

70：sinner@開発チーム★：2010/12/16(木) 13:03:40 ID:???0
次バージョンリリースが近づいてきましたので、
テーマ開発者向けの変更点を告知します。

・tweet-thumb内の各サムネイル要素を<p>でくるむようにした

サムネイル画像展開後にスクロール位置がずれる問題を修正するため、
各画像をpでラップするようにしました。（プロフィールは対象外）
その際、p要素のスタイルを
height: 80px;
max-width: 80px;
で指定しています。
詳しくはmain.css, simple.cssを参照してください。

同時に、p要素をfloatを指定するようにしたので、
tweet-thumbボックスの中の一番最後に
<div class=clear>を設置しています。


・多言語化対応のため、日本語直書きのところがjanetter.messageを参照するようになった

ユーザは今のところ日本人がほとんどなのであまり関係ないかもですが、
国際対応したい方がいれば、対応方法を記述します。


・リプライ表示欄にtweet-reply-close要素追加。

展開したリプライを閉じるためのtweet-reply-close要素を追加しました。
１つめのtweet-replyの中に追加されます。

71：花見：2010/12/16(木) 17:52:53 ID:fDf8BH220
Version 1.0.0.0用テーマ

黒改Ver.13　αとβのアイコンの色違い2種類

今回下のTabの色を黒く透けるような色にしてみました。
多分見やすくなったと思うのですが(背景の色によりますが)

sampleイメージ
http://twitpic.com/3gdgfy

背景変えるとこんな感じ
ttp://twitpic.com/3fmt9p


テーマ増えた今となっては需要あるか分かりませんがよかったらどうぞ
http://www1.axfc.net/uploader/Sc/so/184035.zip

72：ジェーン使いの名無しさん：2010/12/16(木) 18:59:20 ID:mAvXar5I0
v1.0向けに更新

Buzz
ttp://sos3.sakura.ne.jp/SpryAssets/003.jpg
ttp://sos3.sakura.ne.jp/SpryAssets/41.janetheme

Alpha
ttp://sos3.sakura.ne.jp/SpryAssets/005.jpg
ttp://sos3.sakura.ne.jp/SpryAssets/42.janetheme

73：ジェーン使いの名無しさん：2010/12/16(木) 20:34:39 ID:SThEZydw0
>>71
愛用しています！
今後も…無理のない範囲で更新していただければと思います。

74：ひろりん：2010/12/16(木) 20:35:29 ID:qAAVolTw0
>>71
私も同意見です！

75：ジェーン使いの名無しさん：2010/12/16(木) 22:18:48 ID:oZ/fpRRM0
いつもの相対時間表示 v1.0.0.0対応

http://www1.axfc.net/uploader/File/so/55675.zip

76：花見：2010/12/16(木) 22:39:57 ID:/Czxq91w0
>>73
>>74
いつもありがとうございます。
では出来る範囲でうpしますね。

77：花見：2010/12/17(金) 00:11:14 ID:pU60qxkc0
Version 1.0.0.0用テーマ

空色唐草&桃色唐草の2種類です
よかったらどうぞー
背景変えてもそのままでも
画像sample
http://twitpic.com/3ggawi
http://twitpic.com/3ggaw2

うp先
http://www1.axfc.net/uploader/Sc/so/184171.zip

http://www1.axfc.net/uploader/Sc/so/184171.zip

78：花見：2010/12/17(金) 00:12:13 ID:pU60qxkc0
↑すみませんうp先リンクが何故か2つ並んでしまいました…

79：ジェーン使いの名無しさん：2010/12/17(金) 00:16:50 ID:69bp7Tfw0
>>6
この方法でタイムライン内のフォント変更しようとしても出来ないんですが助けてください

80：ジェーン使いの名無しさん：2010/12/17(金) 00:18:31 ID:tQxZz4TQ0
>>79
最新バージョンなら設定からフォント変更できますよ

81：ジェーン使いの名無しさん：2010/12/17(金) 04:32:57 ID:aO/gU8bs0
>>75
相対時間って今の時刻から何分前となると思ってるんだけどなんでかならない
最大ツイート〜と書いてあるから新着からはそうなるのかと思ったけどそれもならない
OSがXPなのでC:\Documents and Settings\略\Theme\Common\js\に上書きしてるけど
他にも何かしないとダメなのでしょうか

82：ジェーン使いの名無しさん：2010/12/17(金) 08:23:32 ID:Oprh31CE0
>>81
なんだろ・・Docments〜で合ってると思うけど。夜にXPで試験してみます

83：ジェーン使いの名無しさん：2010/12/17(金) 17:08:19 ID:0twYIqF.0
すいません。
プロフィールウィンドウを簡単に拡大する方法を教えてくださいマセ。

84：花見：2010/12/17(金) 22:49:23 ID:A3znCSEM0
ちょっとばかり>>71 の黒改をマイナーチェンジ　
メニュー欄が白っぽいのが気になったので黒透けにしてみました
+透けピンク+桃色唐草のリンクの色見やすいように変えましたの4種類
黒すぎと思う場合　黒改のsetting.xml　107行目を210→少ない数字　にするとグラデがかかって薄くなっていきます

透けピンクも背景変えるの前提です　よかったらどうぞー
*http://www1.axfc.net/uploader/Sc/so/184393.zip

85：ジェーン使いの名無しさん：2010/12/18(土) 00:22:10 ID:AmR.ANBw0
>>84
早速使わせていただきました。ありがとうございました。

86：82：2010/12/18(土) 02:32:55 ID:xnTNhuKI0
>>81
XPで試験してみたけど、とくに問題ないなあ
http://j.mp/gpsKpc

って書いてて思い当たった。どのスキンでも使えるって書いたけど、
js統合されてもシンプル以外の対応はしなくちゃなのね・・
http://j.mp/hy9iAt

こんなんでいいかい? 酔っ払ってるのでコーディング汚いのは愛嬌

相対時間表示 v1.0.0.0 たぶん全スキン対応版
http://www1.axfc.net/uploader/File/so/55737.zip

87：ジェーン使いの名無しさん：2010/12/18(土) 10:47:20 ID:9JzFWJ9.0
Janetterのカスタマイズをしたいと思っています。
一番やりたいのはタイムラインのフォントの色変更です。
あとは発言者のアイコンの大きさ、各発言の間隔調整などです。

そこでお聞きしたいのですが、setting.xmlやmian.cssに書かれている
ソースの解説というか意味ですね。この行のここは、こういうことを
指定しているんだよ等がわかるサイトはないでしょうか？
ここのスレを読んでみたのですが、フォントの色変更などは、どの
ファイルのどの部分を変えたらいいのかわかりませんでした。

まったくの見当違いな質問でしたら、お許しください。

88：ジェーン使いの名無しさん：2010/12/18(土) 11:07:31 ID:i0fP5/xA0
>>87
--- main.css -----------------------------------
@import "../../Common/css/main.css";

html,body { color:#F00; } /*TL全般の文字色*/
.tweet-container { padding-bottom: 20px; }/*ツイート間の余白*/
.main-profile img { width: 24px; height: 24px; } /*アイコンサイズ*/
-----------------------------------------------

CSS リファレンス
ttp://www.htmq.com/style/index.shtml
ttp://www.htmq.com/css3/index.shtml

89：ジェーン使いの名無しさん：2010/12/18(土) 11:44:04 ID:AfKzEoXo0
>>86
ありがとうございます
ありがとうございます

90：ジェーン使いの名無しさん：2010/12/18(土) 12:15:13 ID:AfKzEoXo0
なるほど
Janetterはスキンを変えるなりF5の再読み込みをさせないと表示の更新がなされないのね
相対時間表示がちょっと残念なことに

91：ジェーン使いの名無しさん：2010/12/18(土) 12:23:41 ID:9JzFWJ9.0
>>88
87で質問したものです。
うわあ、早速のレスありがとうございます。
端的な回答でよくわかりました。
リファレンスまでご紹介頂き感謝します。
早速覗いてみます。

92：akkie2：2010/12/18(土) 12:41:08 ID:AUR3vF960

■「EnbosWall_2」：Janetterのテーマファイルです。
・前テーマ「EnbosWall」に、緑色のマウスオーバー背景を追加しました。
ダウンロード：http://bit.ly/idT82g
スナップショット： http://twitpic.com/3gxw94

93：ジェーン使いの名無しさん：2010/12/18(土) 12:52:02 ID:9JzFWJ9.0
おかげさまで設定の仕方がちょっとわかってきました。
これでかなりカスタマイズできそうです。
TweetDeck卒業がぐっと近づいた。

94：まる：2010/12/18(土) 17:06:51 ID:fXZ4TbyM0
需要があるかは分かりませんが、SimpleFullの機能を拡張したThemeなのでどちらかというと機能重視
基本的にはそのまま（マウスオーバーでin-reply-toまで赤く変色、Replyは濃青）なので背景画像に向かない
プロフィールウィンドウでviaの表示と今日の時刻では秒表示

http://twitpic.com/3ges8f
http://loda.jp/marl_loda/?id=4

95：ジェーン使いの名無しさん：2010/12/18(土) 17:10:25 ID:IDiBDi..0
>>92
ありがとう使わせていただいてます。
こういう色使い好きなんです。見てて楽しい！

96：ジェーン使いの名無しさん：2010/12/18(土) 18:11:34 ID:5oPBcnhs0
>>72
更新お疲れ様です。
アイコンや名前の配置バランスに無駄のないBuzzが好きで、愛用してます。
頻繁にアイコンを変えるフォロワーがいるので、できればTL上の
アイコン表示をAlphaくらいの大きさで見たいのですが、
変更などはできるのでしょうか？

97：ジェーン使いの名無しさん：2010/12/18(土) 18:55:51 ID:bBtSth3k0
背景画像を変更する場合、画像を敷き詰めるにはどうしたら良いですか？

98：ジェーン使いの名無しさん：2010/12/18(土) 18:56:33 ID:i0fP5/xA0
>>96
ttp://sos3.sakura.ne.jp/SpryAssets/41_3em.janetheme
こちらのテーマファイルで上書きし再起動させてください。

または、main.cssの最後の行に下記を追記して下さい。
/* ############# 追記 ########### */
.main-profile img { width: 3em; height: 3em;}
div.tweet-header { line-height: 150%; padding-left: 3em;}
div.source { margin-left: 0;}

99：ジェーン使いの名無しさん：2010/12/18(土) 19:15:30 ID:5oPBcnhs0
>>98
素早い対応ありがとうございます！
頂いて差し替えました。おかげさまで快適です。
わざわざソースまで、感謝します。
これからも更新楽しみにしてます。

100：ジェーン使いの名無しさん：2010/12/18(土) 19:35:21 ID:x4ipwFFw0
レスを表示するバーが出てきません（レスの最後に1/1001のように、自分がみているスレを表示するもの）
どうすればいいですか？

101：ジェーン使いの名無しさん：2010/12/18(土) 19:43:59 ID:JdVw647U0
>>97
それは設定の画像選択の枠右にある▼クリックで変更出来る

102：花見：2010/12/18(土) 23:09:32 ID:oePBvU520
【Version 1.0.0.0用テーマ黒改13ν+と黒改13Ξ+】
度々何度もお邪魔してしまってあれなのですが
メインメニュー欄　タイムライン上Tabの色合いを調整 全体のバランスを取ってみました
サンブル画像
http://twitpic.com/3gdgfy
背景変えるとこんな感じ　指定する背景によりかなり変わりますが
ν+
ttp://twitpic.com/3h37ip
Ξ+
ttp://twitpic.com/3h37j6
うp先
http://www1.axfc.net/uploader/Sc/so/184814.zip
アップデートで使えなくなるまで変更無い予定です。

>>97
もしかしてsetting.xmlによるテーマのデフォの画像の変更ですか？

それでしたら
setting.xmlの15行くらい
画像指定
<Image>〇〇〇〇</Image>←の丸に画像のファイル名
それをTile状にしたいなら
16行くらい
<Style>Tile</Style>

103：ジェーン使いの名無しさん：2010/12/18(土) 23:39:47 ID:bBtSth3k0
>>101
おお、そこはノーマークだった！
ありがとうございます、出来ました

掲示板管理者へ連絡 無料レンタル掲示板