デザインCSS

素人だけど、頑張ってブログをカスタマイズしてみてます。コードは書けません。 色んな方のコードをひっぱってきて、ちょこっと色とかサイズを直してるだけなので完全オリジナルではありません。 テーマは公式のReachを使用しています。 教えて有識者！ HTMLカラーコード www.colordic.org このサイトの和色が特に好きです。 配色大全もおすすめです。 #bed3ca 千草鼠（ちぐさねず） ↑見出しとグローバルナビケーションはこの色を使ってます。 ブログトップを記事一覧にする これはコード貼るだけだから比較的簡単。 斜体を犠牲にして、マーカーを引けるようにする これをやるやつです。 何故か…

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; } /*…

こんにちは。 ついに当ブログのトップ絵を更新しました！ 更新したいって言い出してから一体どれだけ経過したのか過去の記事を見てみたらどうやら3月中旬頃に言い始めたようですね。 ブログ開設当時から画力があまり変わってないし背景も描けないままだしってことで「もうちょっと上手くなってから…」みたいな気持ちがあって本気度があまり高くなかったのが正直なところです。 でもタイトルロゴも頼んで作ってもらっちゃったし、この機会を逃したらまた延ばし延ばしになっちゃうだろうと思ってちゃんとやりました(自分なりに)。 できた絵はトップに表示されているとおりですが全身絵はコチラです↓ 全身を描いたので全部入れたかったの…

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

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