No.11
<span class="[[NEW]]newsign">NEW!</span>
<span class="postdate[[NEW]]">[[DATE:G.N.]]</span><span class="postdate2[[NEW]]">[[DATE:w.h:m.]]</span>
.newnewsign { display: inline-block; /* インラインブロック化 */ color: var(--color-a-hover); /* 文字色 */ font-size: 0.8em; /* 文字サイズ */ margin-right: 0.35em; /* 外側下の余白量 */ }
.newsign { display: none; }
.postdate::before { font: var(--fa-font-icon); content: "\f017"; margin-right: 0.3em; color: var(--color-bg-bar1); }
.postdate2new::before { font: var(--fa-font-icon); content: "\f017"; margin-right: 0.3em; color: var(--color-bg-bar1); }
.postdatenew { display: none; }
あづま・4時間前 NEW! 9.18.Thu.12:04. てがろぐ用メモ <1080文字> No.11 編集
« No.10 / No.12 »
TOP
DASHBOARD
カテゴリ:
ハッシュタグ:
日付検索:
検索:
フリースペース:
編集
▼特殊な表示モード:
skin-onelog.html
[[NEW]]で文字を入れることでCSSのクラス名を変える
背景色が掲載期間中に変わる文字(設定で変動するので変更したらそれにあわせること)
NEW!の文字を表示するために掲載期間中クラス名を変える
NEW!の掲載期間中日にちを表示しないようにするため日にちと曜日時間にそれぞれspanをわけて掲載期間中クラス名を変える
tegalog-dusk.css
[[NEW]]で文字を入れることでCSSのクラス名を変えたところの調整
掲載期間中"NEW!"の文字をいれるためのコード
掲載期間後"NEW!"の文字を消すためのコード
掲載期間後の文字トップに時計のアイコンを入れるためのコード
掲載期間中の文字トップに時計のアイコンを入れるためのコード
時計アイコンを::beforeで入れるため曜日時間の前にいれないようにするためクラス名を変える
掲載期間中日にちを表示しないようにするためのコード