Simple Life Navi

ミニマルな日常の気づき、楽しい体験などを掲載

- トップもご覧ください - 検索サイトでは「シンプルライフナビ」と検索ください -

Site Map

Blog

Mobile

Useful

☕ New Articles ☕️️

HTML&CSS

コピペ可のHTMLやCSSに関する記事です

上下スクロールに合わせたナビゲーション・バー(メニュー)の自動表示・出し分け|はてなブログ

画面のスクロールの上下に連動する、ナビゲーションメニュー(ナビゲーションバー)を表示、自動消去する方法。コピペOKです。画面を広く使えます。

はてなブログ|アンダーライン(下線)の蛍光ペン風カスタマイズ|簡単コピペ

はてなブログで蛍光マーカー風(蛍光ペン)のアンダーラインや下線を使う方法を解説。初心者もコピペすれば使える簡単CSSコード、便利ですよ。

はてなブログ|プロフィール欄のPROの表示を消す(デザインを変更)|コピペ用CSS

はてなブログの「PRO」の表示がダサいので消したい場合や色やデザインを変更したい時の対応方法を解説。コピペOKのCSSコードを追記すれば簡単に非表示にできる。戻すのも簡単です。

グローバルメニュー(ナビゲーション)が上部に来たら固定する方法|jQuery利用、コピペOK

はてなブログのグローバルメニュー(グローバルナビゲーション)を、jQueryで画面上部に固定する方法です。HTMLとCSSのコードをコピペするだけで使えます。

はてなブログ|グローバルメニュー(ナビゲーション)のCSS|スマホ対応、コピペOK

はてなブログにグローバルナビ(グローバルメニュー)を簡単に設定するデザインCSSとHTMLを公開。コピペもできるのでカスタマイズして利用してください。

はてなブログの記事や一覧表示の日付をCSSで非表示にする方法(公開日・作成日を消す)

ブログ記事に表示される日付(投稿日付)を非表示にして隠す方法です。CSSにコピペして追記するだけで利用でき、日付表示をコントロールできます。ブログ初心者にオススメ。

スマホ下部固定メニューのCSS|ボトムナビゲーションの設置方法|はてなブログで回遊率を上げる

スマホ画面に下部固定メニューのナビゲーション、ボトムメニューを設置してブログのPVやアクセスを高める方法。CSSとHTMLをコピペしてフッターに設定すればOK。はてなブログ初心者にオススメのカスタマイズ!

はてなブログ|読者人数を消して非表示にする方法と「読者になる」ボタンの設定

はてなブログの読者の人数を非表示にして、隠す方法です。読者になるボタンの設置方法をカスタマイズすることができます。はてなブログ初心者向けです。

ブログにグーグルマップを埋め込み、案内地図や行き方を表示する方法を解説

ブログにグーグルマップを入れて地図を表示する方法です。案内図や移動方法をブログに載せると特定場所への行き方をイメージしやすくなるので便利です。

ブログデザイン|アイコンを表示してサイドバーをおしゃれに!CSSコピペOK

はてなブログのサイドバーのタイトルに、ブログの見た目のイメージが良くなるアイコンフォントを設定する方法です。色も指定できますので、ブログカスタマイズをしたい方はお試しください。