あなたが作成した様々なデータが販売できる「データのフリーマーケット」!
 

                 

  あなたの様々なデータは本当は価値があるのです!

  動画、写真、イラスト、デザイン、キャラクター、電子書籍、文章、音楽、ゲーム、

  素材、アプリケーション、ソースコード、zip、アニメ、officeデータに各種テンプレートなど

  すべてのデータを簡単に販売でき、1ポイント=1円で現金に交換できます!

 

気軽に様々なデータを販売しよう。めざせ1日1アップロード!

販売は・・・データをアップロードして、価格の設定をするだけで販売開始!

購入は・・・商品を見つけたら、ポイントを確認してカートへ入れるだけ!

 

ログイン

初めての方

 

柔軟な要素の配置を実現するプロパティ

こんにちは、Fujibaba.com管理人です。
今回は要素の位置指定について書きたいと思います。

HTMLだけで要素の配置をしていくと限界があり、もうちょっと右下に配置したいとかもうちょっと左上に配置したいといったことが出てきます。そういった時にCSSのpositionプロパティを使えば、自由自在に要素を配置することが可能になります。

まずは、以下のHTMLを用意してください。以下のソースコードをコピーして、テキストエディタで保存してもらえればOKです(拡張子はhtmlにしてください)。

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="style.css" />
<title>HTML演習</title>

</head>

<body>

<div id="position1">CSSの基礎講座</div>
<div id="position2">動画やイラストが誰でも<span class="sale" id="idsale">販売</span>できるってご存知ですか?</div>
<div id="position3">Fujibaba.comならダウンロード販売で動画やイラスト、電子書籍などが販売・購入できます</div>

</body>
</html>

 

続いて、上記HTMLと同じディレクトリ内にstyle.cssというファイルを保存してください。ここからはstyle.cssを変更していきます。

positionプロパティに指定できる値には、以下のようなものがあります。

static:特に配置方法を指定しない(初期値)
relative:相対位置への配置
absolute:絶対位置への配置。親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準、親ボックスにpositionプロパティのstatic以外の値が指定されていない場合には、ウィンドウ全体の左上が基準となる。
fixed:絶対位置への配置。スクロールしても位置が固定されたままとなる。

それぞれ実際に指定しながら見ていきましょう。

 

《relative》
staticは特に説明は不要だと思いますので、relativeから見てみましょう。relativeはもともと表示される場所からの位置を指定して要素を配置します。
まずは何も指定していない状態をブラウザで確認しておきましょう。

div要素が並んで表示されますね。では、以下のスタイルを記述してみましょう。

#position1{
position:relative;
top:50px;
left:30px;
}

 

これをブラウザで確認すると、「CSSの基礎講座」が一番下にいき、ちょっと右側にずれて表示されますね。positionでrelativeを指定してtopとleftを記述したので、もともと表示されていた場所の上(top)から50px、左(left)から30pxずらした位置に表示されるという仕組みです。

position

 

《absolute》
absoluteは、子要素を親要素を基準にずらして表示したい時によく使われます。その場合、親要素にrelativeを指定し子要素にabsoluteを指定します。ちょっとわかりにくいので、実際にやってみましょう。

以下のようにstyle.cssに記述してみてください。

#position2{
position:relative;
}

#idsale{
color:red;
position:absolute;
left:30px;
}

 

親要素のposition2にはrelativeを指定して、子要素のidsaleにはabsoluteを指定しleft:30px;で左から30px分ずらしています。この場合、親要素であるposition2を起点に左から30pxずれてidsaleが表示されますので、以下のように「販売」が重なって表示されます。見にくくなってしまうのでidsaleに色もつけています。

position

さらにもう少し右側にも注目していただきたいのですが、もともと「販売」が表示されるはずだった場所には次の要素が詰めて表示されていますね。これもabsoluteの特徴で、relativeだともともと表示されるはずだった場所にはブロックが残り空白になりますが、absoluteだと詰めて表示されるのできれいに配置できます。

 

《fixed》
fixedは、配置の考え方はabsoluteと同じですが、スクロールしたりブラウザの大きさが変わっても位置は固定されたままになります。
例えば、以下のようにスタイルを指定すると、ブラウザの右下にposition3が固定されて表示されます。これも試してみるとすぐ理解できると思いますので、実際にやってみてください。

#position3{
position:fixed;
right:0;
bottom:0;
}

 

このようにpositionプロパティを使うと、柔軟なレイアウトを実現できるようになりますので、きれいに要素を配置して素敵なデザインに仕上げちゃってください。

このエントリーをはてなブックマークに追加

商品を出品したら、FacebookやTwitterなどで広めよう!

上記の”いいね”や”ツイート”ボタンをクリックするとこのページをみんなに紹介できるよ。
出品していなくてもオススメの商品をみんなに紹介しよう。

 

ログイン  初めての方へ
価値のあるデータを無料共有していませんか?

価値のあるデータ(動画や写真といったファイル全般)を共有サイトに無料アップロードしていませんか?
価値のあるものは、閲覧数やコメント数の伸びがよく、広告収入もあるかと思います。

その価値あるデータをもっともっとダイレクトにダウンロード販売して収益化できるのがFujibaba.comです。
違法ダウンロード刑罰化が進む中、Fujibaba.comでは違法なデジタルコンテンツは許可していません。

違法ダウンロード刑罰化の対象にならないデジタルコンテンツなので、購入される方も安心して利用できるシステムになっております。

 

動画,写真,イラスト,デザイン,キャラクター,電子書籍,漫画,アニメ,文章,音楽,ゲーム,Office(Word、Excel、PowerPoint),素材,アプリケーション,ソースコード,ZIP,各種テンプレート,など様々なデジタルコンテンツのデータを、法人も個人もダウンロード販売できるサイトです。!副業をするならFujibaba.com

 

動画のダウンロード販売
動画のダウンロード販売とは、あなたが撮影した動画、あなたが著作権を持っている動画をダウンロード販売することができます。おもしろ動画や、奇跡の瞬間動画や、スゴ技・神業動画や、講習動画や、自作のドラマ・アニメの動画や、普段は体験できない動画や、コマ撮り撮影の動画や、再生回数の多い動画シリーズや自作の音楽・ライブ動画や、情報動画や、その他かわいい動物の動画や、かわいい赤ちゃんの動画などなど、様々な動画がダウンロード販売できます。動画をアプロードするだけで副業ができます。

静止画(写真・画像)のダウンロード販売
静止画(写真・画像)のダウンロード販売とは、あなたが撮影・作成した静止画(写真・画像)、あなたが著作権を持っている静止画(写真・画像)をダウンロード販売することができます。静止画(写真・画像)とは、写真やイラストなどの画像の事を総称して静止画(写真・画像)と言います。素材として使用したり、壁紙に使用したりする写真や画像をダウンロード販売できます。写真や画像で簡単に副業ができます。

ファイルのダウンロード販売 
ファイルのダウンロード販売とは、動画や静止画(写真・画像)を含むあらゆるデータでもダウンロード販売できます。zipに写真をまとめてダウンロード販売したり、PDFで書籍をダウンロード販売したり、自作のゲームやアプリケーションをダウンロード販売したり、様々な用途に使用できる著作権フリー文章のテンプレートをダウンロード販売したり、エクセルの書式のテンプレートをダウンロード販売したり、漫画本や小説その他の様々な原稿データをzipに圧縮してダウンロード販売したり、おもしろ料理や絶品料理の説明書をテキストやメモ帳でダウンロード販売したり、アフィリエイトの成功方法や成功する投資方法などの情報商材をダウンロード販売したり、PowerPointでプレゼン資料のテンプレートをダウンロード販売したりなどなど、ダウンロード販売の可能性は無限大にあります。便利なデータを販売アップロードするだけで副業できます。

動画、静止画(写真・画像)、ファイルのダウンロード購入
 Fujibabaポイントを使用して動画、静止画(写真・画像)、ファイルをダウンロード購入できます。制限カテゴリーに著作権フリー、商用利用の禁止、加工の禁止の3つあるので購入する時に確認ください。

詳しくは、初めてのFujibaba.comダウンロード販売方法お買物方法ポイントについてFujibaba.comの魅力をご覧ください。

 


ダウンロード販売とは?
ダウンロード販売(ファイル販売とも言いえます)とは、動画、静止画(写真・画像)、ファイル、文章等のデータファイルを販売することです。ダウンロード販売の魅力は大きく3つに分けてご紹介します。

①ダウンロード販売の魅力は、どのようなデータでも販売できます。
ダウンロード販売の魅力は、動画、写真、画像、officeファイル、ソフト、アプリケーション、文章など、幅広いジャンルの物が販売できるという事です。パソコン上のデータであれば、ジャンルを問わずデータを販売できます。よくある例は、起業が写真をHPや企業の広告用に利用するための素材として販売していたり、動画や写真を加工するソフト、パソコンの環境を良くするためのソフトの販売などがあります。Fujibaba.comでは、企業で販売したり、個人で販売もできます。つまり、誰でも様々なデータファイルの販売が可能なのです。

②製品は自分次第で、様々な製品が販売でき、様々な製品が購入できる。
製品は自分のパソコンにある自分のデータであればどのようなデジタルコンテンツも販売できます。何気ない旅行の写真や、自分で考えたデザイン、偶然とれた奇跡の瞬間の動画、分で作ったゲーム、自分で作ったマンガ、自分で作成した文章など、考えだしたらきりがないほど様々あります。つまり、自分の個性を最大限に活かした販売が可能になるのです。つまり、誰でも副業ができるのです。自分の個性を最大限に活かした販売が可能という事は、様々な人の個性を購入でき、それを活用する事もできます。 Fujibaba.comでは、著作権フリー、商用利用の許可、加工の許可などをカテゴリーごとに分けていますので、販売されている製品をそのまま活用したり、独自に加工して活用することもできます。

③1度販売すると、在庫の心配がなく半永久的に販売可能です。つまり、何もしてないかのようで副業ができます!
物品の販売では、購入された商品は、代金と引き換えに物を渡します。ダウンロード販売では、購入された商品は、代金と引き換えにダウンロードできるようにします。つまり、オークションや中古品の販売では1度きりの販売で終わってしまうのですが、ダウンロード販売では、所有権、著作権等がある限り、半永久的に販売が可能なのです。1度販売すると、デジタルコンテンツの価値は100円にも、100万円にもなる可能性があるのです。Fujibaba.comでは、購入の代金をポイント制とし、販売で得たポイントは、好きな時に現金への交換ができます。

④収益化
今まではネットで収益化することはとても大変でした。アフェリエイト中心に広告収入でしたが、ダウンロード販売をすることで直接的な収益化が期待でき副業になります。Fujibaba.comを使用することで動画・写真、ファイルといったあらゆるデジタルコンテンツで収益化ができます。電子書籍、テキスト、アプリといったファイルも販売できるので、収益化できるデータはお客様次第!
費用無料でできる副業は限られていますが、Fujibaba.comなら簡単に誰でも副業ができます。

ダウンロード販売の魅力がわかって頂けましたでしょうか?Fujibaba.comでは、誰でも、個人でこの魅力をご活用いただけます。
まずは、自分の動画、写真などを販売してみてはいかがでしょうか?Facebookに自分の製品を告知する事もできます。アカウントを登録して、Fujibaba.comを活用してみましょう!※FacebookとTwitterアカウントでのログインもできます。

動画、静止画(写真・画像)、ファイルのダウンロード販売 Fujibaba.com(ふじばば.com、フジババ.com)

 


法律・マナーの順守

          販売する方は著作権や肖像権を侵害しないようお願い申し上げます。
 
  ダウンロード販売する側の注意点、制限タグ
   ・著作権フリー:著作権フリー、商用利用可能な場合チェックを付けてください。
   ・商用利用の禁止:商用利用を禁止する場合はチェックを付けてください。
   ・加工の禁止:加工を禁止にする場合はチェックを付けてください。

  購入する側の注意点、制限タグ
   ・著作権フリー:著作権フリー、商用利用できます。
   ・商用利用の禁止:商用利用できません。
   ・加工の禁止:加工禁止です。

Fujibaba.comではデータのダウンロード販売以外にも、コメントのやり取りやブログの公開等、ソーシャルメディアとしてご活用いただくことも可能ですが、誰かが不快に思うような内容は決して書き込まないようお願い申し上げます。
詳しくは利用規約著作権をご参照ください。
Fujibaba.comはすべてのユーザーが安心してデータのダウンロード販売をできるよう鋭意していきます。
 
動画・静止画・ファイルのダウンロード販売
Fujibaba.com

 

feedback