くまお、遊ぶ。

いい歳こいたおっさんの遊び。

くまお、遊ぶ。

ブログカスタマイズ

【まとめ】ブログカスタマイズ:Brooklynデザイン風のタブ選択表示切り替え部品をサイドバーに設置する方法

サイドバーにいろいろ追加して行くと縦にどんどん長くなるので見栄えが悪くなる。 これを改善したく、独自追加したHTMLをタブ選択で表示を切り替えられるようにカスタマイズをしたので、忘れないよう書き残しておきます。 3TABと2TABの2パターンそれぞれに、…

ブログカスタマイズ:サイドバーのHTMLでBrooklynデザインに近い記事リンクを無理やり作る

サイドバーにTAB切り替えの仕組みを付けてオススメ記事とMy Tweetの2つのTABを切り替えられるようにしたが、オススメ記事リンクがBrooklynデザインと微妙に合っていないので合わせようとしてみた。 現時点でまだ苦戦しており、CSSで書いた内容がブログ記事内…

ブログカスタマイズ:サイドバー に配置したTAB切り替えのデザインをBrooklynに合わせて統一感を出す

2020/7/12(日) 変更・内容の移転: 当記事は新しい記事にまとめ直し、本文内容を削除いたしました。 以下のリンク先を参照ください。 kumao130z.hatenablog.com スラスラわかるHTML&CSSのきほん 第2版

ブログカスタマイズ:サイドバーにTAB切り替えの部品を追加する

2020/7/12(日) 変更・内容の移転: 当記事は新しい記事にまとめ直し、本文内容を削除いたしました。 以下のリンク先を参照ください。 kumao130z.hatenablog.com スラスラわかるHTML&CSSのきほん 第2版

ブログカスタマイズ:目次の見た目を変える

今日は目次の見た目の変え方を調べて試行錯誤し、当ブログに適用してみたので忘れないように書き残しておきます。 やったこと 目次の見た目を変えるにはデザインCSSに変更用のコードを書けば良い 適用したコード デザインCSSにコードを埋め込む 出典・参考 C…

ブログカスタマイズ:レスポンシブなテーマでブラウザ幅を判定してタイトル画像を使い分ける

はてなブログのテーマをレスポンシブ対応なBrooklynに変えたついでに表示するブラウザの幅を判定して表示する画像を使い分ける仕組みを入れたので、忘れないようにブログに書き残しておきます。 タイトル画像を使い分けたいと思った理由は、スマホからの見栄…