IT the Best

HTML/CSS/JSに関する情報やはてなブログのカスタマイズに関する情報を掲載しています。

【はてなブログ】パンくずリスト・カテゴリーを階層化表示でアクセスアップ |【SEO対策】【カスタマイズ】

投稿日:2019/06/20 追記あり ・2019/07/02 ・2019/07/06 パンくずリストとは 現在のはてなブログのパンくずリスト はてなブログで階層化表示をする ファイルの準備 ※注意:導入する場合 headタグ内に追加 フッタの一番下に追加 階層カテゴリー を作る パンく…

【CSS】背景パターン --サンプル集-- | 【WEBデザイン】

投稿日:2019/07/19 CSSだけでできる柄物の背景を、備忘録として書き記した記事です。 ドット柄 ドット柄 <div class="style1"></div> .style1{ background-color: #04bd41; background-image: linear-gradient(45deg, #00ad39 25%, #04bd41 25%,transparent 75%, #04bd41 75%); backgr…

【CSS】背景色 グラデーション --サンプル集-- | background:linear-gradient 【WEBデザイン】

投稿日:2019/07/19 CSSのbackgroundプロパティに指定する複雑な値を、備忘録として書き記した記事です。 虹色 虹色 <div class="style1"></div> .style1{ background: linear-gradient(135deg,rgb(255, 0, 0),rgb(255, 20, 172),rgb(90, 40, 255), rgb(60, 120, 255),rgb(80, 255, 237…

【はてなブログ】パンくずリスト・カテゴリーを階層化表示でアクセスアップ |【SEO対策】【カスタマイズ】

投稿日:2019/06/20 追記あり ・2019/07/02 ・2019/07/06 パンくずリストとは 現在のはてなブログのパンくずリスト はてなブログで階層化表示をする ファイルの準備 ※注意:導入する場合 headタグ内に追加 フッタの一番下に追加 階層カテゴリー を作る パンく…

ソースコードハイライト【Google Code Prettify】にCSSだけで言語情報を記述する - 開発日記

Photo by Sean Lim on Unsplash Google Code Prettify HTML CSS JavaScript sample html JavaScript Google Code Prettify 使用している code-prettify https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?skin=sunburst HTML、CSS…

同カテゴリーが記事下の関連記事に表示されない時の対処法 - 【はてなブログ】| 【カスタマイズ】

[画像]問題と対処法 記事下の関連記事の仕様 サイドバーの関連記事モジュールの仕様 カスタマイズ サイドバーに関連記事モジュールを追加する 関連記事モジュール以降にJavaScriptを埋め込む サンプルコード 表示するデータの変更 関連記事を記事下に表示す…

【CSS】でスクロールバーの表示を変えて、個性的なデザインにカスタマイズする【WEBデザイン】

今回の記事は、[画像]この見慣れたスクロールバーのカスタマイズに関する記事です。前置きFirefox、IEなどでは、サポートされていません。スクロールバーのカスタマイズで使用する疑似要素のブラウザ互換性[画像] ::-webkit-scrollbar::-webkit-scrollbar-::…

【はてなブログ】カテゴリー別記事一覧のサイトマップページを作る |【カスタマイズ】

カテゴリーを取得 カテゴリー別に記事を取得 表示 カテゴリー別の記事一覧ページを固定ページで作りました。 html,css,javascriptそしてphpを利用して表示させています。 ※固定ページは、はてなブログPROのみ作成できます。 カテゴリーを取得 var category_l…