【webデザイン】コピペするだけ！押した事が感覚的に分かるエフェクト付き「続きを読む」ボタン - えむしとえむふじんがあらわれた
こんにちは、えむしです。 テーマを変更したことで「続きを読む」のボタンがうまく表示されなくなったので 思い切ってカスタマイズしてみる事にしました。 完成図と参考にしたサイト コード テーマを変更した理由 完成図と参考にしたサイト 挙動はこんな感じです。 うちのサイトのボタンを録画したので下のコードを貼り付けた時の色味とは別です。 下のコードではグレーに仕上がっています。 ボタンを押した時に、ちゃんと押した感じのするボタンにしたくてこちらを参考にして作りました。 参考にしたのはここのmoema tympanus.net コード きちんとcssを勉強するしたわけではないので、もしかしたら必要のない指定をしているかもしていません。 テーマによっては上手く動作しないかもしれないのでご容赦を。 貼り付ける場所はこちら。 cssの欄に以下のコードを貼り付けてください。 /* 続きを読むボタンカスタマイ
コピペするだけ！トップに戻るボタンの設置方法 - えむしとえむふじんがあらわれた
こんにちは、えむしです。 今回はページトップに戻るボタンを設置する方法をご紹介します。 素人なもので、何か間違いなど有りましたらコメント欄にてご指摘お願いします…。 nohack-nolife.hatenablog.com こちらを参考にさせていただきました。 以下はカスタマイズの記事まとめです。 http://blog.mshimfujin.net/archive/category/web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3blog.mshimfujin.net 完成図 まずはfontawesomeを呼び出します。 フッタのhtml記述エリアにコピー 最後はデザインCSS 追記 完成図 カーソルが重なる前 カーソルが重なった後 ちょっと大きい画像になってますが、こんなボタンが右下に設置されます。 まずはfontawesomeを呼び出します。 まずはfo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
