楽種作成ヒント1 Hint 1

簡単にレイアウトをかっこよくしよう!

テーブルレイアウトを使えば、さまざまなレイアウトが可能になります。
ここでは下のようなレイアウトを作る方法をご紹介します。

sam01

Flower

sam04

Coffee

sam03

Waffle

作成方法

1.コンテンツの編集画面より、まずテーブルボタンをクリックします。
l01


2-3.テーブルプロパティの画面が開くので、行や列を設定し「OK」をクリックします。
l02


4.テーブルの枠が作成されました。
l03


5.テーブルに画像やテキストを入れ込みます。
l04


【テーブルのセルの色の変更】テーブルのセルの色を変更したい場合は下記をご参照ください
l05


【テーブルのセルの色の変更】テーブルのセルの色を変更したい場合は下記をご参照ください
l06


6.完成したら、テーブルのどこのセルでもいいのでクリックし、
右クリックして「テーブルのプロパティ」を選択します。
l07


7.ボーダーサイズ・セル間隔・セル内余白をすべて「0(ゼロ)」にして、「OK」をクリックします。
l08


8.最後に「保存する」をクリックし、完成です。
l09


サイトをご確認ください。
l10




上は一例です。
このレイアウト方法を応用すれば、多種多様なレイアウトも可です!
ぜひお試しください。

レイアウト例

sam01
coffee
sam03
flower
sam04
waffle

上のように作成して、「border="1"」を「border="0"」にするだけで下のようなレイアウトができます。

sam01
coffee
sam03
flower
sam04
waffle



sam01 コーヒー ○○○円
ここに文章が入ります。
ここに文章が入ります。
ここに文章が入ります。


ワッフルセットにすると、○○円になります。
sam04 ブルーベリーワッフル ○○○円ここに文章が入ります。
ここに文章が入ります。
ここに文章が入ります。


ドリンクセットにすると、○○円引きになります。

上のように作成して、「border="1"」を「border="0"」にするだけで下のようなレイアウトができます。 

sam01 コーヒー ○○○円
ここに文章が入ります。
ここに文章が入ります。
ここに文章が入ります。


ワッフルセットにすると、○○円になります。
sam04 ブルーベリーワッフル ○○○円ここに文章が入ります。
ここに文章が入ります。
ここに文章が入ります。


ドリンクセットにすると、○○円引きになります。

レイアウト例

テーブルを使用したレイアウトで実装可能です。 

sample Text
bodytextbodytext
bodytextbodytext

Text
bodytextbodytext
bodytextbodytext

sample


【border="0"にしたもの】
sample Text
bodytextbodytext
bodytextbodytext

Text
bodytextbodytext
bodytextbodytext

sample
まずはお試し無料登録

楽種の機能を利用して生成された制作物は、お試し期間やご契約終了後、そのまま他のサーバーで公開・ご利用いただくことはできません。
また楽種が生成したテンプレートデザインやアイコン・パーツ・バナー等の画像、htmlソース・CSSソースの二次利用は固く禁止しています。

RSS 2.0

Copyright Since 2010 SAKAWA All rights reserved.

佐川印刷株式会社ハッピィハッピ