クール&キュートなリボン・ジェネレーター 4つ
クール&キュートなリボン・ジェネレーター 4つ
サイトに可愛いアクセントを施す、リボン・ジェネレーターの紹介です。
テキストやリンクを貼ることもでき、リボン画像と共にjavascriptコードも生成してくれます。
Quickribbonで作ったものを右上に貼ってみました♪
Website Ribbon Generator
Website Ribbon Generator の使い方
(A)Message | テキストを入力、入力しない場合は半角スペースを入れて下さい。 |
(B)Link | リンクするURLを入力します。入力しないと画像が生成されません。 |
(C)Email | メールアドレスを入力します。入力しないとエラーとなります。 |
(D)Font | フォントと文字サイズを選択します。 |
(E)Font color | フォントの色を選択します。 |
好きなリボン(色)をクリックで選択し「GENERATE」をクリックします。
プレビュー画面にリボン画像が生成されました。右クリックから保存できます。
その下にjavascriptコードが生成されています。コードを貼り付けることでリボンが表示されます。
Quick ribbon
Quick ribbon の使い方
Ribbon text
テキストを入力します。
Choose the font and size
フォントとサイズを選択します。
Text color
赤枠クリックでカラーピッカーが出現しますので色を選択します。
Pick the ribbon style
リボンのスタイルを選択。
Pick the ribbon color
リボンの色を選択。
- 「Color no.1」はリボン上からのグラデーション始まりの色。
- 「Color no.2」はリボン下へのグラデーションの終わりの色。
- 「Color no.3」がリボン上部の色。
Background color
背景色はスポイト・アイコンクリックでカラーピッカーが出現し選択できます。
リボン画像の上で「右クリック→保存」することができます。
Apply
どこかを変更した場合、クリックするとプレビュー画面に反映します。
Ribbon hyperlink
リンクするURLを入力します。
Open link
リンク先を別窓で開くか、同一窓で開くか選択できます。
Generate Ribbon!
クリックするとコードが生成されます。
コードが生成されました。コピーして貼り付けるとリボン画像が表示されます。
このページの右上部に貼り付けてあります。
その他 3Dリボン・ジェネレーター
色とサイズ、細部までこだわって設定できます。
ribbon-builder
スライダーでサイズの調整をし、カラーピッカーで色を指定するだけで出来上がり。
リボンはサイトに彩りを添えてくれます!最近は、あまり見かけなくなりましたが(^^;)
3Dリボン・ジェネレーターはちょっと苦手かなぁ・・・時期、使い方を記したいと思います。
関連記事
- 繋ぎ目のない背景画像がダウンロードできるThe Pattern Library
- 和風ティストな壁紙65枚!放出する
- Webデザインにお役立ちのテクスチャ-フリーテクスチャ素材館
- ザラッとした質感のテクスチャを作るジェネレーター
- 超!素敵な背景画像を仕上げよう! Pattern cooler
- アナグラム柄の背景・壁紙素材をお探しなら
- 日本人なら和風壁紙だよね Japonizer
- 可愛いタータンチェック画像を作成しよう!Tartanmaker
- クール&キュートなリボン・ジェネレーター 4つ
- 凄過ぎ!約100万枚の壁紙が無料 Desktop Nexus
最新記事
- 高品質過ぎる写真素材を無料配布しています!フォトマルシェ
- なんてことだ、フリー素材アイドル誕生!!
- GIFアニメをいろいろと加工しちゃう Ezgif.com
- YouTubeからGIFアニメを生成する GIF YouTube
- 和の伝統色に癒やされてみる NIPPON COLORS
- 俺だけのセーラー戦士を「セーラー戦士メーカー」で作るお
a:3484 t:1 y:0
■この記事に足りないと思ったことがあったらぜひ教えてください。