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


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , , | 閲覧数:167 | Leave a comment

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

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

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

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

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

固定でページ右端に表示

 

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

CSS

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

おまけ

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

 

HTML

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

まとめ

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

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

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


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

参考

もし、気に入っていただけたらシェアしていただけると嬉しいです♪ この記事へのリンクはこちら↓コピーしてHTML編集画面に貼り付けでお使いください。

ブログの更新情報はこちらで配信中~
Feedlyで購読
follow us in feedly
更新をメールでお知らせ 配信: FeedBurner

sponsored


公開日:   〇年前のこの日、何してた?
Categories: Works | Tags: , , , | 閲覧数:167 | Leave a comment

著者 ねこもりや

どうぶつ占いは「コアラ」。ボーっとする時間が常に必要。”猫になりたい”とひたすら願う怠けもの。

My Photos

Leave a Reply

Required fields are marked *


CAPTCHA