カスタマイズCSS

このタグでブログを書く

言葉の解説

ネットで話題

カスタマイズCSS

このタグの解説について

この解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。

こもごも語り•6ヶ月前

ブログページカスタマイズに挑戦！

HTML/CSSカスタマイズに挑戦！グローバルメニューの作成サイドバーのカスタマイズ記事内「読者になる」リンクのボタン化おわりに HTML/CSSカスタマイズに挑戦！はてなブログのデザイン設定を見ていると、各パーツにHTML記述箇所を発見！先輩たちのカスタマイズ例から、自分なりに作ってみることにした。グローバルメニューの作成まずは一番最初に目に入るヘッダーから。サイドバーが縦に長くなるのを避けるため、「最新記事」・「カテゴリー」・プロフィール内の「このブログについて・読者になるボタン」を移動させてみた。フッターにも同じものを適用。フッターはもう少し多めに情報を表示しても良い…

#カスタマイズCSS#HTML#はてなブログカスタマイズ#カスタマイズ

関連ブログ

Digiledge（デジレッジ）•8ヶ月前

はてなブログのCSSカスタマイズ完全ガイド：初心者から上級者まで

「はてなブログ、もっと自分らしくしたいんだけどな…」そう思ったこと、一度はありませんか？デフォルトのテーマもシンプルで好きなんだけど、使っているうちに「もうちょっとだけ色を変えたいな」とか「記事の幅、なんだか読みにくくないかな？」なんて、小さなモヤモヤが溜まっていく。これって、ブログを続けている人なら結構"あるある"なんじゃないかなって思います。でも大丈夫。CSSっていう魔法の呪文を使えば、あなたのブログは驚くほど変わります。これ、大げさじゃなくて、本当に。CSSを知るだけで、ブログが「ただの日記」から「自分だけの表現空間」に変わるんです。この記事では、CSSなんて初めて触るよっていう方か…

#CSS#カスタマイズCSS#はてなブログ#使い方

用法用量を守って楽しくお読みください。•1年前

はてなブログ「このブログについて」のリンクをCSSで消してみた

2本指タップ（右クリック）の「検証」そこからHTMLや指定クラスを見ることを最近覚えましたはいこれは高度ウェブスキル成長期に入っています！ぶははははははこういうのはすぐに実践はてなブログの「このブログについて」というリンク。君だよ、まずは。きみ押したらプロフィールと同じページに遷移するじゃんプロフィールを押した時と同じとこに飛びますデザインも寂しいので消しまーす！消してみまーす！（壊れたら戻しまーす）最近覚えた「検証」で確認丸のとこ押して気になる部分にカーソル合わせると表示されるデザイン＞カスタマイズ＞デザインCSSに入って div.profile-about {…

#カスタマイズCSS#デザインCSS#はてなブログカスタマイズ

忍者通訳の記録帖•1年前

#483🛠 表示崩れ、直ってました！（7月31日）

2025年7月31日の朝いつものように、スマホのホーム画面にある**はてなブログのアイコン（ショートカット）**からブログを開いてみたら── あれ？普通に綺麗に表示されてる。この数日ずっと気になっていた表示の崩れが、なぜか直っていた。文字もちゃんと読めるし、中央にちゃんと収まってるし、右側の余白もない。なんかスッキリしてる。 🔙 この数日間に何があったのか 7月28日（夕方）ホーム画面のショートカットからブログを開いたら、文字が小さくて左に寄ってて、右がスカスカ。全体が縮小されたみたいな変な表示になっていた。 7月29日「もしかして、自分でいじってたCSS（見た目を変えるコード）が原…

#表示崩れ#Google Chrome#CSS#カスタマイズCSS#実体験#考察#エッセイ#ホーム画面に追加#不具合#HTML編集

みにまる。•2年前

【はてなブログ】コードブロックを一新！色替えをしてみた。

私は現在「はてな記法の、スーパーpre記法」を利用してソースコードを表示しているのですが、以前に背景をグレーに変更しただけの状態だったので、今回本格的にデザインを変更してみました。コードブロックのデザイン変更これまでのデザイン変更の流れコードブロックのデザインカスタマイズの種類色替えした場所変更方法コードブロックのデザイン変更これまでのデザイン変更の流れテーマ【Cappuccino】（カプチーノ）のデフォルト表示 ▼ 背景をグレーに変更 ▼ 背景・言語名表示・シンタックスハイライトの色替え ▼ ▼ コードブロックのデザインカスタマイズの種類コードブロックのデザインカスタマイズ…

#コードブロック#カスタマイズCSS

あたうる興業【ブログ版】•2年前

はてなブログテンプレ「Palette」ストライプの色変え方法

うるちです！あたうる興業【ブログ版】では、はてなブログのテンプレート「Palette」ピンクストライプを長年愛用してきました。しかし今回思い立ってブログデザインをリニューアルし、テーマカラーを緑系の色に変更したのですよ。うちのマスコットキャラクター「またわれ」大根をイメージしています。「Palette」のテンプレにはいくつかバリエーションがあるんですが、このストライプデザインはピンクとブルーの二種類しかない。ので、自力でCSS書き換えて色を変えました。 CSSの知識はあまりないんですが、どうにかうまい事できたので備忘録を兼ねて色の変え方を書き残しておこうかと思います。カスタマイズの参考に…

#はてなブログ#テンプレート#Palette#カスタマイズCSS

よつば家の本棚•2年前

はてなブログのヘッダーサイズ・設定方法は？スマホ表示や余白の消し方も解説

こんにちは。はてなブロガー夫婦のよつば（妻）です(*^-^*) ブログ初心者ブログのヘッダー画像を変えたい！サイズと設定方法を知りたいな。ブログタイトルが入るヘッダーは，ブログの表紙みたいなもの。こだわりのあるものを作りたいですよね。今回，旦那ブログ（Minimalism）のヘッダーを変更した体験をもとにはてなブログのヘッダー画像の貼り方（設定方法）はてなブログヘッダーの最適サイズは？スマホで見ると画像が見切れてしまう問題，どうする？これらについて，実際行ったやり方をメモしておきます。画像を貼るだけのシンプルなやり方なので，簡単ですよ。これからヘッダーを作る方はぜひ試して…

#カスタマイズ#カスタマイズCSS#ヘッダーサイズ

はてなブログ収益化＆デザインガイド•2年前

はてなブログに蛍光マーカー（下線）をコピペで設定して文字装飾する

簡単！CSSコピペでできる「マーカー」の設定はてなブログの記事を作成するとき、本文を太字で強調したり、マーカー（蛍光ペン風の下線）を使って文字装飾したい時がありますよね。 CSSコードを使うと簡単に蛍光ペン風の下線（アンダーライン）の文字装飾を使えるようになりますよ。「CSSってなに？」という人もいると思いますが、ご安心を。この記事では、蛍光マーカー（蛍光ペンの下線）のCSSコードをコピペして、はてなブログの本文で文字装飾を簡単に利用できるようにしました。ぜひ参考にしてください。ブログ記事の本文で「マーカー（蛍光ペンの下線）」を使うと、記事の表現の幅が広がって便利ですよ。なお、文字に…

#マーカー#蛍光ペン#カスタマイズCSS

無職ぽこのらくがき•3年前

【コピペで簡単】はてなブログで愛用しているHTMLカスタマイズ３選

Google AdSense合格者９人目の方の部分でカスタマイズについて触れたので軽くご紹介！ ※リンクを貼るために作成しました（笑）私が愛用しているHTMLカスタマイズ３選になります！コピペで使える他のサイトもたくさんあるのでお好みのものをぜひ見つけてみてください！オレンジ色枠使用したい方は下記をコピペ！赤色枠使用したい方は下記をコピペ！テープ付き付箋使用したい方は下記をコピペ！簡単使用方法説明 ①「使用したい方はコピペ」部分のコードをコピー ②「HTML編集画面」に移動 ③「HEML編集画面」に「貼り付け」 ④「編集みたまま」に戻るまとめオレンジ色枠 ◆この記事はこん…

#はてなブログ#HTML記法#カスタマイズCSS#エッセイ#日常#独り言

噛めば噛むほど味のあるタコ•3年前

【はてなブログカスタム！】ブログのヘッダーをカスタマイズしてみた

どうもしっくりこなかったのでデスクトップ版のブログヘッダーをカスタマイズしてみました。デザインテーマはMinimalismをベースにしているよ。赤丸部分をカスタム。左側にブログタイトル、右側にグローバルナビゲーションへ、よくあるヘッダーになります。 HTMLは「デザイン」→「カスタマイズ」→「ヘッダ」→ブログタイトル下の空欄に記述したら反映されるようです。とりあえずヘッダーを新たに追加。※コピペオッケーです <header class="header" id="header-wrap"> <h1 class="header-logo"> <a href="/"> <img src="任…

#ブログカスタム#カスタマイズCSS