tro-suke トロ助

ホームページ制作/HPテンプレート無料、WordPressテーマも無料!!
HOME > ホームページテンプレート > 3カラムテンプレートの紹介

[3カラムテンプレート] 情報量やリンクが多くても大丈夫!!

画像をクリックすると実際のページをご覧いただけます。

サイドバーを左右に配置した3カラムのテンプレートです。メニュー数やアイテムが多くても対応できるようデザインしています。メインカラムを可変レイアウトにすることによって、ワイドな画面にも対応できます。また、ヘッダー部分に少し余裕を持たせて指定していますので、背景にきれいな画像を作ったら、さりげなくアピールしてみましょう。サイトの雰囲気もグッとアップします。「display: table」から「display: flex」に変更して作り変えています。

newnewnewnew
sp-3_beigesp-3_azuresp-3_seashellsp-3_white

アイテム数やリンク数が多くても対応できるようデザインしています。またサイドメニューにはアフィリエイト用によくある中サイズのバナーの配置も可能です。4色のカラーバリエーションをご用意しました。ベースのデザインは同じものを使用していますので、お好みに合わせてお選びください。
sp-3_cyansp-3_roseredsp-3_chrome-yellowsp-3_spring-green

アイテム数やリンク数が多くても対応できるようデザインし、バナーの配置も可能です。左メニューの横幅は234pixelで、アフィリエイト用によくある中サイズのバナーの幅に合わせています。そして右メニューは横幅は160pixelで、これもよくある小サイズのバナーや、縦長のバナーサイズに合わせています。
sp-3_mikan-irosp-3_fujinandosp-sp-3_kokeirosp-3_azukiiro

メニューを両サイドに配置した3カラムテンプレートです。ベースカラーはグレーを基調にし、ブルー、グリーン、ブラウン、レッドをご用意しました。カラーはスタイルシートで変更できます。
sp-3gbsp-3ggsp-3gosp-3gr

メニューを右サイドに配置したオーソドックスなテンプレートです。情報量が多いページや、リンクが多いページにも対応でき、バナーや広告スペースもたっぷりです。4色のバリエーションをご用意しました。ベースのデザインは同じものを使用していますので、お好みに合わせてお選びください。
sp-3r_tokiirosp-3r_fujiirosp-3r_shiraaisp-3r_tonokoiro


画像をクリックすると実際のページをご覧いただけます。

▲このページのトップへ