無料ホームページテンプレート Template Party

横並びレイアウトからカラム式に変更する

ダウンロード直後のテンプレートは、横長ブロックに統一されていますが、カラム形式に変更する方法のご紹介です。ダウンロード後のテンプレートに対して作業を行って下さい。

※実際にご利用になられる際は、出力させる内容を減らすなどして見た目をコンパクト化して下さい。そのままだと以下のように縦に間延びした状態になって見づらいと思います。

作業の前に(2022/04/21以前にDLされた方へ)

ダウンロードしたファイルのtp-style.css内に、.tp-list2-containerというスタイルがあるか確認して下さい。
見当たらない場合、適当に生成をしなおしてからダウンロードファイルからtp-style.cssだけ抜き出してきて下さい。
このスタイルがないと、以下の作業を行ってもレイアウトが崩れるだけなのでご注意下さい。

作業内容

  1. <div class="tp-list2-container">で囲む。閉じタグも忘れないように。
  2. <div class="tp-list2">を<div class="tp-list2-compact">に変更する。
  3. 以上です。