アイコンフォントでページ上部へ戻るリンクを作成。

前回、アイコンフォントでソーシャルバーを作成したのをきっかけに、

他に減らせる画像はないかと探し、

「ページ上へ戻るリンク」と「トップページに戻る」に使っていた画像をアイコンフォントにすることに。

というのも、ソーシャルバーがあまりにもクールに仕上がったもので、今までの画像がなんだか野暮な気がして。

バーに合わせてシックな感じにしてみました。

固定でページ右端に表示

 

前回のソーシャルバーの実装はこちら♪

CSS

ちょっと、角丸にしてみましたよ。

おまけ

小さい画面のタブレットでは、邪魔だし、不要なので非表示にしています。

 

HTML

「このページの下へ」はコピーライトへリンクさせた苦肉の策( ̄w ̄) ぷっ

まとめ

アイコンフォントでページの重さを解消!ソーシャルバー作成 同様、「class=lsf」がアイコンフォントを使うというおまじないです。

今後も、このリガチャ(合字)を使う時は、「class=lsf」を付与すればOKです。

次回、パンくずに使ってみようかなーっと。
前回ソーシャルバーを設置してみた記事はこちら♪


adminbar(管理バー)を上から下へ移動したときの詳細はこちら↓

参考

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA