Pickupニュース

CSS Layout Generator
Webサービス

CSS Layout Generator

さくっとテンプレートが欲しい時に
Webサイトのページレイアウトを設計して、HTML、スタイルシートファイルをダウンロードすることが出来るWebサービスです。

CSS Layout Generatorのご利用はこちらから

Webサイト

動画デモ

CSS Layout Generatorの動画デモです。

https://www.youtube.com/watch?v=NtnPM1Pesag

解説

  1. DOCTYPEHTML 5HTML 4.01 StrictXHTML 1.0 TransitionalXHTML 1.0 Strictから選択します。
  2. CSS Reset(リセットCSS)をCSS reset from Eric MeyerCSS reset from Yahoo!*{margin: 0; padding:0;}から選択します。
  3. Layout width(レイアウト幅)をFixed(固定)、Liquid(変動)から選択します。
  4. Header(ヘッダー)の有無を選択します。
  5. Footer(フッター)の有無を選択します。
  6. Sidebars(サイドバー)を1 sidebar2 sidebarNo sidebarsから選択します。
  7. Additional options(追加オプション)をKeep the footer at the bottom of browser window(ブラウザーの下にフッターを固定)、Emulate equal height columns(カラムの高さを合わせる)、Neither(共に不要)から選択します。
  8. Get the linkボタンをクリックしてプレビューを表示します。
  9. Download .zip archiveをクリックしてソースコードをダウンロードします。

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

記事ランキング