ブログカスタマイズ

2026/04/18 00:36 サイドバーにタブメニューを設置する際の僕の覚書。ローカルソースのバックアップとして。 タブメニュー(HTML) <span class="tab active">A</span> <span class="tab">B</span> <span class="tab">C</span> <span class="tab">D</span> <span class="tab">E</span> jQuery <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js…

第4回まで、文字の装飾や見出しのデザインなど、CSSのさまざまなテクニックを学んできました。いよいよ今回がCSS編の最終回です！ テーマは、今の時代に避けては通れない「レスポンシブデザイン（スマホ対応）」。パソコンで見ると綺麗なのに、スマホで見るとデザインが崩れている…そんな悩みを解決する魔法のコードを覚えましょう。

当ブログおよびメインブログでは、はてなブログやWordPress（Cocoonテーマ）のデフォルトデザインにカスタムCSSやスクリプトを追加し、見やすく親しみやすい表示になるよう調整しています。 今回は、実際に使用しているCSSやスクリプトについて、実装している処理の内容を備忘録としてまとめました。 ブログにCSSやスクリプトを新たに追加したら、この記事にも随時反映させます。 （※他のブログやサイトで紹介されていたコードを参考にしたものも含まれます。その出典についても併記しています。）

前回の連載で、HTMLの基本からiframeタグの使い方までマスターしましたね！いよいよ今回からは、ブログの「見た目」を劇的に変える魔法、CSS（カスケーディング・スタイル・シート）の世界へ飛び込みましょう。 【目次】Tomaのゲーム日記：HTML基礎講座シリーズはこちら 「HTMLはなんとなくわかったけど、どうやってデザインを変えるの？」という初心者の方に向けて、はてなブログでの具体的な書き方と基本ルールを解説します。

こんにちは、Tomaです。 HTML基礎講座も今回で4回目。これまでに基本タグや画像表示をマスターしてきましたね。今回は、ゲームのステータス比較や機材のスペック紹介に欠かせない「表組み（テーブルタグ）」を深掘りします。 「難しそう」と敬遠されがちなタグですが、構造さえ理解してしまえば、情報の整理がぐっと楽になりますよ。 【目次】Tomaのゲーム日記：HTML基礎講座シリーズ

こんにちは、Tomaです。 前回はHTMLの歴史や基本の4大タグについてお話ししましたが、いかがでしたでしょうか？少しずつHTMLを触り始めると、「もっとこんな風に表示したいな」という欲が出てくるものですよね。 前回の内容をおさらいしたい方は、まずこちらの記事をチェックしてみてください。 知識量に自信がなくても大丈夫。僕がブログの微修正で使っている「HTMLの4大タグ」まとめ 今回はその続編として、知っているだけでブログの「見やすさ」と「プロっぽさ」が格段に上がる、一歩進んだ5つのタグをご紹介します。 ゲームの攻略データやアップデート情報の整理に役立つものばかりですので、ぜひ活用してみてくださ…