子狐にも貼れるサイド・バナー：s k n y s

	ブログをはじめるログイン

子狐にも貼れるサイド・バナー　[s k i n] [編集]

世界中で人気上昇中のWebブラウザ「Firefox（ファイアーフォックス）」を紹介する、フォクすけのFirefox情報局へようこそ！「Web ブラウザって何？難しいソフトなの？」　そんな心配はいりませんよ！だって、みんな気がつかないうちにすでに「Web ブラウザ」のお世話になってるんですから。実はあなたがインターネットでこのページを見るのに使っているソフト、それが「Webブラウザ」なんです。「えっ、もうインターネットのページを見られてるってことは、今のソフトを使っていればいいんじゃないの？」そんなことを言ってたら損しちゃいますよ！ Firefoxを使えばインターネットが今よりずっと快適に、もっと楽しくなっちゃうんです。世界中の数億人の人たちが日常的に利用している、ワンランク上のインターネットをあなたも体験してみませんか？
フォクすけのFirefox情報局「Firefoxって何？」

サイドバー下段のバナー３種（Firefox、Apple Store、So-net Blog）が古くなったので貼り替えることにした。フォクすけ（Foxkeh）は「Firefoxのプロモーション活動をサポートしてくれる」日本発のマスコット・キャラ。地球を抱いている火狐（Firefox）のアイコンは後ろを向いて顔が見えないけれど、子ギツネのフォクすけは可愛らしく、尻尾も炎になっている。「フォクすけのFirefox情報局」は2011年1月から更新されていないし、「無料ダウンロード」のリンクも切れている。「フォクすけ版Firefox ダウンロードバナー」の画像も消えてしまった（フォクすけの「画像素材」と「パーツ画像」は残っているので、今でも自由に使える）。ネット上でも新しいバナーが見つからなかったので、そのまま旧ヴァージョンを使い続けることにした。バナー画像に外枠をつけるにはボーダー（border）で、枠線の種類・太さ・色を一括指定。サイド・バナーのスケールは「120×40px」に統一しました。

<a href="http://foxkeh.jp/" target="_blank"><img class="foxkeh" src="/_images/blog/_fc3/sknys/Foxkeh-Banner-014.png" width="120" alt="フォクすけ情報局メンテ中" title="フォクすけのFirefox情報局" border="0" /></a>
<p class="auto"></p>

<style>
.foxkeh{border:solid 1px #df731b; padding:1px; border-radius:5px}
</style>

　　　　　　　　　　　　　　　　　　　　＊

アップルストア（Apple Store）は数年前に公式サイト（Apple）と統合されたので、今は存在しない。サイトのメニューバーから任意のプロダクト（商品）を選択すると、画面の右上に「購入」（Buy）ボタン（青色白抜き文字）が表示されて、旧アップルストアへシームレスに移行する仕様になった。もちろん、アップルストアは実店舗として東京・銀座や表参道などに存在するけれど、ネット上のアップルストアは影が薄い。OSXやアプリをダウンロードするアップストア（App Store）の方が主流になりつつある。サイド・バナーは「Apple」よりもデザイン上、座りが良い「Apple Store」を敢えて使った。リンク先はApple（日本）である。バナー画像は背景透過タイプ（.png）を使用した。黒いアップル・アイコンと黒文字を白抜きに変え、「SKNYNX RSS REGISTER」と同じように「SKIN SWITCHER」と連動して、背景色が赤・黒・緑・青・紫に５色変化するようにした。

^{choose a color} 　　　　　

<a href="https://store.apple.com/jp" target="_blank"><img class="apples" src="/_images/blog/_fc3/sknys/Apple-Store-Banner-Trans.png" width="120"/></a>
<p class="auto"></p>

<style>
.apples{border:1px solid #339900; padding:0px 1px; margin:2px 0px 4px; background-color:#339900; border-radius:5px}
</style>

　← 旧アップルストアのバナー画像は拡大するとボケちゃう

　　　　　　　　　　　　　　　　　　　　＊

ピッチフォーク（Pitchfork）やギズモード（GIZMODO）など、スタイリッシュなサイトでは特大サイズのアイコンが使われている。たとえばグーグル（Google）の検索ボックスにある青い虫眼鏡の画像は実物のルーペよりも大きいのだ。ネット環境が向上して大きな画像をアップしても負荷が少なくなったこと、ディスプレイの解像度が増して高画質になったことなどが理由に挙げられるが、未だに小さな画像のままなサイトも少なくない。So-net ブログのヘッダ左に表示されている「So-net」のロゴも小さな画像（.gif）で、そのままでは見分けがつかないけれど、拡大すると画像が劣化してしまう。サイドバーの最下段に表示される「POWERED BY So-net ブログ」のバナーも小さくて、原寸大でも見難い。「アップルストア」のバナーと同じく、少し大きな画像に貼り替えた。「POWERED BY」という表示入りの画像が見つからなかったので、テーブル（table）を使って文字を組み合わせました。

P O W E R E D B Y

<table class="powered"><tbody><tr><td>P O W E R E D B Y<br><a href="https://blog.so-net.ne.jp/" target="_blank"><img src="/_images/blog/_fc3/sknys/So-net-Blog-Banner.png" width="120"></a></td></tr></tbody></table>

<style>
#powered{display:none} /* デフォルトのバナー画像を非表示にする */
.powered{color:#444444; font-size:70%; text-align:center; border:solid 1px #0096db; width:120px; height:40px; margin-bottom:5px; background-color:#ffffff; white-space:nowrap; border-spacing:0; border-radius:5px}
</style>

　← 旧ソネブロのバナー画像は拡大するとボケちゃいます

　← 新ソネブロのバナー画像も拡大するとボケちゃいます

　　　　　　　　　　　　　　　　　　　　＊

「Apple Store」と「So-net ブログ」のバナーを貼り替えた次いでに、日頃から愛飲している紅茶ブランド・ジャンナッツ（Janat）のバナーをサイドバーに追加することにした。ブログ用のバナーが用意されているわけではないので、公式ツイッターの画像（アイコン）を切り抜いて使う。「フォクすけ」や「Apple Store」のバナーとサイズを合わせるために、パディング（padding）で横幅を左右を伸ばす。ブランド・シンボルの２匹のネコちゃん、飼い猫サム（Sam）とボウ（Beau）のシルエットが小さくて見難いけれど、拡大すればネコだと見分けられるはず。電信や電話などの通信手段がなかった19世紀後半のフランス・プロヴァンス地方。主人（ジャンナッツ・ドレス）の帰る日を予知して、実家のドアの前で待っていたという真実のエピソード‥‥140年以上前の健気なネコたちの表情や情景が目に浮かぶ。馥郁たる温かい紅茶のように胸に沁み入る。

　MEW

<a href="http://www.janat.co.jp/" target="_blank"><img class="janat" src="/_images/blog/_fc3/sknys/Janat-Banner-Paris-1872.png" width="70"/></a><p class="auto"></p>

<style>
.janat{border:solid 1px #000000; padding:0px 27px 0px 28px; margin:0px 0px 3px 0px; background-color:#f7b53c; border-radius:5px}
</style>

　　　　　　　　　　　　　　　　　　　　＊

子猫シリーズの番外編「フォクすけにも貼れるサイドバー・バナー」です＾＾;

拙ブログ（スニンクス）ではアフィリエイトの類いを一切行なっていません

「Apple Special Event」にラナ・デル・レイ（Lana Del Rey）が登場にゃん

　　　　　　　　　　　　　　　　　　　　＊

　 original skin 1.2 / 2.2 / 3.2 / 4.1 / skin switcher / renewal repair / header helper 1.1 / 2.1 / petit customize for kittens 1.3 / 2.0 / free customize 1.2 / new profile customize 1.2 / 2.0 / farewell trackback 0 / amazon affiliate costomize / google site search costomize / ssl (http→https) repair / kitten gets round with blog / side bar banner / sknynx / 807

フォクすけのFirefox情報局

名前：フォクすけ（Foxkeh）
出身 : 地球（ちたま）
年齢 : 人間で言えば幼稚園くらい
性格 : 人懐っこく、好奇心旺盛
好きなこと、好きなもの : 広い所、みんなと仲良くなること、自由に遊ぶこと
将来の夢 : 立派なWebブラウザになること

Apple Special Event

Place: Brooklyn Academy of Music（NYC）
Date: 2018/10/30
Presenter: Tim Cook / Laura Legros / Tom Boger / Angela Ahrendts / John Ternus / Shaan Pruden
Guest: Lana Del Rey
Products：iPad Pro / MacBook Air / Mac mini