【はてなブログ】記事内にタイムテーブルを入れてみました。

こんにちは、いずみです。いずみの韓流カフェが60記事になったのをきっかけに、雑記記事は秘密基地の方で書くことにしました。どうぞよろしくお願いします。

こちらの記事にタイムテーブルを入れてみました。

タイムテーブル作成

Sai. (id:sai_kurashi) さんのブログで教えてもらった
フジグチさんの「ステップバー」をアレンジさせていただきました。
説明が分かりやすくてコードが苦手な私にも応用できました。
これ以上うまく説明する自信がないのでリンクカードを貼らせていただきました。

お借りしたのはデザイン３のステップバーです。

↑この手順通りに進めばOKです。

今回は数字の自動カウントを使わないので、その部分のcssコードを消しました。こちらもフジグチさんの記事に説明があります。

ステップバーのベース部分と手順を追加するパーツのHTMLコードをそれぞれ定型文のところに入れます。

まずベース部分を貼り付けて項目や内容を記入します。ステップを増やす時は手順を追加するパーツを貼り付けます。

いかがですか？私にも出来たのでコードを扱い慣れている方なら超簡単だと思います。手順の説明を簡潔にまとめられるので、これから学習ブログの記事で大活躍しそうです。色や項目のアレンジが難しくないのが嬉しいです。

いずみの韓流カフェは韓国語学習ブログとして再スタートします。雑記記事はこちらで続けますので、よろしければお付き合いください。
まだ準備が整っていませんが、見切り発車しました。

最後までお読みいただきありがとうございました。

いずみの秘密基地