したらば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/
をお勧めします。

372ジェーン使いの名無しさん:2011/08/05(金) 15:36:49 ID:/C4vaF8E0
>>370
かっこいいけどかなり重いですね・・・。
cssで影を作らずに画像で作るのは無理なのかな。

373ジェーン使いの名無しさん:2011/08/05(金) 17:15:36 ID:EFdSiZsM0
>>372
何と比べて重いと言ってるのかな?
使ってるPC機種とか比較基準くらい書きなよ。

374ジェーン使いの名無しさん:2011/08/05(金) 17:33:27 ID:/C4vaF8E0
>>373
初期インストール済みの他テーマと比べてですよ。
作者さんもreadmeにかなり重いと書いていたので認識していると思うんですが・・・。

375ジェーン使いの名無しさん:2011/08/05(金) 18:11:14 ID:B/MyUuik0
Janetter2用テーマ「PaperStyle」更新です。
CSS影効果を軽量化しました。

画像:>>370
DL:http://bit.ly/pB5Wf2

>>372,374
画像で作るとウィンドウやTLの幅が変わった時に追従できないのではないかと思います。
もしTLのスクロール等(起動とは関係ない部分)が重いのならばこの更新で改善されてると思いますが…いかがでしょう?

376ジェーン使いの名無しさん:2011/08/05(金) 18:19:18 ID:/5UkDtGY0
V2使ってますが、V1のシンプル白そのままのテーマはないんですか?
上の方にあったやつを設定してみましたが違ってました・・・

http://imepic.jp/20110805/657940
或いはこういう感じにツイート欄を長くしたV2のWhite ThemeでもOKなんですが、
こんな感じにいじれるのでしょうか?

377ジェーン使いの名無しさん:2011/08/05(金) 18:20:48 ID:/C4vaF8E0
>>375
わざわざありがとうございます。
ご指摘の通りスクロールが重かったのですが、今回の軽量化で若干改善されました。
まだ他と比べると重いですが、それ以上に見た目が気に入ったので使わせて頂きます!

378ジェーン使いの名無しさん:2011/08/05(金) 22:19:17 ID:CBZMsKJI0
質問です。


現在Janetter2の「Simple Theme」を使っています。
ツイートした(された)時間を秒まで表示させるには、どうしたら良いのでしょうか?

前バージョンのJanetterでは秒まで表示されていたと思いますが、Janetter2になってから秒の表示が無くなってしましました。


ご回答、お願いします。

379ひろりん:2011/08/05(金) 22:33:13 ID:uySJZzKk0
>>378

>>312の例の
<span class="time" created_at="{$created_at|date_format:'%s'}">{$created_at|date_format:'%T'}</span>
の最後をTでなくて小文字のkにするといけます。

380ひろりん:2011/08/05(金) 22:40:33 ID:uySJZzKk0
>>378

>>315 も参考にしてください。

381ジェーン使いの名無しさん:2011/08/05(金) 22:53:31 ID:JCoJxqU.0
>>376
white.cssに以下を追記
#tweet-edit-container { max-width: 2560px; }

またはbase.cssの
#tweet-edit-container {
...
max-width: 500px;
...
} のmax-widthの行をだけをコメントアウトする

いじりやすいほうでどうぞ

382ジェーン使いの名無しさん:2011/08/05(金) 23:02:58 ID:CBZMsKJI0
>>379 >>380

ひろりんさん、ありがとうございます!

最初は大文字の「K」となっていましたが、小文字の「k」にしたところ、秒が表示されました!!
tweet.tplは“C:\Program Files (x86)\Janetter2\Theme\Common\template”の中にあるのですね。

迅速な回答、感謝致しますm(_ _)m

383ひろりん:2011/08/05(金) 23:37:06 ID:uySJZzKk0
>>382
私も同じ質問をして、スレの皆さんに助けられましたー。

384ジェーン使いの名無しさん:2011/08/06(土) 00:13:49 ID:fRuKykp20
V2でツイート欄のアカウントのアイコンが右側にありますが、
これをV1のように左側に持ってくるのはどうすればいいですか?

385ジェーン使いの名無しさん:2011/08/06(土) 00:46:45 ID:eRnEXXgQ0
>>384
(例)Simple
.compact .tweet-edit-account { left: 2px; right: auto; }
.tweet-edit-box { margin: 0 6px 0 40px; }
.expanded .tweet-edit-box { margin: 3px 2px 0 60px; }
.tweet-edit-account { right: auto; left: 4px; }
.tweet-edit-box::after { left: -7px; border-left: 0; border-right: 7px solid white;}
.tweet-edit-box::before { left: -8px; border-left: 0; border-right: 8px solid rgba(187, 187, 187, 0.75);}

あとの微調整はお任せします

386ジェーン使いの名無しさん:2011/08/06(土) 00:53:57 ID:0geGRlLc0
v2に標準で入ってる「Sky」を、チェック柄ではなくて濃い方の青一色にして使いたいのですが可能でしょうか?

Themeフォルダ内の何かのファイルの設定値を変えるといいのでしょうか…教えてもらえると助かります。

387ジェーン使いの名無しさん:2011/08/06(土) 00:57:39 ID:eRnEXXgQ0
>>386
C:\Program Files (x86)\Janetter2\Theme\Items\Blue\images\bk.png
をペイント等で開いて、キャンバスを濃い方の青で塗りつぶす とかどうでしょうか

388386:2011/08/06(土) 01:24:18 ID:0geGRlLc0
>>387
うまくいきました。ありがとうございます。

389ジェーン使いの名無しさん:2011/08/06(土) 06:59:17 ID:6KYUjgv20
これは画期的だ!と感じるテーマ誰か作らないですかね
物凄く斬新なデザインの

390ジェーン使いの名無しさん:2011/08/06(土) 08:18:39 ID:tWVVqPsk0
どうぞどうぞ

391ジェーン使いの名無しさん:2011/08/06(土) 08:47:34 ID:fRuKykp20
>>385がよくわかりません・・・

392358:2011/08/06(土) 11:51:03 ID:3EC5B2SM0
Janetter v2カスタムテーマ 「偽V1シンプル白」
V1のシンプル白に似せたテーマです。
画像: http://twitpic.com/61lpux http://twitpic.com/61lpvv
DL: http://www1.axfc.net/uploader/Sc/so/262557.dat

393花見:2011/08/06(土) 16:38:57 ID:jSJKHcAQ0
Janetter2 正式版用カスタムテーマ
黒改 ぶらっくぴんくの不具合修正版 ぶらっくぴんく2の3種 今までのpassだとProgram Files以外にインストールすると4連アイコンが出なかった模様

【背景変更前提テーマです】
お好きな背景にしてお使いください
画像変えるとこんな感じ
黒改: ttp://img.ly/4Zxf
ぶらっくぴんく: ttp://img.ly/6tnf
ぶらっくぴんく2←はぶらっくぴんくのメニューアイコンを雪うさぎを流用&Homeアイコン加工しただけ
うp先: http://www1.axfc.net/uploader/Sc/so/262615.zip

394358:2011/08/07(日) 05:14:55 ID:wvCsL13Q0
Janetter v2カスタムテーマ 「偽V1シンプル黒」
V1のシンプル黒に似せたテーマです。
画像: http://twitpic.com/620t1c
DL: http://www1.axfc.net/uploader/Sc/so/262848.dat

395花見:2011/08/07(日) 09:43:24 ID:WwS2N7i.0
>>393です
度々失礼します 修正版でpass直したのですがiniのpassを直すの忘れてました。
Program FilesにJanetter2をインストールしている方は問題ないのですが
それ以外にインストールしてる場合 Windowsの外観スタイルにチェックを入れなくてもWindowsの外観スタイルになってしまいます。
仕様的にWindowsの外観スタイルを使っての使用前提って事で作りましたがせっかくの機能が動作しないのも微妙なので近いうちに
修正版うpります。
相変わらずpassのミスが多いので次修正版うpしたらまたしばらく自粛します。
大変失礼致しました。

396花見:2011/08/07(日) 11:25:11 ID:WwS2N7i.0
>>393 のさらに修正版です
相対パスを見直しました。
おそらくこれでProgram Files以外にJanetter2をインストールしていても大丈夫だと思います。
ぶらっくぴんく2の背景変えた時のイメージサンブル画像 ttp://img.ly/74hp
黒改とぶらっくぴんくのサンブル画像は393見てください。
お好きな画像を背景にしてご利用下さい。
黒改 ぶらっくぴんく ぶらっくぴんく2の3種修正版
うp先 つ http://www1.axfc.net/uploader/Sc/so/262890.zip
どうも毎回ミスが多いのでとりあえずこれでしばらくこのスレで配布するのは自粛します。
何度も失礼しました。

397ジェーン使いの名無しさん:2011/08/07(日) 17:59:02 ID:i5dVXNSU0
Janetter2向けのテーマです
http://sos3.sakura.ne.jp/janetter_dev/CC_0807a.janettheme
http://sos3.sakura.ne.jp/janetter_dev/wb_compact.png
http://sos3.sakura.ne.jp/janetter_dev/wb_complex.png

・プリセットの「White」が元になっています
・「ツイート欄を下方に表示する」にチェックを入れていると崩れます
・初期状態はメニューペインを開いた状態にするようにしていますが、
 index.htmの「initClosed:false」をtrueにすると閉じた状態から始めるようにできます。
・終了時の状態を保持する機能はありません

398ジェーン使いの名無しさん:2011/08/07(日) 21:50:36 ID:Vrxv.pCc0
>>312 を参考に秒まで表示させたく書き換えてみたのですが、再起動しても反映されません。
時刻にマウスオーバーで西暦から秒までの絶対時間が表示されるのですが
欲を言えば、西暦:月:日:時:秒まで表示させたいです
設定はディスプレイ→絶対時間にしてますが、tweet.tplをメモ帳でいじる程度では無理ですか?
スキンはDeepSeaを使っています

399ジェーン使いの名無しさん:2011/08/07(日) 22:43:50 ID:i5dVXNSU0
>>398
DeepSeaだと「\Theme\Items\Navy\template」の中の方を書き換えるんじゃないかな

400akkie2:2011/08/08(月) 00:26:55 ID:DlWmIe0U0
#Janetter2 テーマ:「白Emboss_02」 UPしました!
Ver 2.0.1.0 正式版に対応しました。-> 白エンボスです。
「ツイート入力欄」を上の方に移動しました。
ダウンロード:http://loda.jp/listed_aki/
スナップ: http://twitpic.com/62fgdq

401ジェーン使いの名無しさん:2011/08/08(月) 02:15:12 ID:6dl7eGEc0
>>399
commonの方をいじっていました。初歩的なミス&二重投稿申し訳ないです。解決しました。
それとユーザー名&フルネームにしているのですが
フルネームのあとにユーザー名の順に変えることはできますか?
{$displayname}あたりだとは見当がついたのですが、どこをいじっていいか詰まりました

402ジェーン使いの名無しさん:2011/08/08(月) 10:55:52 ID:RwYlRK6s0
初歩的な質問すみません。

Janetter2.0.1.0のMetalを弄ろうとしているのですが、
「%APPDATA%\Jane\Janetter2」にThemeフォルダがありません。
「\Program Files\Janetter2\Theme」を弄ってもいいのでしょうか?
>>2にダメだとありますが……

403ジェーン使いの名無しさん:2011/08/08(月) 11:52:56 ID:.EvYe4hs0
>>402
>>2はv1の時の説明。v2は「\Program Files\Janetter2\Theme」で大丈夫ですよ。いじる前にバックアップをとってね。
Janetter wikiも参照してみてください。
http://www44.atwiki.jp/janetterref/

404ジェーン使いの名無しさん:2011/08/08(月) 13:53:12 ID:Un.m/n4Y0
DeepSeaを使用しているのですが、ツイートを選択した時のオレンジの枠は消せますか?
また、自分からのリプライの背景色だけを変える事は可能でしょうか?

405ジェーン使いの名無しさん:2011/08/08(月) 14:01:05 ID:dAG87Pc60
うん、できるよ

406ジェーン使いの名無しさん:2011/08/08(月) 20:25:52 ID:aGfXXAW.0
>>404
Janetter2\Theme\Items\Navy\template 内のtweet.css

.tweet-container.focus{
-webkit-border-radius: 5px;
border: 2px solid rgba(255,200,50,0.2);
}
li:focus .tweet-container.focus{
border-color: rgba(255,200,50,0.8);
}

rgba(255,200,50,0.8)←これを border-color: none; にすれば消えるかも 消すよりは色指定を変えたほうがいいかも
フォーカスがどこに当たってるか分からなくなるので

ただ そのまま弄るとアップデートの時にまた弄らなくてはならないので
別テーマとしてリネームして保存しておくことをお勧めします
リプライの背景色は http://www44.atwiki.jp/janetterref/pages/31.html に乗ってます
見ても分らなかったらもう一度質問してみるといいと思います。

また Janetter2\Theme\Items\Navy\css navy.cssの分かりやすい所に書き足しても効果はでます。

あと、消せますか? 可能でしょうか?と聞くと405みたいな答えが返ってくるので 教えてくださいと言ったほうがいいかもしれませんね
>>405 知ってるなら教えてやれよ

407ジェーン使いの名無しさん:2011/08/08(月) 21:30:57 ID:Un.m/n4Y0
>>406さん
ありがとうございました、無事に変更することが出来ました。
そうですね、曖昧な書き方をしてしまいまして・・・以後気をつけたいと思います。
本当ににありがとうございました!

408ジェーン使いの名無しさん:2011/08/08(月) 22:06:43 ID:aGfXXAW.0
>>407さん
無事変更できて何よりです

409ジェーン使いの名無しさん:2011/08/09(火) 08:56:33 ID:d3KmW6JE0
自分のTL上の相手へ送ったリプライの背景色の変更箇所がわかりません。
リプライしてもらった背景色はWikiを見て

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

で変更できたのですが、自分からのリプライ背景変更が上手くいきません。
ご存知の方がいらっしゃったら教えていただけないでしょうか。

410ジェーン使いの名無しさん:2011/08/09(火) 21:54:34 ID:4GzZLZbw0
自分からのリプライって自分のツイートだよね?だったら
.mytweet
じゃね?

411ジェーン使いの名無しさん:2011/08/09(火) 22:09:08 ID:jFvxmMNM0
>>409 cssからV1の話だと勝手に仮定。そのままだと多分出来ない。自分ならjsも弄ります。
janetter.tweet.js の 590行目あたり
// DOM作成
var container =
$("<div/>")
.addClass('tweet-container')
.addClass(self.isMe ? 'mytweet' : (self.isReply ? "reply" : ""))
.addClass(self.isMute ? 'mute' : '')
.addClass(self.item.rawdata.in_reply_to_status_id_str ? 'in_reply_to' : '') // <-この行を追加
.attr("id", self.id)

cssに追加
div.mytweet.in_reply_to div.tweet-box{background-color: #FF0!important;}

で、どうでしょう?

412ジェーン使いの名無しさん:2011/08/09(火) 22:19:40 ID:4GzZLZbw0
あーv1か、失礼

自分cssでは
div[class="tweet-container mytweet"]
で背景色変更してたみたいだけどたぶん完璧じゃないと思うので参考までに

413ジェーン使いの名無しさん:2011/08/10(水) 02:30:12 ID:yipavabs0
Janetter2 用テーマ「PaperStyle」更新です。
ツイート欄のデザインを変更しました。


DL: http://bit.ly/nBNjDc
画像: http://yfrog.com/h7ktfztj

414ジェーン使いの名無しさん:2011/08/10(水) 12:22:39 ID:5oguwEEE0
>>397
返信を押すと自動でツイート欄がオープンするようには出来ませんか?

415ジェーン使いの名無しさん:2011/08/10(水) 16:38:33 ID:8sLegmuY0
>>414
今DLしてやってみたけど、それできてるよ。DLしなおしてみたら?

416ジェーン使いの名無しさん:2011/08/10(水) 21:21:04 ID:5oguwEEE0
>>415
DLしなおしましたが、やはり閉じている状態だと自動では開かないようです。

417ジェーン使いの名無しさん:2011/08/10(水) 23:50:18 ID:8sLegmuY0
>>416
うーん?ウチではツイート欄を閉じた状態で、タイムラインのツイートの返信アイコンまたは右クリックの返信メニューでツイート欄開いてます。
一度該当のテーマを削除してからテーマインストールしなおしてみては?

418ジェーン使いの名無しさん:2011/08/11(木) 01:07:32 ID:jZT.CPr20
>>417
1度削除したら自動で開くようになりました!
どうもありがとうございました。

419akkie2:2011/08/12(金) 13:34:45 ID:U60We3Fo0
カスタムテーマ:「白Emboss_04」を UPしました。
・Ver 2.0.2.0 対応です。
・ツイート欄を上に移動しました。
・他テーマのアイコン使用可(CSSをちょこっと編集)
・複数の単色背景画像を同梱。(廃止された「背景色変更」の代わり)
  ・・・説明書をお読み下さい。
ダウンロード:http://t.co/9THYWLE
画面スナップ:http://t.co/qlSLEyT

420ジェーン使いの名無しさん:2011/08/12(金) 22:17:27 ID:znLRyesA0
>>397
の更新です
http://sos3.sakura.ne.jp/janetter_dev/CC_0812a.janettheme

421ジェーン使いの名無しさん:2011/08/13(土) 10:37:52 ID:1DE332Qo0
>>392 偽V1シンプル白
>>358 シンプル改とツイート欄固定テスト
の更新です。ツイート欄固定テストは、よりV1ぽくしてみました。
http://www1.axfc.net/uploader/Sc/so/264866.zip

422ジェーン使いの名無しさん:2011/08/13(土) 10:51:32 ID:JOZpLyMA0
>>394


423akkie2:2011/08/14(日) 15:59:40 ID:yAk5fmXQ0
#Janetter2 テーマ:「(黒)Emboss_04」 UPしました。
Ver2.0.3.0 対応です。
他テーマのアイコン使用可、単色背景画像を同梱。
なお、zipには(白)(黒) 一緒に入ってます。
ダウンロード:http://t.co/9THYWLE
画面スナップ:http://t.co/rl5bldg

424ジェーン使いの名無しさん:2011/08/15(月) 19:01:25 ID:gX2rNtFI0
ツイート欄の#を押した時に候補がでるのですが その背景が白なのでそこの色を変えるにはどうしたら宜しいのでしょうか?
リンクの色を変えたら背景が白だと見辛くなってしまったので 宜しかったらご教授お願いします。

425ジェーン使いの名無しさん:2011/08/15(月) 20:23:00 ID:Xv4zr7o60
>>424
.ui-autocomplete { background-color: red;}

426424:2011/08/15(月) 21:23:50 ID:gX2rNtFI0
>>425さん
さっそく有難うございます。 おかげさまで凄くいい感じに出来ました。

427ジェーン使いの名無しさん:2011/08/20(土) 01:59:15 ID:dp4C3B8M0
>>421
これはいいですね!是非テスト版の黒もお願いします。

428ジェーン使いの名無しさん:2011/08/20(土) 02:25:50 ID:P/t/2rCg0
Janetter2用テーマ「PaperStyle」更新です。
v2.1.0.0でツイートできない不具合に対応しました。

DL:http://bit.ly/rn3wS9
SS:http://yfrog.com/h7ktfztj

429ジェーン使いの名無しさん:2011/08/22(月) 02:00:23 ID:FEDfe/xQ0
Ver2.1.0.0でtweet.jsに更新があったのでシンプル改およびツイート欄固定テスト版 更新です。
あと偽V1シンプル黒をツイート欄固定にしてみました。
V1のようにツイート欄も黒くしてみたら漢字変換時のアンダーラインや範囲選択がまったくわからないので、ツイート欄は白いままです…
http://www1.axfc.net/uploader/Sc/so/267557.zip

430akkie2:2011/08/23(火) 11:40:34 ID:x1HJBr2w0
#Janetter2 テーマ:「白・黒 Emboss_05」 UPしました。
Ver 2.1.0.0 対応です。
・「しおり」を追加。
・「検索時にサムネイル画像表示できないt.co」対策入り。
・「受信タイムアウト値」を変更。5sec->30sec 
   -->「エラーが発生しました」後のTL欄真っ白 対策です。 
ダウンロード:  http://loda.jp/listed_aki/
画面スナップ: http://twitpic.com/6a793p

431ジェーン使いの名無しさん:2011/08/23(火) 20:47:27 ID:6ZYoMiRQ0
以前の@の続きを見る▼マークの色変更ってどこで出来ますか?

432akkie2:2011/08/23(火) 21:10:20 ID:x1HJBr2w0
>>431
会話の続きを読む▼なら
「インストールしたディレクトリ」\Theme\Common\images\main_sprite.png
の中に組み込まれています。
画像ソフトで▽部分を色付けしてください。

433ジェーン使いの名無しさん:2011/08/23(火) 22:24:51 ID:6ZYoMiRQ0
>>432
変更できました
ありがとうございます!

434ジェーン使いの名無しさん:2011/08/24(水) 23:03:18 ID:K10AKDIE0
#Janetter2 タグの方でも何回か公開してきましたが、そろそろ安定してきたのでこちらでも公開します。
Janetter2でスムーズスクロールを可能にするスクリプト「smoothscroll.js」です。
詳しくはreadme.txtをご覧ください。

DL: http://bit.ly/pmRkJs

435ジェーン使いの名無しさん:2011/08/25(木) 05:50:25 ID:EfwD/6X60
>>434
これはいいですねー。
標準で導入して欲しい機能です。

436花見:2011/08/26(金) 01:55:57 ID:zAsqYUG20
Janetter2 【背景変更前提テーマ】 黒改&ぶらっくぴんく2 8/15版
サンプル画像 黒改(背景変更後) ttp://img.ly/7wjj
       ぶらっくぴんく2 http://img.ly/7shZ 
        背景変更後    ttp://img.ly/7si0

DL http://www1.axfc.net/uploader/Sc/so/265782.zip

お好きな画像をサイズ合わせてお使い下さい。

437ジェーン使いの名無しさん:2011/08/26(金) 19:22:11 ID:r.yWa9cs0
Janetter2用スムーズスクロールJS(>>434)更新です。
処理の見直しで低スぺに優しくなったと思います。

DL: bit.ly/p6Rabg

438437:2011/08/26(金) 19:23:26 ID:r.yWa9cs0
おっとリンクになってなかった。

DL: http://bit.ly/p6Rabg

439ジェーン使いの名無しさん:2011/08/26(金) 23:51:32 ID:wWXA0Mrk0
>>429のシンプル改(ツイート欄固定テスト)0826版と偽V1シンプル黒(ツイート欄固定)の更新です。
・ツイート欄の入力状態に応じてツイート欄を伸縮するようにした。
・Nキー押下で新規ツイートになっていなかったのを修正した。
・TABキーでツイート欄を開閉できるようにした。
・ツイート欄の開閉状態をJanetter終了後も保持するようにした。

DL: http://j.mp/pzlh4n

なお、シンプル改(ツイート欄がV2のもの)については>>429に同梱の20110822版が最新版です。

440ジェーン使いの名無しさん:2011/08/27(土) 10:06:17 ID:QvoTVXPg0
V2のアクティブタブを他のタブより広くするように出来ました。
式が冗長なのでどなたかきれいに書き直してくださるとありがたいです(^_^;)

Theme\Common\js\janet\ui.js を弄ります。

485行目あたり
if(i >= leftIdx && i < leftIdx+dispcount){
tab.addClass('active');
tab.width(Math.floor((tabsbarWidth / tabs.length)) + Math.floor((tabsbarWidth - (Math.floor((tabsbarWidth / tabs.length)) - 2 ) * tabs.length) / dispcount) - 2 + 'px'); // この行を追加
if(i == leftIdx){
timeline.addClass('timeline-first');
}

511行目〜513行目をコメントアウトする。
//if(i == tabs.length-1){
// tab.width((tabsbarWidth - tab.outerWidth()*i) + 'px');
//}

以上

441ジェーン使いの名無しさん:2011/08/27(土) 12:23:36 ID:ADQzDE1g0
背景画像を敷き詰めではなく1枚絵に変えたいのですが、一番上のjanetterと書かれた部分から全体の枠、TL上部のアカウント名が書かれたバー、ツイート欄の後ろ、一番下のTL切り替えタブ、各ツイートの吹き出しを透過させるにはどうしたらいいでしょうか?
今blueを使っているのでそこからいじっていこうとしているんですが、設定から背景を変えただけでは全体の枠にもともとの画像が残ってしまってうまくいきません
また、できればTL上部のバーは立体感をなくしてできるだけjanetter1の時に近付けたいです。あの存在感がとてもやぼったいので…
もし方法があればお教えいただけるとありがたいです

442ジェーン使いの名無しさん:2011/08/28(日) 20:50:10 ID:CiPgsSyE0
>>441
ヒント
Janetter2\Theme\Items\Blue\css\blue.css
Janetter2\Theme\Items\Blue\template\tweet.css
で、
それぞれの部分の要素のCSSを変更することになります。
その要素の
background-image: で背景イメージを、
opacity: で透過の具合を指定。

443akkie-2:2011/08/28(日) 21:00:20 ID:CiPgsSyE0
例えば、
TL上部のバーは立体感をなくしたいなら、
.timeline-title{
background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(149,203,255)),color-stop(0.2,rgb(132,184,255)),color-stop(0.8,rgb(113,173,255)),to(rgb(100,150,240)));
background-color: rgb(149,203,255);
border: 1px solid rgb(149,203,255);
border-left-width: 0;
height: 22px;
}
で、
background-imageを削除し、緑色の平坦にしたいなら、
background-color: Green;
透過半分
opacity: 0.5;
のような感じです。

444ジェーン使いの名無しさん:2011/08/28(日) 21:21:59 ID:XRyC4MLg0
>>441
>一番上のjanetterと書かれた部分から全体の枠
theme.iniで指定します。
title_active_image = images\bk.png
title_inactive_image = images\bk.png

title_active_imageはJanetterアクティブ時、title_inactive_imageはJanetter非アクティブ時の画像です。

445akkie-2:2011/08/29(月) 07:01:32 ID:ApLxYcE60
>>441
上のを訂正。
透過でopacityを使うより、
background-color: rgba( 0, 128, 0, 0.5);
とした方がいいかもです。
opacityの場合、要素の全部の透過なので文字なども透過されます。

446ジェーン使いの名無しさん:2011/08/30(火) 02:46:38 ID:czQ53ht20
Janetter2のフェード効果をぬるぬる化するスクリプト「smoothfading.js」作ってみました。
ツイート欄を開く時や「ツイート取得中…」を表示する時のアニメーションが重いのが気になる方は使ってみてください。

DL: http://bit.ly/nvXykN

447ジェーン使いの名無しさん:2011/08/30(火) 06:15:42 ID:cpktqRCA0
>>446
めちゃくちゃ軽くなった…。

448ジェーン使いの名無しさん:2011/08/30(火) 13:04:14 ID:FSM3lD5I0
>>446
いいですね。
公式に採用させてもらってもいいですか?

8行目に
if(!this || (this.length==0)) return this;

Theme\Common\js\plugins\ フォルダに

449開発チーム★:2011/08/30(火) 13:08:11 ID:???0
>>448
誤爆してしまいした。。 448です。

8行目に
if(!this || (this.length==0)) return this;
を追加して

Theme\Common\js\plugins\ フォルダに 「smoothfading.js」を置くとすべてのテーマで使えます。

公式に採用させてもらってもいいですか?

450ジェーン使いの名無しさん:2011/08/30(火) 17:58:38 ID:92LddLRI0
>>446

(・ω・`)乙  これは乙じゃなくてポニーテールなんだからね!

451446:2011/08/30(火) 19:22:54 ID:czQ53ht20
>>448,449
公式で採用して頂けるのですか?ありがとうございます。どうぞご使用ください。

ただ、ご存じだとは思いますがjQueryの動作を勝手に書き換えてるので、jQueryとまったく同様の動作をするとは限らない点に注意して頂ければと思います。
バグの温床にならないことを祈ります…。

452ジェーン使いの名無しさん:2011/09/01(木) 03:04:56 ID:NCnVc/xk0
Janetter2用スムーズスクロールスクリプト更新です。
スムーズスクロールの適用範囲を全テーマのメインウィンドウ・プロファイルウィンドウ・設定ウィンドウに拡大しました。

今バージョンから使用方法が変更されているので注意してください。詳しくはreadmeを参照。

DL: http://bit.ly/p0g1Jg

453ジェーン使いの名無しさん:2011/09/01(木) 17:53:18 ID:xdZfcppM0
鳥も付けないで短縮URLはやめたほうが

454ジェーン使いの名無しさん:2011/09/06(火) 02:12:21 ID:QZH1P9KM0
だまらっしゃい

455ジェーン使いの名無しさん:2011/09/06(火) 04:37:52 ID:8AZjDAoc0
>>452
スムーズスクロール かなり重宝させて頂いております。

456ジェーン使いの名無しさん:2011/09/06(火) 13:06:37 ID:hjUClBMU0
>>454
ぷっ(笑)^^。 ナイスショッ!

457ジェーン使いの名無しさん:2011/09/08(木) 13:49:10 ID:RcqEuYvo0
つかマジなんで短縮URLなん?
怖いんでやめてほしいわ。

458みやけ@開発チーム★:2011/09/08(木) 14:54:11 ID:???0
janet.include.js を読み込んで無いテーマでは Ver2.2.0.0 で詳細検索が使えないみたいですね。

jsをカスタムする場合は
Theme/Common/js/janet.include.js を読み込んだあとに 別のjsファイルで関数上書きしてると
Update してもテーマに手を加えなくてもいいことが多いです。

まぁカスタム具合によってはカスタムテーマ作者さんの対応が必要になることがあるんですけど、
なるべくそのままで使えるようにしたいんで、テーマ作者さんはご協力お願いします。


あと、今回ユーザースタイルシート機能を追加しましたが、
これのjs版ってのが前からあって、
「Theme/Common/js/plugins」フォルダに置いたjsファイルはすべてのテーマで読み込むようになってます。

例えば 440 さんの変更だったら pluginsフォルダにcustom.jsとか作って

(function($, jn){
 if(jn && jn.setDispTimeline){
  jn.setDispTimeline = function(option){
   //ここは省略
  }
 }
})(jQuery, janet);

って書いとけば、元のjsを弄らなくてもいいんじゃないかな。

ってことで、なるべく関数上書きでの変更をお願いします。

>>446 さん
Ver2.2.0.0 で公式採用させていただきました。
ありがとうございます。

459ジェーン使いの名無しさん:2011/09/08(木) 16:23:41 ID:LM5/yEpw0
>>457
お前必死すぎだな

460446:2011/09/08(木) 17:17:38 ID:6ZK2ipo20
Janetter v2.2.0.0より「smoothfading.js」はJanetterに含まれています。
個別テーマに入れている方はテーマフォルダから削除し、index.htmから該当する記述を削除してください(不具合防止のため。多分問題にはならないと思いますが念のため)。

>>457
自分の場合
・Twitterでpostしたのをそのままコピペしている
・bit.lyの統計情報でどれくらいDLされてるか見たい
・ここ2chじゃないし別にいいんじゃね
てのが主な理由です(特に2番目が大きい)。怖いなら次から直のURL貼るようにしますが…。

>>458
ありがとうございました。

461ジェーン使いの名無しさん:2011/09/08(木) 18:29:41 ID:cMLMiUVQ0
短縮使うならせめてトリップ付けてくれ

462ジェーン使いの名無しさん:2011/09/08(木) 21:49:53 ID:mLgyimXY0
恐いなら開かなければ良い

463 ◆dIcJy0qHD.:2011/09/08(木) 23:52:34 ID:6ZK2ipo20
Janetter2用テーマ「PaperStyle」更新です。
v2.2.0.0での変更に対応しました。

SS: yfrog.com/h7ktfztj
DL: bit.ly/oNrbA3

>>461
じゃこれで。

464二合:2011/09/09(金) 01:27:13 ID:TSNQwKdc0
>>436の更新です
【背景変更前提テーマ】
黒/解 ぶらっくぴんく ぶらっくぴんく2の3種類 9/8版

サンブル画像はぶらっくぴんく2 
画像変更する前 http://img.ly/8bQF
画像変更後 ttp://img.ly/7wjk
お好きな画像をサイズ合わせて使って下さい。
うp先→ http://www1.axfc.net/uploader/Sc/so/272761.zip

465463 ◆dIcJy0qHD.:2011/09/09(金) 01:44:50 ID:sXBbfsE.0
ああまたリンク化してない。

SS: http://yfrog.com/h7ktfztj
DL: http://bit.ly/oNrbA3

466ジェーン使いの名無しさん:2011/09/09(金) 12:10:41 ID:EgUu.FA60
東方厨か

467ジェーン使いの名無しさん:2011/09/09(金) 13:46:18 ID:z9ZvCfk.0
Yahoo!検索じゃなくてGoogle検索をつけてください

468ジェーン使いの名無しさん:2011/09/09(金) 18:44:41 ID:XEP41RtM0
>>467
その機能のために何円までなら支払いたいかい?

469ジェーン使いの名無しさん:2011/09/09(金) 18:58:59 ID:l/VYIoEY0
ただで出来るけどな
自分でやれないならJaneの広告料のためにYahooで我慢しとけ

470ジェーン使いの名無しさん:2011/09/09(金) 21:33:43 ID:z9ZvCfk.0
>>469
どこ弄れば変えられるんだ?

471ジェーン使いの名無しさん:2011/09/09(金) 21:40:24 ID:oxMAbqP20
>>470
まずはググれ




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