Verdana

本ページにはプロモーションが含まれます。 はてなブログの目次と見出しのカスタムをご紹介します。 コードはご自由にコピペしていただき構いません。 色合いはご自由に変えていただく前提で無彩色で作っています。 カスタムした目次と見出し 推奨設定 目次のコード 見出しのコード カスタムした目次と見出し 目次（PCで表示） 目次の上にピンのアイコンとタイトルを付けました。 見出し（PCで表示） 中見出しと小見出しの頭にチェックマークを入れました。 これらのアイコンははてなブログが提供しているアイコンフォントなので、フォントのダウンロードをしないで使えます。 推奨設定 デザインテーマ：Smooth(デフォ…

紗衣です😋❣️おはようございます🌞 更新が遅くなっちゃって💦 たぶん“マイコプラズマ”だったんだと思ってます🤔 体調は回復したのですが、休んでいた間の“しわ寄せ”に時間を使っちゃってる最近です😓 さて本編。 コメント欄を覗くと、「リフタン過保護」という反応が目立っていたように思います。 私からすれば、物語とマクシーの成長を描く上で大事な“壁”になってるんだと思うのですが、みなさん、印象よくないようですね(*´-`)… 私からすると今後物語がどう展開していくのか、面白くて気になってしまうところです☺️ リフタンは自分が強すぎるから… 唯一の弱点ともいうべき「大切なマクシー」が心配で仕方ないんだと…

本ページにはプロモーションが含まれます。 はてなブログ記事リストのカスタムをご紹介します。 関連記事・注目記事・最新記事を一気に同じ形式にカスタマイズできます。 使えそうであればご自由にコピペしていただき構いません。 カスタムしたサイドバー記事リスト 引用元 デザイン設定 記事リストのコード カスタムしたサイドバー記事リスト 写真をテーマにカスタムしました。 スマホで表示した時、狭い画面幅の中でサムネイルと文字が横並びになると文字が読みづらいので横並びにならないようにしています。 記事ごとの区切り線は消しました。 スマホ表示 サイドバー PC表示 サイドバー PC表示 記事末尾（記事末尾モジュ…

🛑まずは「フォントが表示されない」問題の原因を特定しよう 1. フォントがインストールされていない 2. 他のデバイスとの互換性の問題 3. WindowsとMac間の互換性問題 ✅【解決策1】フォントを埋め込んで問題を解決する💡 📌埋め込み手順： ✅【解決策2】共有する際にフォントファイルも一緒に送る📤 📌フォントファイルの共有方法： ✅【解決策3】シェイプ（図形）や画像に変換してしまう🎨 📌テキストをシェイプに変換する方法： 📌テキストを画像に変換する方法： ✅【解決策4】一般的なフォントを使用する🖋️ まとめ：フォント問題を解決してスムーズなプレゼンを🎉 こんにちは！長谷川です！今回は*…

目的・やりたいこと 前回、[技術検証]AWS Nitro Enclavesで独自デーモンACMを適用できるか（Apache） ではApacheでWebを起動させていたため、今回はNginxで同様の検証にチャレンジします。 対象となる技術 AWS Nitro Enclaves AWS Certificate Manager Nginx 参考URL ACM で発行した証明書を EC2 (Amazon Linux 2023 + Nginx) で利用する - NRIネットコムBlog Nitro Enclaves application: AWS Certificate Manager for Nit…

本ページにはプロモーションが含まれます。 はてなブログをカスタムするためのCSSをご紹介します。 使えそうであればご自由にコピペしていただき構いません。 今回は、「記事一覧」のカスタムをご紹介します。 カスタムした「記事一覧」 引用元 デザイン設定 記事一覧のコード カスタムした「記事一覧」 タブレット縦画面 タブレット横画面 スマホ表示 Photo by hokori / yu_dai 写真が映えるようにサムネイルを3/2の比率にして写真風の白い枠線を付けてみました。 スマホ表示ではfloat:leftを使って概要文がサムネイルの下に来るようにしています。 引用元 なすみのメモ帳 はてなブロ…

本ページにはプロモーションが含まれます。 はてなブログのCSSコードをご紹介します。 使えそうであればご自由にコピペしていただき構いません。 今回は、ヘッダー画像の下をぼかす方法などをご紹介します。 ヘッダー完成例 引用元 デザインの設定 ヘッダー画像の下をぼかす＆記事の枠線を消す 【デザインCSS】に貼るコード CSS解説 タイトルと説明を左上にする＆字体を変える 【デザインCSS】に貼るコード CSS解説 ヘッダー完成例 スマホ表示 タブレット縦画面 タブレット横画面 Photo by hokori / yu_dai 引用元 ↓こちらのサイトで勉強させていただきました。 Black Eve…

本ページにはプロモーションが含まれます。 自分用のバックアップも兼ねて、当ブログのHTML/CSSコードをご紹介します。 はてなブログのヘッダーに表示される「ブログのひとこと説明」をヘッダー上に表示されるようにした他、ヘッダー下の間延びした空間を無くしました。 また、フッターのカスタマイズも載せておきます。 ご自由にコピペして使っていただいて構いません。 はてなブログ無料版ではヘッダーとフッターのカスタムは禁止されています。 →はてなブログProにする 当ブログのヘッダー 当ブログのフッター 引用元 デザインテーマ・設定など ヘッダーのコード(説明のみ表示させる場合) ヘッダーのコード(タイト…

本ページにはプロモーションが含まれます。 はてなブログの「箇条書き」「番号付きリスト」を魔改造して簡単に囲み枠(ボックスデザイン)が出てくるようにしました。 使えそうであればご自由にコピペしていただき構いません。 当ブログの箇条書きと番号付きリスト 引用元 デザインテーマ・設定 箇条書きのコード 番号付きリストのコード 当ブログの箇条書きと番号付きリスト これは当ブログの箇条書きです。 箇条書き機能ををほとんど使っていなかったので、箇条書きボタンを押したら簡単に背景色が付くようにしてみました。 HTMLを一切いじる必要なく出せるので便利です。 これは当ブログの番号付きリストです。 こっちも使っ…

本ページにはプロモーションが含まれます。 当ブログのHTML/CSSコードをご紹介します。 今回ははてなブログの「引用」をカスタマイズしました。 ご自由にコピペしていただき構いません。 当ブログの引用 引用元 デザインテーマ・設定 コード 当ブログの引用 ある程度は引用って分かるように目立たせたいけど、でもすっきり見せたい・・・そんな感じを両立させました。 少なくともデフォルトデザインよりはだいぶ目立ってるはず。 引用元：引用元は手動で文字を小さくして入れています。 背景色は目に優しく彩度を落としています。 スマホでそのまま表示できるよう、なるべく文章欄の横幅を長くしました。 引用元 こちらの…

本ページにはプロモーションが含まれます。 もしもアフィリエイトの「かんたんリンク」をカスタマイズしました。 ご自由にコピペしていただき構いません。 当ブログの「かんたんリンク」 引用元 デザインテーマ・設定 「かんたんリンク」のコード カスタムボタンがある場合 当ブログの「かんたんリンク」 タブレット表示 スマホ表示 メーカーと型番は消してゴチャゴチャをすっきりさせました。 枠線もありません。枠線を無くした分、本文との間に適度に余白を作り商品名には色を付けて本文との違いを分かりやすくしています。 ボタンに丸みを持たせてさらにスッキリした印象に。※掲載コードは適宜微修正しているため、画像と完全に…