FREEDOM.

murmur

No.11 (ランダム表示)

[[NEW]]表記の調整

skin-onelog.html
[[NEW]]で文字を入れることでCSSのクラス名を変える
背景色が掲載期間中に変わる文字(設定で変動するので変更したらそれにあわせること)

NEW!の文字を表示するために掲載期間中クラス名を変える
<span class="[[NEW]]newsign">NEW!</span>
NEW!の掲載期間中日にちを表示しないようにするため日にちと曜日時間にそれぞれspanをわけて掲載期間中クラス名を変える
<span class="postdate[[NEW]]">[[DATE:G.N.]]</span><span class="postdate2[[NEW]]">[[DATE:w.h:m.]]</span>

tegalog-dusk.css
[[NEW]]で文字を入れることでCSSのクラス名を変えたところの調整

掲載期間中"NEW!"の文字をいれるためのコード
   .newnewsign {
      display: inline-block;   /* インラインブロック化 */
      color: var(--color-a-hover);         /* 文字色 */
      font-size: 0.8em;      /* 文字サイズ */
      margin-right: 0.35em;   /* 外側下の余白量 */
   }

掲載期間後"NEW!"の文字を消すためのコード
   .newsign {
      display: none;
   }

掲載期間後の文字トップに時計のアイコンを入れるためのコード
   .postdate::before {
      font: var(--fa-font-icon);
      content: "\f017";
      margin-right: 0.3em;
      color: var(--color-bg-bar1);
   }

掲載期間中の文字トップに時計のアイコンを入れるためのコード
時計アイコンを::beforeで入れるため曜日時間の前にいれないようにするためクラス名を変える
   .postdate2new::before {
      font: var(--fa-font-icon);
      content: "\f017";
      margin-right: 0.3em;
      color: var(--color-bg-bar1);
   }

掲載期間中日にちを表示しないようにするためのコード
   .postdatenew {
      display: none;
   }

あづま・9時間前 NEW! てがろぐ用メモ No.11

DASHBOARD

ハッシュタグ:

日付検索:

検索:

  • #タグ:
  • カテゴリ:
  • 出力順序:

フリースペース:

困った時にみるやつ
てがろぐ使い方・設置方法