No タイトル ステータス 重要度 担当 完了予定日 更新日時 記事数
53 ユーザースクリプト：スピードダイアルの背景について 未着手 中 oshibana 2009-08-31 08:02 2009-09-18 12:42 50

違反を報告する

スピードダイアルで背景の設定ができるようになりました。
そこで、壁紙やいろいろなWEB素材を配布されておられる
NAKANOさん、(http://homepage2.nifty.com/~kmid/)
Lunascapeではスキンの作者で有名な方ですが、
連絡を私から取っておりまして、
気に入ったものがあれば、使ってもいいですよということで、
以下のところから利用できるようになりました。
スキンの素材や壁紙の素材(http://homepage2.nifty.com/asobi_f/kabeg/index.html)

NAKANOさんは、春ごろから体調を崩されておりまして、
現在、療養中とのことです、
それゆえ、あまり無理をお願いできませんが、
お気に入りのスキンや壁紙があれば、
それに合わせたデザインを考えてくれるそうです。

すでにいくつかデザインを作成頂いておりまして、
恐縮しておりますが、一度↑の素材をご覧になっていただいて、
お気に入りのデザインがあれば、
連絡頂ければと思います。
すみません、
空白を開け忘れてリンクがおかしなことに・・・
正しくは以下のとおり

NAKANOさんのホームページ: http://homepage2.nifty.com/~kmid/
壁紙の素材: http://homepage2.nifty.com/asobi_f/kabeg/index.html
ちと＠ゆうほーさん
NAKANOさんの壁紙が使えるようにしてくれて、ありがとうございます。
これから秋と言うことで、どんぐり？の壁紙が僕はいいと思いました。
http://homepage2.nifty.com/asobi_f/kabeg/donsita.png
　
NAKANOさんのスキンで僕が使っているのは、貝合わせ、つた、こども、柴犬です。
　
スピード☆彡ダイヤルは、こんな感じです。
http://www.katsakuri.sakura.ne.jp/src/up42650.png.html
こちらでは、はじめまして。
押し花とアイコンのNAKANOです。
ちと＠ゆうほー様、ご紹介いただいて有難うございます。
どうぞよろしくお願いいたします。
yagami_right様、はじめまして。
押し花とアイコンのNAKANOです。
色々と私のスキンを使ってくださって有難うございます。
どんぐりの壁紙で考えてみます。

ところで、宇宙の壁紙でテーブルが透けているように見えますが、テーブルやセル画像の透過度も指定できるのでしょうか。
初めてで質問してすみません。
> ところで、宇宙の壁紙でテーブルが透けているように見えますが、テーブルやセル画像の透過度も指定できるのでしょうか。
> 初めてで質問してすみません。
NAKANO様
すみません、
紹介しましたSpeedDialのjsとhtmlファイルが
一つ前のものだったかも知れません。
8月28日が最新版ですので、
↓のリンク先よりダウンロードできます
http://fixdap.com/p/aoscriptluna/28031/87107/

それぞれ上書きして頂ければ、
確認できると思います。
  • AO
  • 2009-08-31 10:59
AOです。
返信が遅くなって申し訳ありません。

せっかく背景画像が使えるので、なるべく背景を活かした表示に
出来ないものかと、実験的に表示を変えてみました。

ダイヤルを表示しているテーブルのセルを半透明にし、マウスカーソルを
乗せた時に、半透明が解除されるようにして見ました。
ただ、テーブルの背景にはその設定がしてありません。
TableBack.*　と言う画像ファイルがフォルダ内に存在しなければ、
テーブルの背景は表示されず、自然とページの背景が見える様になっています。

この仕様が正解と言うことではなく、叩き台として色んな意見を聞いて
見たいと思っています。

宜しく、お願いします。
ちと＠ゆうほー様
早速のお返事、ありがとうございます。
新しいファイルに置き換えたら半透明になりました。
AO様。
お返事有難うございます。
セルやテーブル画像にGIF画像は使えますか？
テーブルの上にあるセル画像が透過されると、切り取ったような画像が置けるかなと考えました。
  • AO
  • 2009-08-31 13:14
NAKANO様
お世話になります。

SpeedDialBack
TableBack
CellBack

この3種類の背景画像はGIFが使用可能です。



ただし、セルには、
style="background-color:#f0f0f0;"
と言うように、背景色を指定しています。

これは、CellBack.*と言うファイルがDATAフォルダ内に存在せず、
SpeedDialBackやTableBackに暗めの色を使っていると、セル内の文字
（黒）が見難くなってしまうので、この様にしています。
  • AO
  • 2009-08-31 13:55
ちなみに、

style="background-color:#f0f0f0;"

の指定は、SpeedDial_dummy.user.js　の280行目で指定しています。
この色指定を外せば（#f0f0f0の7文字を削除する）、CellBack.gif　に
透過処理をした場合、素直にSpeedDialBackやTableBack等の背景が
見えるようになるハズです。

この辺の設定や、フォントカラーをオプションで指定できた方が良いのか、
現在考え中です。
AO様
教えていただいて有難うございます。
背景が透過されるということで、今まで作った中から３つあげてみます。
http://homepage3.nifty.com/~floram/speed/speed.htm

GIFが使えるのですね。
手帳の表紙と、ノートにタグのついたものなどを考えていました。
yagami_rightさんが選んでくださったどんぐりの絵をアレンジしてみようかと思います。
また、できましたらアップしてみます。
AO様、ありがとうございます。
透過のはずし方もやってみます。
  • AO
  • 2009-08-31 15:26
NAKANO様

3つもあげて頂いて有難う御座います。

個人的には「地球儀」にしびれました。
大理石（？）のグラデーションが素敵です。
AO様
お返事遅くなりました。
壁紙を気に入ってくださって有難うございます。
よろしければお使いください。
http://homepage3.nifty.com/~floram/speed/tikyugibg.png
  • AO
  • 2009-09-01 09:19
NAKANO様

地球儀の画像を使わせてもらいます。有難う御座います。

ところで、背景画像の適用ですが、現在はスクリプトで適用させる
処理をしているのですが、前にも書いたように、フォントやセルの
背景色が制限されています。

そこで、画像ファイルと同じdataフォルダ内に外部cssファイルを
置く事で、スタイルシートによる指定ができるように修正中です。
（但し、cssファイルのファイル名はスクリプトで処理できるように
一定の規則が必要です）

構想としては、外部cssファイルが無ければ、現在と同じ動きをし、
外部cssファイルがあれば、そちらを適用すると言う方法を考えて
います。

外部cssファイルで指定する事で、背景画像とフォント等のバランス
を採りながらデザインを作る事が出来るのではないかと思っています。

また、外部cssファイル内で
body{
background-image:url(tikyugibg.png);
}
の様にすれば、画像ファイルの名前を任意にする事が出来ます。

外部cssが無い場合を考慮したのは、現在の仕様との互換と、
cssに馴染みの薄い人（私もその一人です）でも手軽に背景画像を
使えるようにしたいと言う事です。
文字の色が変えられるのはいいですね。
yagami_rightさんのおっしゃっていた秋の背景（落ち葉）に黒いセルを入れてみたら、背景は透けて色のバランスはよかったのですが、やはり文字がまったく見えませんでした。
私のスキンでよく使っていただいている蛍の背景に、障子のセルを入れてみましたが、枠の黒いところは文字が見えません。
文字が読めるように色が変えられるといろんな壁紙で楽しめそうですね。
http://homepage3.nifty.com/~floram/speed/speed.htm
に追加でいくつかあげてみました。

Lunascapeのスキンのように、スキンを選択したら画像と文字色が変更できたら便利だと思います。
いくつかいろんなイメージのを元から用意しておいて、ユーザーに選択するパターンとユーザー独自のデザインを楽しめるというのもいいですね。
  • AO
  • 2009-09-01 14:51
例えば、dataフォルダに

SpeedDialBack.png
TableBack.gif
CellBack.gif
hotaru_bg.png
hotaru_cell.gif
hotaru.css
ochiba_bg.png
ochiba_table.gif
ochiba_cell.gif
ochiba.css

と言うように「hotaru」のセット「ochiba」のセットが置かれていたら、
オプション画面のプラウダウンに表示された「hotaru」なり「ochiba」を
選択すると、選択されたセットで表示が変わる。
「default」を選択したら、従来通り決められたファイル名の背景画像が
表示される。（勿論、決められたファイルが無かったら表示なし）
と言う感じでしょうか。

イメージが違っていたら、お知らせください。
それは分かりやすいですね。
ユーザーはプルダウンからセット名を選択するだけで画像と文字色が変更されるのはいいですね。
セット画面のサンプル画像を表のように並べて表示して、ラジオボタンで選択というのもいいかもしれません。
しかし、プルダウンで統一された方が煩雑にならなくていいかもしれませんね。
http://homepage3.nifty.com/~floram/speed/speed.htm
９月１日のファイルに置き換えました。
飛躍的に柔軟にいろんな壁紙やデザインが楽しめるようになりました。
『落ち葉』で、文字のところが透過するのがおもしろいなと思いました。