このページには、CSSEZのデモFlashを掲載しています。設定画面の挙動や、レイアウトの設定方法、リストとタブメニューのスタイルをテンプレートから選択する方法、背景画像の設定方法(画像のアップロードと画像作成ツールの使用)などのデモを行っています。
少しわかりにくいかもしれませんが、少しずつこのデモも改善していきたいと思いますので、どうかご了承ください。
設定画面は、左下の「CSSEZバッジ」にマウスオーバーすると自動で開くようになっています。そして、設定画面からマウスアウトすると自動で閉じます。デモでは、これを2,3度繰り返して実演しています。
レイアウトは、1カラムから4カラムまで、100種類の中から選択することができます。お好みに合わせて、左側の条件で絞り込んでください。右側のレイアウト画像がリアルタイムで切り替わると思います。
好みのレイアウトを見つけたら、その画像をクリックするとレイアウトが反映されます。左側の下には、現在設定しているレイアウトが表示されています。
上部のメニューとサイドバーのリスト用のスタイルとして、各23個のレイアウトを予め用意しています。これらのレイアウトは、クリック一つで適用することが可能です。メニューのテンプレートは、「メニュー」の「その他」に、リストのテンプレートは「サイドバー」の「その他」にあります。
bodyや各カラム、記事見出しなどの背景画像を設定することができます。背景は、ローカルから画像をアップロードして設定する他に、ツールを利用してその場で作成することも可能です。背景作成ツールを使用すると、ストライプとグラデーションを駆使した画像を簡単に作成・設定することができます。ツールのご使用は、「背景」タブ選択後、「背景を新規に作成する」を選択してください。
CSSEZでは、細かいスタイルの設定まで行えます。総数は約450項目です。初心者の方でも簡単・手軽にCSSが作成でき、上級者の細かいニーズにも対応できる点がCSSEZの魅力です。
flash_ad