Top

アイコン

スライドメニュー「Sidr」にアイコンを追加　（レスポンシブ）

2015年2月28日

Categories | ホームページ

スライドメニュー「Sidr」の最終カスタマイズ。

closeにだけですが、アイコンを追加しました。

28 01 400x258 スライドメニュー「Sidr」にアイコンを追加　（レスポンシブ）

スライドメニューを開いた時、どのボタンで閉じるか戸惑いそうなので、

アイコン追加して目立たせた。どっかのサイトから貰っていたアイコンをSidr用に加工。

必要ならばコピペして使って下さい。

close スライドメニュー「Sidr」にアイコンを追加　（レスポンシブ）

 

参考まで（CSS）

 

1
2
3
4
5
6
7
8
9
10
.sidr-class-close a {
    background:url(../images/close.png) no-repeat;
    background-position:11px 15px;
 
}
 
.sidr-class-close a:hover {
    background: #00ffff url(../images/close.png) no-repeat;
    background-position:11px 16px;
}

 

以上

※ 最後の最後になりましたが、スマホ（アンドロイド）で検証してみたら、

いけてないことに気付きました。

スライドメニューを表示させ閉じるボタンをすると、画面サイズが固定され、

縦で使っていたスマホを横にしてみると、縦のサイズが依存されてしまう。

再読み込みすると元に戻るけど、これってブラウザによって違いがあるみたいだ。

Comment(0) | Trackback(0)

TAGS: / / / / / | 2015年2月28日 |

facebookとYouTubeのアイコンを変更

2013年9月17日

Categories | YouTube facebook

Facebookだとプロフィール写真、YouTubeだとチャンネルアイコンを変更しました。

同じもので統一し、たかがこんな写真でも半日掛けてしまいました。

時間掛かった訳は、ご丁寧にPC表示とスマホ表示を見比べながら、微調整しつつ

やったもんで、拘った割には自分的にイマイチ（笑）

いい加減飽きてきたので、ここらへんでしまいにしました。

profile facebookとYouTubeのアイコンを変更

ちなみに候補はこんなものもあったんです。

profile 2013 facebookとYouTubeのアイコンを変更これは小さくアイコン化されると汚くなってしまいボツ。

気に入ってたんですけどね・・・

参考までですが、アイコン等小さな画像は保存形式がjpgやgifだと質が落ちるので

pngがオススメですよ。

しまい

Comment(0) | Trackback(1)

TAGS: / / / / | 2013年9月17日 |