AnalogForecastを改造してみた

ロック画面にAnalogForecast、ホーム画面の１ページ目にLockinfoで使ってましたが、やっぱりLockinfoはロック画面に出てないと意味が無いコトに改めて気がついたり…ヽ(@_@;)ノ

AnalogForecastの設定ファイルらしいモノを覗いてみると、時計/天気ウィジェットの位置を動かせそうな気がしたので、いろいろ試行錯誤しながらいぢってみました。

んで、空けたスペースにLockinfoを表示っと(*｀･ω･)！





ウィジェットを上に移動するために書き換えるトコロは３箇所。

//Library/Themes/analogForecast____publishedの中にあるLockBackground.htmlとstyle.cssの以下の部分を赤字の数値に書き換えます。

■LockBackground.html
＜img src='clock_hud.png' height="163" width="303" style="position: absolute; top: 28px; left: 17px; z-index:-1;"＞
＜iframe frameborder=0 src="WeatherWidget/WeatherWidget.html" style="position: absolute; left:180px; top:66px;" type="text/html" height="90" width="140" ＞＜/iframe＞

■style.css
.CoolClock {top: -50px;

どの部位も数値を小さくすれば上に、大きくすれば下にウィジェットを移動できる模様。


やっぱりロック解除せずにメールや予定を確認できるのがLockinfoの利点ですよね(*・ω・)b

でも、コレだとやっぱり壁紙をおとなしめにしないと文字が読みにくいですねヽ(@_@;)ノ


※追記(2011/11/18)
↑のけいおん！壁紙を貼っときます～

コメント 6

はじめまして！

この記事、読ませていただきました♪
とても参考になります[ほし]

もしよろしければ、このけいおん！の壁紙だけ貼ってもらえないでしょうか？

by reodeo3 (2011-11-18 19:55) 

>reodeo3さん
いらっしゃいませ（ぺこ）
記事の最後に貼っておきましたのでお持ち帰りどうぞ～
by flanca (2011-11-18 23:02) 

アナログ時計の中を透過する方法教えてください！！
by dekoboko (2013-03-26 10:09) 

>dekobokoさん
いらっしゃいませ（ぺこ）
設定項目に透過のオプションは無いので、直接画像を編集します。
時計ウィジェットの画像はclock_hud.pngです。
画像編集ソフトで開いて、透過したい円を選択して切り取り、新しいレイヤーに貼り付け、そのレイヤーの透過率を好みの濃さに調整し、同名で保存して置き換えてください。
σ(・ω・*)は画像編集にPaint.netを使っています。
Paint.netについてはコチラを参考にしてみてください↓
ttp://flanca.blog.so-net.ne.jp/2010-12-03
by flanca (2013-03-26 19:48) 

試行錯誤繰り返したところなんとか上手く透過することができました！！
画像編集のほうも分かりやすくて、参考になりました！

あろがとうございます！

あとひとつ．．．
時間と日付の表示の仕方を教えてもらってもいいですか？

何度もすいません
by dekoboko (2013-03-27 09:46) 

>dekobokoさん
画像編集おつかれさまです(*｀・ω・)ゝ
ウィジェットの下の時刻と日付は、Lockinfo4(有料)のClockプラグインです。
Lockinfo4を入れてもデフォルトでは入っていないので、Plugin設定のGet More PluginsからClock(Native)を選んでインストールできます。
Lockinfo4を使わないのであれば、Lockscreen Clock Hideなどでステータスバーに時刻と日付を表示する方法もアリです。
by flanca (2013-03-27 10:20)