スポンサーリンク
kovaio さん
-
nice! 470
記事 390
テーマ パソコン・インターネット
プロフィール
ブログを紹介する ブログを紹介するログインすると自身のブログで本ブログを紹介できます
デジモノ大好き google 検索。
Categories
Topics
[30.APR.2008]
[W51CA その12 アデリーペンギン]の閲覧数が4000PVを超えました!アクセスしてくださったみなさん、お持ち帰りいただいたみなさんありがとうございました!^^
[23.APR.2008]
[W51CA その9 ブラウザ]の閲覧数が1000PVを超えました!アクセスしてくださったみなさんありがとうございました!
[10.APR.2008]
[W61S Cyber-shotケータイのウワサ5]の閲覧数が2000PVを超えました!アクセスしてくださったみなさんありがとうございました!
[28.JAN.2008]
[W61S Cyber-shotケータイのウワサ5]の閲覧数が7日間で1000PVを超えました!デジモノ大好き史上最速です!^^アクセスしてくださったみなさんありがとうございました!
[24.MAR.2007]
[オリジナルスキン その2]の閲覧数が4000PVを超えました!アクセスしてくださったみなさんありがとうございました!記事を紹介してくださったsknysさんありがとうございました!
[09.NOV.2007]
[デジモノ大好き]の閲覧数が100,000PV超えました!アクセスしてくださったみなさん、ありがとうございました!
[09.NOV.2007]
[W51CA その12 アデリーペンギン]の閲覧数が3000PVを超えました!アクセスしてくださったみなさん、お持ち帰りいただいたみなさんありがとうございました!
[14.SEP.2007]
[W51CA その11 動画]の閲覧数が1000PVを超えました!アクセスしてくださったみなさん、ありがとうございました!
[11.SEP.2007]
[W51CA その3]の閲覧数が4000PVを超えました!アクセスしてくださったみなさんありがとうございました!^^
[23.APR.2007]
[W51CA その8]の閲覧数が1000PVを超えました!アクセスしてくださったみなさん、ありがとうございました!
[22.MAR.2007]
[デジモノ大好き]が1周年を迎えることが出来ました。みなさんありがとうございました!^^
[W51CA その12 アデリーペンギン]の閲覧数が4000PVを超えました!アクセスしてくださったみなさん、お持ち帰りいただいたみなさんありがとうございました!^^
[23.APR.2008]
[W51CA その9 ブラウザ]の閲覧数が1000PVを超えました!アクセスしてくださったみなさんありがとうございました!
[10.APR.2008]
[W61S Cyber-shotケータイのウワサ5]の閲覧数が2000PVを超えました!アクセスしてくださったみなさんありがとうございました!
[28.JAN.2008]
[W61S Cyber-shotケータイのウワサ5]の閲覧数が7日間で1000PVを超えました!デジモノ大好き史上最速です!^^アクセスしてくださったみなさんありがとうございました!
[24.MAR.2007]
[オリジナルスキン その2]の閲覧数が4000PVを超えました!アクセスしてくださったみなさんありがとうございました!記事を紹介してくださったsknysさんありがとうございました!
[09.NOV.2007]
[デジモノ大好き]の閲覧数が100,000PV超えました!アクセスしてくださったみなさん、ありがとうございました!
[09.NOV.2007]
[W51CA その12 アデリーペンギン]の閲覧数が3000PVを超えました!アクセスしてくださったみなさん、お持ち帰りいただいたみなさんありがとうございました!
[14.SEP.2007]
[W51CA その11 動画]の閲覧数が1000PVを超えました!アクセスしてくださったみなさん、ありがとうございました!
[11.SEP.2007]
[W51CA その3]の閲覧数が4000PVを超えました!アクセスしてくださったみなさんありがとうございました!^^
[23.APR.2007]
[W51CA その8]の閲覧数が1000PVを超えました!アクセスしてくださったみなさん、ありがとうございました!
[22.MAR.2007]
[デジモノ大好き]が1周年を迎えることが出来ました。みなさんありがとうございました!^^
最新記事一覧
このブログの更新情報が届きます
すでにブログをお持ちの方は[こちら]読んでいるブログ(RSS)
- Engadget is a web magazine with obsessive daily coverage of everything new in gadgets and consumer electronics 03/28NEW
- s k n y s - s y n k s 03/26
- ゆめたまBLOG 04/03
- kovaio / クラスチェンジ 05/01
- soundrabbitの無駄話 04/17
- ドッグラン・ドッグカフェ情報 10/16
- 100SHIKI 08/31
- 明日は明日の風が吹く 05/11
- しゃくれアゴに幸あれ 04/28
- 親ばか。モモばか。雑貨ばか。 11/29
kovaio さんがコメントした記事
- vaio純正アプリインストール
- オリジナルスキン [skin sw..
- 子猫にも出来るSSL対応
- iPhone6 購入からのぉトラブ..
- あけましておめでとうございます^^..
- 自作PC達
- また出戻りです。^^;
- micro-SIMアダプタ
- 出さぬなら、作ってみよう、iPho..
- iPhone4 ホワイトモデル
kovaio さんがnice!と思った記事
Calendar
Monthly Archives
QRコード
Tag Cloud
AMD Apple arc ATI au black blog book BootCamp BRAVIA CyberShot docomo Download DS E3 EVA EVANGELION Flash GAME HDMI iPad iPhone iphone6 Jailbreak Mac mini microsd Microsoft mobile MobileMe Nintendo PS3 PSP ranking RODY SHARP SONY Sony Ericsson Sports Resort TIFFANY TV Twitter UCC VAIO W61S wii Windows7 キヤノン デジタル一眼カメラ 修理 購入
kovaioさん、こんばんは。
2008年冬の新色「ピンク・スキン」に変えたくなっちゃった^^
「SkinSwitcher」はデザインを変更するよりも、
スキン・カラーを変える方がスッキリしますね。
Appleサイト→iPod nano→Featuresの右上にあるカラーボタン●を
「SkinSwitcher」に流用出来ないでしょうか^^;
2セット画像の下の●は縦位置をズラして指定しているのかな?
by sknys (2008-01-26 19:43)
sknysさんこんにちはっ。^^
サンプル作ってみました。
右メニューの一番下にあります。
通常のマウスオーバー+スキンチェンジャーでやってみました。
いかがでしょ?
by kovaio (2008-01-28 10:47)
kovaioさんとは違う方法ですが、
縦位置をズラすCSS技でカスタマイズしてみました^^
a:hover{background-p osition:0px 17px}
サイドに入れると画像(ボタン)が欠けてしまうので、
{padding:0px 7px 5px 0px}で調整しています。
IEでも正しく表示されているでしょうか。
Appleの「SkinSwitcher」ボタンは一体どういう仕組みなのかな?
a:hoverと同じように、a:linkで縦位置を指定出来ると簡単なんですが。
by sknys (2008-01-28 20:46)
sknysさん こんにちはっ^^
appleと同じ方法ですね。
動作確認してみました。
kovaioの環境は、winXP ie6.0.2 FireFox2.0.0
こんな感じに見えます。
http://www002.upp.so-net.ne.jp/b_chboy2/blog/imgs/ie_ff.jpg
上の赤バージョンが、ie。下の緑バージョンがFireFox。
ちょっと左に寄っちゃってます。
paddingで修正可能かな。
とappleのSkinSwitcherはCSSを切り替えてる訳ではなく、読み込む画像を変えてるのではないかと。
詳しく見てないんですけど、
colorpicker.js
features.js
ここらがその働きをしてるのんではないかなぁ~なんて。^^;
by kovaio (2008-01-28 22:06)
kovaioさん、FirefoxとIEの動作確認ありがとう。
同じFirefoxでもMacとWinでは見え方が違うんですね。
Mac OS X(10.1.5)+ Firefox(1.0.7)ではバッチリなんですが。
iPodのカラーボタン風にカスタマイズ出来ました^^
この方がhover指定していないので、CSSもシンプルです。
後は画像が正しく表示されればなぁ。
スタイルシートの本には「ボタンサイズの透過GIF画像を配置しておく」
と書いてあります。
「透過GIF画像」が良く分からない^^;
by sknys (2008-02-01 19:38)
sknysさん こんばんはっ。^^
「透過GIF画像」は、透明gifのことです。
テーブル組むときにスペーサーの役割でよく使われます。
テーブルが崩れるのを防いだりしてくれます。
kovaioもたまに使ったりします。
最近のでは
「W61S Cyber-shotケータイ その3 ・・・」の
「自動レンズカバー」の右側に透明gifを入れてます。
こんな回答でよかったかしら?^^;
by kovaio (2008-02-01 20:22)
「透過GIF画像」についての説明ありがとうございます。
絶対に必要というものじゃないのね。
いずれにしても字数制限で、画像を5つも貼れませんが^^;
a:link{background-po siton:0px 17px}はno-repeatにすると、
何故か画像が表示されないんですよ。
repeat-yにして横並びの画像が表示されないように工夫しました。
Win環境でも正しく表示されているかしら?^^
by sknys (2008-02-02 14:00)
sknysさん こんばんはっ。^^
「Choose a color:」はie、FireFox共に見えるようになりました。
さすがです。
比較キャプチャーアップしました。
http://www002.upp.so-net.ne.jp/b_chboy2/blog/imgs/ie_ff2.jpg
上の青がfirefox
したの赤がie
ボールに破線が入っていますが、その中がリンクエリアです。
もうちょいスペース取れれば、完璧かと。^^;
by kovaio (2008-02-04 21:44)
paddingを弄るのは止めて、ちょっと複雑ですが正攻法で修正しました。
a要素をblockレヴェルに変換して、floatで回り込ませる方法です。
ボタン1個分のサイズを指定すればpaddingに頼る必要はないかと。
a{display:block; float:left; width:17px; height:17px; margin-right:1px}
でも、どうしてIEだとリンクエリアが限定されちゃうのかな?
‥‥やっぱり、おバカさんなのでしょうか^^
by sknys (2008-02-05 23:00)
sknysさん こんにちはっ。^^
いやー、さすがですね。
こういう微調整を確認せずにできちゃうところがさすがです。^^
比較キャプチャーアップしました。
http://www002.upp.so-net.ne.jp/b_chboy2/blog/imgs/ie_ff3.jpg
上の緑がie。下の赤がFireFox。
ieの方はカラーボールの下にアクティブのグレー枠が出ちゃってます。
sknysさんの設定で間違ってないんで、ieがおバカなのかも。^^;
win-ieのシェア率は75%くらいはあるのと思うので対応ですのであれば、
height:16px;
で設定してみるのもありかと。。。^^;
by kovaio (2008-02-08 15:50)