テーマCSS

このタグの解説について

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

✍️blog•8ヶ月前

はてなブログのCSSを少し変えた

このブログ用にCSSを以前書いたのですが、コードブロックの見た目がイマイチだなと思い少し改善させました。 sabiz.hateblo.jp これまで以前は、Vimの以下のテーマを参考にコードブロックのCSSを設定していました。 github.com パープルを基調にした感じでちょっとこのブログのベーステーマに対して濃すぎてたのかもしれません。 Javaとかだとこんな感じでそこそこ見やすいのですが、 HTMLとかだと以下のような感じで少し見にくいです。これからダークテーマ系でよさそうなものがないか探した結果以下のVimのテーマを参考にすることにしました。 github.com 結果的にこ…

#はてな#テーマCSS#はてなブログ

関連ブログ

LOGzeudon•10ヶ月前

はてなブログテーマ「Ryucho」を公開しました

ストア掲載サムネイルの高画質版 blog.hatena.ne.jp レスポンシブ対応サイドカラムを左に配置し、かつスクロール追従（sticky）するようにしてみたリンクとカテゴリモジュールでは、はてなブログのアイコンフォントを使ってみたテキストリンクは全部下線をつけた Twitterの先行きが怪しく、Webでの発信・アプトプットの中心が、何らかのブログやコミュニティへと移る日が来るのかもしれません。 note、Zenn、Qiita、WordPress、そして STUDIO CMS など、ブログ発信のツールはいろいろあります。ただ、趣味の範囲で、頑張らなくてもゆるい繋がりができる、そしてブ…

#テーマCSS#カスタマイズCSS#はてなブログテーマ#はてなブログテーマ制作

株式会社一一（ICHIICHI）の開発日誌•2年前

はてなブログのテーマを「Palette」に変更、カスタマイズしてみた

今回のテーマバンビの初心者ブログ教室さんの作成したテーマ「Palette」を使用してブログのテーマを変更してみました。テーマの変更、変更後にカスタマイズした事などについてご紹介していきたいと思います。今回のテーマテーマの変更方法ヘッダー画像の変更テーマの変更方法まず、はてなブログにログインしたあと右上にアカウント名が表示されているところがあるのでそこをクリックして「デザイン」というところからテーマを変更します。最初選べるテーマにはないので、テーマ選択の一番下まで行くと「テーマストアでテーマを探す」があるのでそこから探して入れます。探し出せない場合はこちらからインストールできます…

#テーマ「パレット」#テーマCSS#ヘッダーに画像を設置#ヘッダーサイズ#ヘッダーカスタマイズ

TaichiSugimoto’s diary•2年前

ECサイトは「テーマ」選びが重要！

現在においてecサイトは販売をする上で欠かせないサービスですが、サイト上で取り扱いし販売する商品を求めている方々には共通している目的があるため、手掛ける時にはテーマを明瞭化する必要があります。そのように、デザインをはっきりとさせたり全てのページや商品に共通して統一感を出す事により、アクセスし目にしている方が安心感や楽しさを感じるようになるのはもちろん、ecサイトをブランド化させる事にも繋げられます。さらに、ecサイトにおいてもウェブサイトやブログと同様に検索エンジンで検索をした時の結果がより良くさせる事が大切なのですが、検索エンジンに最適化させるSEOの事を思慮した場合には統一感があるテー…

#テーマ#テーマCSS#テーマカラー#ホームページ#デザイン

アラサー女子力向上BLOG•4年前

【はてなブログ】【分かりやすく説明】自分が選んだテーマのデフォルトCSSを確認する方法

こんにちはー。雰囲気オシャレを大事にするアラサー女子＠chi-sha-です。はてなブログでは、自分の好みでありもののブログテーマを設定する事が出来てカスタマイズめんどくさい！人からするとかなり便利ですよね(人''▽｀)☆ とはいえ、ブログを進めていくと必ずここ少しオシャレにカスタマイズしたい！となるものです。そうすると、（変更しなくてもいい場合もありますが）テーマCSSを一部変更したりしないといけなくなります。この記事では自分で設定したブログのテーマのデフォルトCSSがどういう設定になっているかを確認する方法をご紹介します。テーマCSSの確認方法私は『Flatbox』という…

#CSS#HTML#はてなブログ#テーマCSS

アラサーサラリーマンのDiary•7ヶ月前

はてなブログのスマホデザインを変更する方法(レスポンシブデザイン)

はてなブログでは初期設定だとPCのデザインとスマホのデザインが違うことをご存知でしたか？私は最近知って焦って変更しました。今回はPCとスマホのデザインを同じにする方法(レスポンシブデザイン)を紹介します。簡単に設定可能なので是非やってみてください！(忙しい方用に大切なところは赤文字で記載しています。) PCで変更する場合スマホ版の場合レスポンシブデザインの注意点最後に PCで変更する場合 ①まず初めにダッシュボードのページからデザインを選択します。 ②次にスマートフォンのマークを選択します。 ③詳細設定のレスポンシブデザインにチェックをつける ※ 詳細設定が開いていないときは、詳細設定…

ヌンタコのプログラミング学習ブログ•9ヶ月前

2月の学習振り返り

今日から3月なので振り返りをしようと思う〜 2月は何した？ ruby ビンゴ ruby ボーナスドリンク figmaを利用してデザインカンプ WPの編集 html cssでサイト製作（途中 chatGPTでリファクタリングどうだった？簡単なコードの練習をやってみたけど、毎日10分でも触れていると楽しい。あとはすんなり行くと拍子抜けする。ひさしくぶりに使って覚えていたのはeach doであったり、三項演算子など。あとrudocopは細かくチェックしてくれてとてもみやすくなるなと、思い出しながら触っていた。逆に覚えていないというか、まだ使い慣れてないな・・・と思うのがハッシュとか正…

プログラムでおかえしできるかな•1年前

はてなブログでMarkdown記法を使う

はてなブログで編集モードを Markdown モードにした時の記事の書き方を説明します。記事に箇条書きや番号付きリストが多い場合、Markdown モードが使いやすいと思います。

お読みあそばせ•1年前

100万年ぶりに自分でブログテーマを作成したら、css girdのおかげで自由度が高まっていた。

収益化するなら一応WEBサイト屋さんとしてテーマをちゃんと作るか……となった。WPはもちろんだけど、tumblrのテーマなども自分で作ったことがある身としては、はてなのテーマ作成は、記事ひとつ分のcssをいじるだけなのでテーマ作成としては比較的楽だと思いました*1。 CSSの練習としては結構いいんじゃないでしょうか、知らんけど*2。デザインとコーディングを同時にやったので適当にもほどがあるXDはてな公式のデザインテーマ作成の手引きを読むhelp.hatenablog.com公式がヘルプに制作の手引きを載せているので、ひと通り読んでおく。自分は確認用テーマを作ったけどほとんど使わなかった。これ…