ヘッダー・コニファロゴ
ヘッダー・コニファロゴ2
コニファ・シンボルキャラクター
カテゴリー:サーバー、web、ネットワーク関連



株式会社コニファ・無料で使えるBtoB WEB受注システム・0万石 WEB受注システム(バナー用3)
無料で使えるBtoB WEB受注システム,0万石受注システム,0円,Free
無料で使えるBtoB WEB受注システム
0万石 WEB受注システム

使える無料のwebサービス22:Pixelknetes Background Dotter

Pixelknetes Background Dotter

「Pixelknetes Background Dotter」は、ドットの大小でグラデーション効果を出した背景画像を作成してくれるジェネレーターです。

デフォルトの背景画像は、ドットの色が#0339B0、背景の色が#110472になっています。
この色を変更することで、ユニークな背景画像を作ることができます。

ドットの色は、[ Dots]のColor AとColor Bの2つ用意されていて、違った色コードを入力すると、隣り合ったドットの色が変わります。違った色コードで作成してみて、単色に戻したいときは、色コードを入れ直す手間をかけず、「single color only」にチェックを入れれば、Color Aのみが適用されます。

背景色は、[ Background ]で、ドットの色と同様にColor AとColor Bの2つ用意されていて、使い方は同じですが、違いは2色によるグラデーションになります。

[ Size ]で背景画像の高さを変更できます。

後は、[ OK ]ボタンをクリックすれば、背景画像を作成してくれて、画面の背景に反映します。また、[ Random ]をクリックすると、数値をランダムで選んで、作成してくれます。

なお、画像は「dotted_bg.png」もしくは「dotted_bg.php.png」という名称で、サイズは、横75px、縦700px(Sizeで決めたサイズ)になります。

解説画像

画像の保存方法
Firefoxの利用が推奨されています。背景画像を作成後、Firefoxで背景部分にカーソルを置き、右クリックから 「背景画像だけを表示」(右画像)を選び、背景画像を表示させ、再度右クリックで保存します。

その他のブラウザでも、ソースを見て、背景画像を保存できますが、Firefoxを使ったほうが簡単です。

また、他のブラウザで、既に背景画像を作成してしまった場合、urlをすべてコピーし、Firefoxのurl欄にペーストすれば、同じものを再現できます。
解説画像

作成した背景画像の利用方法
[ Background ]のColor Bの色コードを書き留めておき(下の場合 #115A11)、以下のようにhtmlのbodyタグなどに記述します。
<body style="background:#115A11 url(dotted_bg.php.png) repeat-x;">

実際に作った背景画像を適用させたページはこちらです。
Pixelknetes Background Dotter:http://www.pixelknete.de/dotter/index.php
※現在、このURLは無効のようです。





戻るボタン
Copyright© 2018 Conifer,Inc. All rights reserved.