さんぷる幼稚園

2024.05.31 ここに大切なお知らせを入れます。

さんぷる幼稚園へようこそ

ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。ここに挨拶文を入れます。サンプルテキスト。

もっとみる

2カラムレイアウト

まず2カラムを囲むブロックとして、
<main>
を、
<main class="column">
に変更し、その中にメインコンテンツ<div class="main-contents">とサブコンテンツ<div class="sub-contents">を作って下さい。

具体的には以下のような形になります。

<main class="column">

<div class="main-contents">
※ここにメインコンテンツの内容を入れます。
</div>

<div class="sub-contents">
※ここにサブコンテンツの内容を入れます。
</div>

</div>

sub-contentsを右側にもってきたい場合は、cssフォルダのstyle.cssの、
/*2カラム
の中にあるorderの数字を入れ替えて下さい。
orderは数字の小さな順に並びます。

bg1背景を使う場合

<main class="column">
の外側に
<div class="bg1">
を作って囲って下さい。
具体的には以下のような形になります。

<div class="bg1">
<main class="column">

</main>
</div>

当ページ冒頭にある「さんぷる幼稚園へようこそ」の挨拶ブロックは、2カラムの中に入れてしまうと画面幅が狭くなった際に見づらくなるので、1カラムの状態で使って下さい。

お知らせ

2024/06/10その他
幼稚園・保育園・キッズクラブ向け 無料ホームページテンプレート tp_kids7公開。
20XX/00/00その他
サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00お知らせ
サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00お知らせ
サンプルテキスト。サンプルテキスト。サンプルテキスト。
20XX/00/00お知らせ
サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。サンプルテキスト。

ギャラリー