あまめも

リストテンプレートも作っておいた方がいいかな?と思ったので作成!

こんにちは! あますた(@amaguristar)です。

先日、「目次テンプレート」を作成。実際に使用しはじめたら思ったよりいい感じ。「これはついでに”リストのテンプレート”も作成しておこうかな?」って流れです。

 
目次

リストテンプレート

通常リストを使う時はこんな感じ、

  • list1
  • list2
  • list3
  • ・・・・
  • まとめ

これでもいいのですが、目次を使い始めたらちょっと・・・・。なんて言うか目次は頑張った感があるのに対して手抜き感が半端ない。

今回も下記サイトにお世話になります!

参考にしてこのページ用に調整をかけたのが、

  • list1
  • list2
  • list3
  • ・・・・
  • まとめ
  1. list1
  2. list2
  3. list3
  4. ・・・・
  5. まとめ

やっぱり文字の感覚は統一した方が良いですね。あとは「・」や「数字」の文字位置は枠から少し離れた方がゆったりしてるので好みです。実際のcssは、

ul.ctk-list, ol.ctk-list {
    background: #fcfcfc;
    border-radius :5px;
    box-shadow :0px 0px 3px silver;
    padding: 0.5em 0.5em 0.5em 2.5em;
}
ul.ctk-list li, ol.ctk-list li {
    line-height: 1.5;
    padding: 0.5em 0;
}

です。今後のリストはこちらを使用。今までの記事も順次変えていこう!

関連記事

  1. 車を携帯?!カバンに入る車(WALKCAR)が来年発売されるよう…

  2. [甘]ローマ字入力どうするの?「とぅ」や「つぇ」が一発で打ち込め…

  3. MacのターミナルでSSH接続する方法!

  4. [甘]WordPressにログインできない!?「.htacces…

  5. MacのターミナルでSSHの接続が弾かれたとき(WARNING:…

  6. Macをマウスなしで操作したい!!って時のショートカット抜粋

こんなメモもありますよ♪

Twitter

ページ上部へ戻る