お知らせ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)を入れて下さい。