お知らせNews

2024/11/13
LP(ランディングページ)サイト向け 無料ホームページテンプレート tp_LP1公開。
0000/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。
0000/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。
0000/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。
0000/00/00
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

「お知らせ」ブロックについて

<!--▼▼▼▼▼ここから「お知らせ」-->
<section>

<h2 class="c no-line"><span class="main-text">お知らせ</span><span class="sub-text">News</span></h2>

<dl class="new">
<dt>0000/00/00</dt>
<dd>サンプルテキスト。サンプルテキスト。サンプルテキスト。</dd>

・・・(省略)

</dl>

</section>
<!--▲▲▲▲▲ここまで「お知らせ」-->

主なスタイルは

cssフォルダのstyle.cssから「new」でテキスト検索してみて下さい。詳しい解説もあります。

<h2 class="c no-line">

「c」と「no-line」の2つのclassスタイルがついています。(classは半角スペースで区切って複数指定可能)
「c」はセンタリングする指定。
「no-line」は見出し上部に入る細いラインを消すスタイルです。no-lineがなければ他のブロックのように上部にラインが入ります。

<dl class="new">

お知らせブロックのベースです。必ずこの中に日付(dt)と記事(dd)を入れて下さい。