基本的な記述 背景色の指定 前景色(文字色)の指定 左右どちらかに寄せて表示

まえがき CSS テーマストアへの投稿 追加要素 メニューバー コピーライト 変更箇所 タイトル コンテナのレイアウト コードレイアウト Before After Before After 参考ページ まえがき ブログを始めた当初から使用しているこちらのテーマ。 blog.hatena.ne.jp…

コードタグ<pre>と<code>のレイアウトを変更しました。 背景カラーはもう少し輝度を上げるか悩んでいます。 今後、シンタックスハイライトも実装して行きます。 .entry-content pre, .entry-content code { font-family: 'Monaco', 'Consolas', 'Courier New', Courier,</code></pre>…

メインコンテンツとも言うんですかね。 案外シンプルに記述が出来るんだなぁと思いました。 これくらいシンプルな方が個人的には好みですね。 .entry-inner { background-color: #fff; padding: 50px; }

タイトルのレイアウトを変更しました。 まだまだ、質素な感じがするので、迫力のあるタイトルにしたいです。 text-align: center;は良く使うので覚えてしまいましたね。 #title a { color: #333; font-size: 2rem; } #blog-title { margin: 3em 0; text-alig…

フッターにHTMLで<div>要素を記述し、CSSで位置決めしました。 特にアイデアがなく、ただ配置しただけなので、今後のデザイン変更でオリジナル性を持たせたいと思います。 <div id="copyright">© 2018-2020 Neefreet</div> #copyright { text-align: center; }</div>

はてなブログのヘッダー部分に<ul>要素を記述してCSSで調整しました。 位置決めが乱雑になっているので、今後修正して行きます。 SVGデータを使用してオリジナルな要素を増やしたり、ページ毎の移動を上手く促せる仕様にもして行きます。 <ul><li><a href="略">ホーム</a></li><li><a href="略">About</a></li><li><a href="略">プライバシ</a></li></ul></ul>…