にちじょうみだれがき

役立ち情報から雑記まで幅広いジャンルを展開するブログ。

CSS

【はてなブログ】蛍光ペンでチェックしたような下線をCSSで表現する

CSS

蛍光ペンでチェックしたような下線標準のアンダーライン「u」要素を弄ろうとしたけど上手くいかなかった。 視点を変えて「strong」要素をCSSで弄ったら表現できました。設定→詳細設定→headに要素を追加に以下のコードをコピペで蛍光ペンでチェックしたような…

【CSS】要素の非表示はどっちを使う?display:noneとvisibility:hiddenの違い

CSS

CSSの要素非表示にする主な手法として、display:none;とvisibility:hidden;があると思いますが、この2つの違いを知らずに使用していたので、調べてまとめました。僕はdisplay:none;を頻繁に使用しており、visibility:hidden;をあまり使ったことがありません…

【はてなブログ】文章の背景色をCSSで指定する方法

CSS

文章の背景色をCSSで指定する方法を紹介します。例えば... ここの文章の背景色を緑ここの文章の背景色を灰色こんな感じで、文章の背景を指定することができるようになります。 背景色指定の方法 以下のコードを「デザイン」→「カスタマイズ」→「デザインCSS…

サイドバーのモジュールタイトルをCSSで装飾する方法

サイドバーのモジュールタイトルが、あまりにもシンプルで寂しい。 そんな時はCSSを使って装飾だ!!装飾といっても、大見出し用に設定しているCSSを流用しただけですが...流用も大事と自分に言い聞かせる。いつかは自分で好き勝手CSSデザインできる技術を身…

記事タイトルの文字サイズをCSSで大きくしてみた

デフォルトの記事タイトルだと、どうもしっくりこない。 あーだこーだ考えた結果、記事タイトルの文字サイズをCSSで変更することにしました。デフォルトの記事タイトル 文字サイズを変更した記事タイトル 文字サイズを大きくすることで、タイトルが非常に見…

はてなブログの文字サイズを変更してオシャレなブログを目指そう

先日「はてなブログの文字フォントを変更してオシャレなブログを目指そう - にちじょうみだれがき」というブログを投稿しました。今回はその続きで、ブログ本文の文字サイズを変更してオシャレを目指す方法を紹介します。 ブログ本文の文字サイズを変更する…

はてなブログの文字フォントを変更してオシャレなブログを目指そう

他ブログとの差別化をするためにはオリジナリティが必要。でも高度な技術はないから困った!って方におすすめのブログカスタマイズを発見したので、紹介します。 参考にさせていただたのはこちらの記事 はてなブログのフォントの種類を変えました - IT系女子…

【はてなブログ】記事中に挿入した画像の拡大機能を一括で解除する方法

おはようございます@chihayuu_です。 今日は久しぶり?にブログカスタマイズ記事です。カスタマイズって言っていいのか不安になる内容ですが。さっそく書いていきます。行ったカスタマイズは、タイトルにも書いた通り、画像の拡大機能を解除しました。やみく…

【Google AdSense】ラベルと広告ユニット間の隙間を修正して無くす方法

はてなブログで記事中にアドセンスを配置してみると「スポンサーリンク(ラベル)」と広告本体の間に隙間ができていることに気付きました。この隙間が気になるので以下のコードで修正して無くしました。HTMLやCSSは初心者なので、間違っていることや非効率的…

CSSでデザインした見出しをはてなブログに追加してみた

最近ブログカスタマイズがマイブームの@chihayuu_です。 今回は、CSSでデザインした見出しを追加してみました。デフォルトの見出しでも十分なのですが、弄ってる感を出したかったのでデザインして追加してみました。 今の所は、下記記載の2種類だけ追加して…

飽き性な僕がブログレイアウトを変更しました

当ブログもぼちぼちアクセス数が増えてきました。 もっともっとアクセスを伸ばしたいですが、アクセスお化けにならないように気をつけようと思う@chihayuu_です。ブログレイアウトは、書き手の顔と言ってもいいのではないでしょうか。 その顔を多くの人に見…

訪問済みページのリンク文字色を変更してみた

一度訪問したページのリンク文字色は変わります。 Googleの場合、未訪問のページは青色。訪問済みのページは紫っぽい色になります。リンク文字色が変化してしまうと、一目で訪問したか、してないかがわかってしまう。 利用者側からしたらわかりやすくていい…

使い時があるかわからないが、目次を本文の上に自動で表示できるようにしてみた

基本的に短い記事しか書かないので、必要ないと言えば必要ないかもしれないがなんとなくカッコイイので目次を自動表示できるようにしてみました。 参考記事 はてなブログで本文の上に自動で目次を表示する方法 - はてなブログ脱獄ブログ 参考記事の通りに設…