デザインCSS

1からWEBページを作りたい。ブログ記事をちょこっと直したい。そのためのHTMLやCSS、どうやって勉強すればいいんだろう？そんなあなたにおすすめの本をご紹介！ ↓紹介するのはこちら↓ 1冊ですべて身につくHTML ＆ CSSとWebデザイン入門講座［第2版］ var today = new Date(); var day = today.getDate(); if( day == 5 || day == 10 || day == 15 || day == 20 || day == 25 || day == 30 ){ document.write('★5と0のつく日は楽天P4倍');} 楽天…

いきさつ はてなブログでは選択したテーマでブログが表示されますが、それをカスタマイズするためにCSSを書くことができます。 ※デザインCSSの説明を参照 これが当初上手くいかなかったのでいろいろ調べましたが、いろいろな都合で正解が変化することがある様子なので、調査方法をメモすることにしました。 ＃EdgeやChromeが世の中の主流かもしれませんが、ここは私が普段使っているfirefoxで書いていきます。 前回書いた はてなブログの備忘録 - hs20230321のブログ の、 ＞※デフォルトの行間が広すぎるので設定した。 ＞※検索したwebで見つけた記述「.entry-content p {…

このブログを書くにあたって設定変更したことをメモする。 デザインCSS（NEW） ※デフォルトの行間が広すぎるので設定した。 ※検索したwebで見つけた記述「.entry-content p {」ではうまくいかず、さらに探した結果「.entry .entry-content p {」とした。 ※h1～h6要素のマージンも気に入らなかったのでカスタマイズした。(2023-3-26追記) ※pre要素のマージンも気に入らなかったのでカスタマイズした。(2023-4-2追記) /* p要素の行間を狭める */ .entry .entry-content p { margin: 3px 0; } /*…

デザインCSSのTipsです。テーマのインストールはこちらから。 blog.hatena.ne.jp 「ブログ名」「ひとこと説明」の横に、プロフィールアイコンを表示した様子 次のコードを、デザインCSSに追記してください。 #blog-title { position: relative; padding-left: 78px; text-align: left; } #blog-description { margin: 2px 0 0; } #blog-title-content #title a::before { position: absolute; overflow: hidden…

はじめに 今回は無料はてなブログでできる、目次のカスタマイズ方法についてご紹介します。 WordPressと比較するとどうしても出てしまう「無料ブログ感」が、一気に解消されるおすすめのカスタマイズですので、ぜひ取り入れてみてください。

はじめに 今回は、無料はてなブログでも見映えがよくなる蛍光マーカー風下線のカスタマイズを初心者の方向けに、丁寧にご紹介します。 簡単なのにワードプレス のようなオシャレな雰囲気になるおすすめのカスタマイズですので、ぜひ取り入れてみてください。

ブログのデザインを公式テーマ「Smooth」に変えました 公式非公式でいろんなテーマをとっかえひっかえしてみましたが結局公式のデフォルトテーマがいちばんしっくり来るね はてなブログのテーマはなぜかどれも横幅狭い いろんなテーマを試してみたんですが一つ共通する不満点がありました それはブログの横幅がどれも狭いことそのまま使うとどんなに横幅広げても本文は狭いまま コードも読みづらい どのテーマでも横幅が共通してるということはWebデザインのセオリーとかそういうのがあるんだと思うんだけど、自分としてはコードのサンプルとか書くからなるべく横幅は大きいほうがうれしい、というわけで横幅広げるカスタマイズを…