Width : 300px
サイズ  width
掲載画像の内容
掲載サイト数

How to
How to
 HELP   ::: 使うのはマウスだけ! 初心者でもカンタンにオリジナルツールをGET :::
sprockets!

 大好評のSPラブツールを、Web上で簡単にデザインできてしまう、 DDT(ダイレクトデザインツール)の完成です。

掲載画像・コンテンツ・色彩・サイズ の各種項目を自由にデザインしてみて下さい。 Web初心者の方は簡単に、 こだわり派の方はとことんデザインすべしでしょう!

 プレビュー画面下のスライダー は、サイズ設定時に大活躍!
スライダーを、左右にドラッグすると、 プレビュー画面の上部にツール掲載時の横幅が実寸(px) で表示されます。   プレビュー画面へは をクリックすると反映されます。

   デザインが完成したら、スライダーの右下にある 掲載画像の内容掲載サイト数 を設定して下さい。 通常は、『SPラブ参加サイト』 のままでOKです。  あえて別の内容で掲載したい方のみ、お好きな内容をお選び下さい。

  プレビュー画面左下のCSSとHTMLのソースは、デザインを変更するごとに常に最新の設定内容に書き換えられています。
設定が終わり次第、すぐにソースをご利用頂くことができます。

掲載方法
  1. デザインが完成したら、 下記左側のテキストエリア内の CSSソース をコピーして、 掲載したいページの <header>〜</header> の内側にペーストして下さい。
  2. 次に、下記右側のテキストエリア内の HTMLソース をコピーして、 ツールを掲載したい箇所に、ペーストして下さい。

  これら2つのソースをコピぺーするだけで、                 
              あなただけのオリジナルツールが完成します!

上部の青枠をドラッグすると、この窓を自由に移動できます
掲載画像  image
画像表示
画像サイズ
画像配置

コンテンツ  contents
サイト名
更新日
モデル名
3-サイズ
仕事
コメント
カテゴリー
サンプル
グラフ

色彩  color's
背景
枠線
更新日
サンプルボックス
テキスト
リンク文字
グラフ
プレビュー画面背景


soon... 
M7
M8
outline
max
hyouji