いつもありがとうございます。ヒポです(*^ω^*)

CSSを使って プロフィールページ に手の込んだおシャンティなタイムラインを実装しようとしたら、スタイルシートが使えなくて断念しました。囧rz
その代わり、タイムライン "風" なテーブルを作りましたのでご紹介します。

タイムラインっぽいテーブル↓
XXXX年 (令和XX) X月
ここに内容が入る


ショボいけど、ライブドアブログやHTMLしか使えないところでも使えるので便利かなと思います(*'ω'*)

コードです↓
<table  cellspacing="0"><tbody>

  <tr>
    <td  style="height:30px;width:10px;background-color:#BBB;"></td>
  </tr>
  <!-- 日付 -->
  <tr>
    <td style="width:10px;background-color:#FFC300;border:none;"></td>
    <td style="width:10px;border:none;"></td>
    <td style="padding:0 10px; width:300px;background-color:#FFC300;color:#FFF;border:1px solid #FFC300;">XXXX年 (令和XX) X月</td>
  </tr>
  <!-- 内容 -->
  <tr>
    <td style="background-color:#BBB;"></td>
    <td style="border:none;"></td>
    <td style="padding:5px 10px;border:1px solid #FFC300;background-color:#FFF;">ここに内容が入る</td>
  </tr>
  <tr>
    <td style="height:20px;width:15px;background-color:#BBB;"></td>
  </tr>

</tbody></table>


ショボすぎて需要なんてないと思いますが、使いたい方がいらっしゃいましたらご自由にどうぞ(*゚∀゚)っ

リンク貼りも不要です(^^)/

もちろん、リンク貼り大歓迎ですが(*´꒳`*)


以上、人生のタイムラインに孤独死をなくしたいヒポでした٩( ᐛ )و