ブックマーク / georges.hatenablog.jp (2)

  • 【保存版】簡単コピペの"続きを読む"ボタンデザイン集【はてなブログカスタムVol.11】 - 急がば 急いでまわれ!

    オーソドックスなものから奇抜なものまで全部で11個作りました。僕のカスタム記事の一番最初が『続きを読む』のカスタムだったのですが、もっと読みやすくて分かりやすいものを書いてみました。 はじめに はてなブロガーの方へ はてなブロガーではない方へ 色変更について 角丸四角形について ボタンサイズについて 四角形+角丸四角形のボタン ノーマルタイプ 押すと線になるタイプ 線が点線になる 立体タイプ(へこむ) 立体タイプ(でっぱる) 横に大回転 バイブレーション(ぶるぶる) いろんな形 線が伸びる 丸が巨大化 丸が回転 最後にもういっちょ オートマチックグラデーションスペシャルサンダー まとめ 他にも沢山書いてます! はじめに すべてCSSのみで作ってあるので簡単に導入することができます。 IE(Internet Explorer)を使っている方は、もしかしたら上手く動かないボタンがあるかもしれま

    【保存版】簡単コピペの"続きを読む"ボタンデザイン集【はてなブログカスタムVol.11】 - 急がば 急いでまわれ!
  • 誰でもコピペで簡単に吹き出しで会話形式のブログが書けるCSS - 急がば 急いでまわれ!

    2017.5月更新 こんにちは!いつの間にか14回目のカスタム記事!今回はブログでよく見かける『会話形式』の記事を簡単に実現させるCSSを作りました!ぜひご覧あれ! 知らなきゃ損!いつでもAmazonで90%オフの商品を探す方法! はじめに 完成系 まずはCSSをコピペしよう! ブログでの使い方 簡単解説(飛ばして良し!) まとめ 【追記】この記事のCSSをもとにさらに手を加えてくれた素敵な記事があるので紹介します!ありがたい。 こんな記事も書いてるよん。 はじめに 参考記事としてこちらの記事を参考にいたしました。 akiueo (id:akiueos)さんのCSSも素晴らしいデザインですが、レスポンシブに未対応というのと、会話のアイコン画像が正方形の画像を使用しないと丸く表示されないので、この2点を改良して今回制作しました。 上記の記事内に「どなたか改良版をお願いします。」と書かれている

    誰でもコピペで簡単に吹き出しで会話形式のブログが書けるCSS - 急がば 急いでまわれ!
  • 1