ブックマーク / akiueo.hatenablog.com (2)

  • はてなブログの「続きを読む」表示をCSSでカスタマイズする - AIUEO Lab2

    はてなブログはトップページのカスタマイズが今のところできません。 カスタマイズできたら記事一覧と同じ様な表示にしたい。いつか実装して欲しい機能です。 とにかく今は一覧表示ができないので、「続きを読む」機能を使っています。記事を途中で折り込んで、続きを読みたいと思ったら記事を展開してもらう機能です。 これを使うことで、複数の記事が比較的見やすく並ぶことになり、トップページを見に来てくれた人にとって関心の記事があるかどうかを探しやすくなります。 ただ、この機能をデフォルトのまま使うと下のような表示に。 ちょっと分かりづらいですよね。この先に記事が隠れていることに気づかれないかもしれません。そこで、CSSだけでちょっぴりカスタマイズしてみました。 スポンサーリンク カスタマイズ後はこんな感じ 参考にしたのは下のサイト。単純にカーソルを合わせると色がうっすら変わるものを選びました。 CSSのみで実

    はてなブログの「続きを読む」表示をCSSでカスタマイズする - AIUEO Lab2
    SIRUHA
    SIRUHA 2015/04/03
    参考になります。ありがとうございます。
  • はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2

    はてなブログにはPC表示用にもスマホ表示用にも、グローバルナビゲーションが純正では用意されていません。 スマホにもグローバルナビを設置したいなーという人は多いのでしょうか?昨日、吉ユータヌキさんからこんなツイートをもらいました。 @aiueolab ひ!非常に嬉しいです!!全然関係ないんですが、スマホ用ヘッダーのカテゴリーボタンの配置方法記事お願いします!!あれすごく良いです!!!— 吉ユータヌキ (@gonnakill_uta) 2014, 9月 18 私は恥ずかしながら、かなりテキトーにカテゴリを並べていただけですが、ユータヌキさんからリクエストをいただいたので、書いてみることにしました。 はてなブログはスマホでもヘッダーにJavaScript書けるんでしたっけ?調べるのちょっと面倒だったので、今回は使わずに設置してみます。 用例画像は、吉ユータヌキさんのブログ「タヌキ部屋」より

    はてなブログのスマホ表示にグローバルナビゲーションを設置する - AIUEO Lab2
  • 1