ブログデザインに関するasiminoのブックマーク (3)

  • ブログデザインをフルカスタマイズ。ポイントや参考にした記事を紹介します。 - OMGmag

    ブログのデザインを変えました。 前回の記事から間が空いてしまったのですが、その間カスタマイズをやってました。おおむね満足のいくデザインになったので記事にします。 同時にこだわった点や参考にさせていただいたカスタマイズ例などを紹介します。ブログのデザイン変更をお考えの方の参考になりましたら幸いです。 ブログのデザインを変えました。 デザインする上でこだわった点 テーマカラーを決定する これは大見出しです(h3)白抜き文字にして目立つデザインにしています。 これは中見出し(h4)ツートンカラーで目を引きます。 最後に小見出し(h5)細いラインで「」カギ括弧状のデザイン。 目次はグラデーションに 引用のデザインも変更 シェアボタンも一手間加える 使用しているGoogleFont リンクを目立たせるパーツ 記事下の読者登録ボタン webデザイン素人でもここまでできました デザインする上でこだわった

    ブログデザインをフルカスタマイズ。ポイントや参考にした記事を紹介します。 - OMGmag
  • はてなブログに簡易メニューバーを追加 - maroom

    「どうも見づらいのう(´-ω-`)」ということで、またもやブログのデザインを変えました。 これで納得しているわけではないので、また変えるかもしれません。 javascript使えばもっと色々出来るんですが、あまり詳しくないし重たくなるので多用は避けたいところ。 htmlCSSだけの横並びメニューバー javascriptは避けることにして、htmlCSSだけで横並びの超簡易メニューバーを置いてみました。 ↓の赤枠部分です。 スクロール時の表示位置固定は、個人的に嫌いなのでしてません。 固定したい場合はCSS(position:fixed)で可能です(テスト済みです)。 html ダッシュボード>デザイン>カスタマイズ(道具アイコン)>ヘッダの「タイトル下」に以下のコードを追加 ※2015/11/20:コード訂正しました。 <div id="menubar"> <ul> <li><a h

    はてなブログに簡易メニューバーを追加 - maroom
  • 【はてなブログ】サイドバーの一番下にあるモジュールを固定する方法 - 明日こそ、定時

    こんばんわ。佐伯(@saeki_teizidash)です。 今日は、あるといろいろ捗るサイドバー固定のカスタマイズを紹介したいと思います。 サイドバー固定とは 上の画像の赤枠で囲われた部分(サイドバー)が下にスクロールしてもずっとついてくることを指します。 通常、サイドバー固定などをしていない場合、下にスクロールをしていると右側に空白が生まれてしまいます。 それはもったいない、もっと自分の記事やプロフィールを見て!!ということでサイドバー固定をする人が増えてきています。 ちなみに、サイドバー固定は便利な機能ですが広告を常時固定しておくのはアドセンス規約違反になってしまうので気を付けてくださいね。 広告を固定している人はなんらかの契約をしている場合があるので普通の人はできないようです。 詳しくは下の記事を参照。 なにわともあれ、サイドバー固定はとても便利なので活用していきましょう。 サイドバ

    【はてなブログ】サイドバーの一番下にあるモジュールを固定する方法 - 明日こそ、定時
    asimino
    asimino 2017/03/04
    すばらしい
  • 1